Cependant, il y a quelques compétences que tout travail de développement de front-end nécessitera - les compétences «de base» - et quelques autres que vous devriez envisager sérieusement d'ajouter à votre répertoire.
Que souhaitez-vous savoir
Parcourez les offres d'emploi en ligne à la recherche de ce qui est essentiel pour les développeurs frontaux à connaître et à comprendre; il y a trois choses clés.
Non négociable.
Et ils sont:
- HTML
- CSS
- JavaScript (jQuery)
Ce sont les fondamentaux. Heureusement, il existe de nombreuses plateformes d'apprentissage en ligne gratuites ou abordables où vous pouvez apprendre ces compétences si vous ne les connaissez pas déjà.
HTML
HyperText Markup Language, ou HTML, est l'élément structurel clé de tous les sites Web sur Internet. Comme le dit Jennifer Kyrnin,
"C'est le langage des pages web, le langage de balisage que les navigateurs lisent pour rendre les pages web."
Les pages Web ne peuvent pas exister sans HTML.
CSS
CSS et HTML fonctionnent ensemble: CSS ajoute du style au HTML. J'aime utiliser l'analogie que le HTML est comme un visage, et CSS est comme le maquillage.
Bien que CSS n'est pas nécessaire pour obtenir un site Web en ligne, fondamentalement, chaque site en ligne utilise une sorte de style.
Sinon, ce serait plutôt ennuyeux. Avec les versions les plus récentes de CSS, vous pouvez faire des choses comme des animations et un style plus avancé qui était seulement possible avec JavaScript ou Flash dans le passé.
JavaScript
JavaScript, ou JS, a progressé rapidement au fil des ans. Il a de nombreux buts de nos jours et peut être utilisé à l'avant ou à l'arrière.
En ce qui concerne le développement frontal, JS est important car il permet de rendre les pages Web interactives. Vous pouvez faire des choses géniales comme créer des sondages, des quiz ou des soumissions de formulaires.
De nos jours, il existe de nombreuses bibliothèques JS en ligne pour vous aider à prendre vos pages Web au niveau suivant.
Cependant, pour devenir un développeur front-end, il vous suffit de comprendre le JavaScript de base ainsi que la bibliothèque JS la plus populaire - jQuery.
Nice-à-Haves
Après avoir appris les bases, ce sont d'autres compétences qui sont agréables à avoir. (Et beaucoup d'emplois de développement front-end les recherchent.)
MV * JavaScript Frameworks
Les frameworks JavaScript vous aident à organiser et à condenser votre code.
En ce qui concerne les options MV * (ou MVC), il y en a trente: deux des plus populaires sont backbone.js et angular.js.
Sans aucun doute, l'apprentissage d'un framework JS est la partie la plus difficile de devenir un vrai développeur front-end, mais c'est la meilleure façon d'amener vos compétences au niveau supérieur.
Outils CSS
Comparé aux frameworks JavaScript ci-dessus, les outils CSS ci-dessous sont relativement faciles à apprendre. Il y a trois sortes à rechercher:
Précompilateurs: L' utilisation d'un précompilateur (ou d'un préprocesseur) présente de nombreux avantages, du nettoyage du code au maintien de l'organisation. C'est un moyen facile d'écrire du CSS et de promouvoir les principes DRY (Ne vous répétez pas). Les précompileurs CSS populaires sont Sass, Less et Stylus. Si vous débutez, continuez à en apprendre un.
Cadres CSS: les frameworks CSS aident à optimiser votre flux de travail avec des grilles intégrées et d'autres composants CSS. Bootstrap et Foundation sont deux exemples populaires.
Conception adaptative : De nos jours, il existe tellement de types d'appareils différents que votre site devrait être capable de s'adapter à tous. La conception adaptative vous aide à créer des sites qui fonctionnent sur toutes les tailles d'écran: ordinateur de bureau, tablette et smartphone. Les frameworks tels que Bootstrap et Foundation ont un design responsive intégré, donc si vous en apprenez un, vous êtes prêt.
Outils de construction frontaux
En tant que développeur, vous devriez être capable de gérer l'optimisation de la taille du fichier et l'efficacité du flux de travail. Ces outils peuvent aider.
Gestion des paquets: Il peut être difficile d'organiser toutes les bibliothèques, tous les actifs, etc., en particulier pour les grands projets ou ceux où vous travaillez avec une équipe.
Utilisez un gestionnaire de paquets, comme Bower, pour tout trier et garder un journal de vos mises à jour.
Yeoman.io: Si vous avez parfois du mal à lancer des projets, utilisez Yeoman pour démarrer rapidement vos projets et rester productif. Il est exécuté sur la ligne de commande.
Task Runners: utilisez Grunt ou Gulp, qui s'exécute également sur la ligne de commande, pour compresser les fichiers et optimiser le workflow. Ils peuvent servir de compilateurs pour les préprocesseurs Sass ou Less, et ont également une large gamme de plugins avec d'autres fonctionnalités.
Conclusion
Alors que le bon à avoir peut sembler beaucoup, pensez-y comme des compétences que vous devriez ajouter au fil du temps. Les principales choses que vous devez savoir sont HTML, CSS et JavaScript.
Si vous avez d' autres compétences Web , même si elles ne sont pas liées à l' interface , amenez-les à la table - comme le design, le montage vidéo, le SEO, etc. Vous ne savez jamais ce qu'une entreprise peut rechercher .
Et devine quoi? Vous pouvez être l'ajustement parfait.