Compétences de base à maîtriser pour les développeurs frontaux

Les offres d'emploi varient en fonction de ce qu'elles recherchent chez un développeur front-end. Certaines entreprises veulent que les candidats sachent des choses comme Ruby, Git, des outils de conception, de montage vidéo - et la liste continue.

Cependant, il y a quelques compétences que tout travail de développement initial nécessitera - les compétences de base - et quelques autres que vous devriez sérieusement envisager d'ajouter à votre répertoire.

Ce que vous devez 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 ce sont:

1. HTML
2. CSS
3. JavaScript (jQuery)

Ce sont les principes 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 ne soit pas nécessaire pour obtenir un site Web en ligne, 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 à faire passer vos pages Web au niveau supérieur.

Cependant, pour devenir un développeur frontal, il vous suffit de comprendre le JavaScript de base ainsi que la bibliothèque JS la plus populaire - jQuery.

Nice-to-Haves

Après avoir appris les bases, ce sont d'autres compétences qu'il est bon d'avoir. (Et beaucoup de travaux de développement frontaux 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 le backbone. js et angulaire. js.

Il ne fait aucun doute que l'apprentissage d'un framework JS est la partie la plus difficile de devenir un vrai développeur front-end, mais c'est le meilleur moyen de passer au niveau supérieur.

Outils CSS

Comparés aux frameworks JavaScript ci-dessus, les outils CSS ci-dessous sont relativement faciles à apprendre.Il y a trois types à 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 réactive: De nos jours, il existe tellement de types d'appareils différents que votre site devrait pouvoir 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 création frontaux

En tant que développeur, vous devriez être en mesure de gérer l'optimisation de la taille des fichiers 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 éléments, etc., en particulier pour les grands projets ou ceux dans lesquels vous travaillez en équipe.

Utilisez un gestionnaire de paquets, comme Bower, pour tout trier et conservez 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écutent également sur la ligne de commande, pour compresser les fichiers et optimiser le flux de travail. 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

Bien que les gentils à avoir puissent sembler nombreux, imaginez-les 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: conception, montage vidéo, référencement, etc. Vous ne savez jamais ce qu'une entreprise peut rechercher.

Et devinez quoi? Vous pouvez être l'ajustement parfait.