Langues nécessaires pour devenir un Front End Web Developer


Tout d'abord, demandez-vous, vous pouvez devenir un front-end Web Developer? Bien sûr, vous le pouvez!

Maintenant, je parie que vous vous demandez, ce est une évidence? Pas de panique? Pas beaucoup d'effort impliqué? Hummm, pas vraiment. Il ya plusieurs années, tout ce que vous devez savoir HTML et CSS était. Aujourd'hui, vous avez besoin de connaître le langage HTML, CSS, JavaScript, jQuery API DOM et comme le fondement (et des concepts tels que le modèle de boîte, la compatibilité du navigateur croix et responsive design). Parce que l'Internet est devenu plus mature le plus haut niveau de compétences en programmation d'un frontal Web Developer avais besoin.




Mais, vous aurez besoin de plus de compétences de codage pour devenir un développeur web.

Patience Grasshopper

En plus des compétences de codage, vous aurez besoin d'un peu de "Kung Fu ... temps et d'efforts. Il faut du temps, de la patience, de nombreuses ressources et une tonne de pratiques de codage pour obtenir un bon développement Web frontal. Si vous êtes nouveau à la programmation peut être difficile à apprendre, parfois. Mais, vous pouvez le faire. Croyez en vous, prendre des pauses, de trouver un partenaire ou groupe meetup programmation si vous le pouvez, et, surtout, jamais complètement, peu importe combien frustrant qu'il peut obtenir. Dans brutale honnêtement il faudra au moins un an pour obtenir les compétences dont vous avez besoin pour la plupart des emplois de premier échelon.

Ainsi, vous pouvez gérer combien de temps il va prendre. Que dire de toutes ces langues que vous devez savoir? Il ya un certain ordre que vous avez besoin de les apprendre?


Ordre dans lequel apprendre

Front End développement Web pour le langage de programmation principal est le JavaScript, le langage de balisage HTML est, le style de la langue est CSS, et il ya plusieurs bibliothèques de codage là pour être utilisés dans l'espoir de rendre la vie plus facile la programmation. La liste suivante sont ceux que vous devez savoir en tant que base, et un ordre suggéré de les apprendre à:

  1. HTML 4.1
  2. CSS 1/2/3
  3. JavaScript
  4. DOM API
  5. HTML 5
  6. jQuery

Pourquoi cet ordre vous vous demandez? HTML, CSS, DOM API, JavaScript, et tout le travail ensemble pour faire l'avant d'un site de travail. Ils se appuient sur l'autre. Mais vous ne serez pas en mesure d'utiliser les CSS jusqu'à ce que vous avez un peu de HTML codé. Ni jQuery beaucoup de sens pour vous jusqu'à ce que vous avez une base solide en JavaScript. Regardons chaque langue un peu plus.

HTML

HTML (HyperText Markup Language) est considéré comme ci-dessous le squelette d'une page Web. Vous pouvez penser que ce que les poutres d'acier qui soutiennent un grand bâtiment. Chaque page Web doit avoir HTML. Voici un exemple de code HTML:

Ma Page Web Titre Ce texte sera affiché sur une page Web.

CSS

CSS (Cascading Style Sheets) donne la page quelques dessins, quelques touches. Besoin d'une couleur de fond? Utilisez les propriétés CSS de fond. Vous voulez les coins arrondis d'une boîte? Utilisez propriétés CSS border-radius. Ci-dessous est un exemple de codage CSS:

.projectsTitle { largeur: 100%; text-align: center; background-color: RGBA (25,44,53,0.85); couleur: #FFFFFF; font-weight: bold; font-size: 0.9em; position: absolute; bottom: 76px; margin: 0; padding: 0 9px 9px 0; }

Javascript

JavaScript donne l'interactivité, la vie, les capacités de script d'une page Web. Vous voulez créer une montre? Utilisez JavaScript. Vous voulez créer une galerie d'images? Utilisez JavaScript. L'exemple de codage suivant:

if (! songPlaying) { // Construire un lecteur audio et le lieu dans les DOM AudioPlayer = document.createElement ('audio'); // Cela fonctionne uniquement lorsque le lecteur est créé. Une fois que le joueur a été créé d'autres pistes sont encore mp3. if (audioPlayer.canPlayType ("audio/ogg")) { songName.substr var a = (0, songName.lastIndexOf () ".") + ".ogg"; songName = a; audioPlayer.src = songName; e.target.setAttribute ('données -src', a); } audioPlayer.id = «joueur»; audioPlayer.src = songName; audioPlayer.volume = 0,5; document.body.appendChild (AudioPlayer); // liste Style ul chansons e.target.id = «jeu»; audioPlayer.play (); // Retirer AudioPlayer quand la chanson est fait audioPlayer.addEventListener («fini», function () { audioPlayer.parentNode.removeChild (AudioPlayer); eventTarget.removeAttribute ('id'); }, False); }

DOM API

Le DOM de l'API (Document Object Model) prend un peu pour expliquer et ce est tout un sujet sur lui-même. Mais, de comprendre que l'API DOM est un faut savoir et vous utiliser beaucoup avec JavaScript. En outre, vous devez comprendre les sélecteurs CSS à utiliser certains des DOM de l'API.

HTML5

HTML5 est une combinaison de nouveaux éléments HTML et JavaScript API. Vous aurez besoin de connaître JavaScript afin de comprendre comment mettre en œuvre la partie de HTML5 API JavaScript. Voici quelques exemples de codage:

HTML5 exemple de pied de page élément

Publié par: Snoopy

Contact: someone@example.com.

Audio API HTML5 Exemple // Faire pistes .ogg si le joueur a déjà créé if (audioPlayer.canPlayType ("audio/ogg")) { songName.substr var b = (0, songName.lastIndexOf () ".") + ".ogg"; e.target.setAttribute («données -src ', b); songName = b; }

jQuery

jQuery est une bibliothèque JavaScript très populaire et devrait être familier à beaucoup d'emplois pour le développement de Web frontal. Vous devez vraiment savoir javascript jQuery dans tous les sens. L'exemple de codage suivant:

$ (Document) .ready (function () { $ ("Tête") charge ("header.html."); . $ ("Pied de page") charge ("footer.html"); });


Ne essayez pas de maîtriser l'ensemble de chaque langue avant d'aller à l'autre. D'abord obtenir un peu de pratique avec un certain HTML 4.1. Ensuite, allez à apprendre certaines choses à propos de CSS et obtenir une certaine pratique qui combine HTML et CSS pour créer une page Web. Ensuite, commencer à apprendre sur API JavaScript et le DOM. Partout le long de cette route du retour vers CSS pendant un certain temps avant de faire plus de JavaScript, ou vous pouvez avoir besoin de comprendre certaines choses sur l'API DOM avant de coder plus JavaScript.

Donc, maintenant vous avez une idée de ce que vous devez savoir. Quelles sont les ressources autour de vous aider à commencer l'apprentissage?


Ressources

Il ya beaucoup de ressources qui vous aideront à apprendre Front End développement Web. Sont sous la forme de livres, didacticiels vidéo en ligne, groupes d'étude, des groupes Meetup, écoles de codage de ligne, des collèges et des cours universitaires (à la fois en ligne et en personne), et des forums. Voici une petite liste de certains de mes ressources en ligne préférées pour les débutants:

  • Puis-je utiliser
  • Codecademy
  • Coursera
  • EDX
  • Lynda.com
  • Meetup.com
  • Stack Overflow
  • W3Schools

Il ya un livre qui est tout l'être pour les débutants. Je suggère de se diriger vers votre librairie et en passant par les livres de codage pour voir ce que chacun propose rapport au point où vos compétences sont actuellement codage.

Ce est tout pour cet article. smile


La photo ci-dessous est un de mes favoris que je ai pris quelques canards printemps nouveau-né de l'année 2014.

(0)
(0)

Commentaires - 0

Sans commentaires

Ajouter un commentaire

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caractères restants: 3000
captcha