Cet article est une série qui va élaborer les corps de métiers de développeur que l'on puisse avoir.
Lorsqu'on parle de développeur, en trouve les
principales catégories listées comme suit :
# Les Développeurs front-end ou frontend;
# Les Développeurs backend ;
# Les Développeurs FullStack ;
# Les Développeurs mobile ;
# Les Développeurs cybersécurité ;
# Les DevOps ;
# Les Développeurs jeux vidéo ;
# Les Développeurs VR( Réalité Virtuelle) ;
# Les Développeurs IA( Intelligence Artificielle) ;
# Les Développeurs ML( Machine Learning) ;
# Les Développeurs AR( Réalité Augmentée) ;
# ... vous pouvez complétez en commentaire tant que
vous en connaissez d'autres 
Dans ce numéro, nous allons nous intéresser au premier
corps cité (les Développeurs front-end), alors qui sont donc les Développeurs
front-end ? Qu'est-ce qu'ils font en particulier et quelles sont leurs
compétences, les langages et framework qu'ils manipulent régulièrement ?
Prêt pour y faire un tour ? Alors c'est parti !
Le développeur front-end traduit les maquettes que le
designer crée. S'il n’y a pas de designer dans l’équipe, il peut être
responsable de la partie design. Raison pour laquelle un développeur front-end
est appelé à maîtriser des outils d'infographie.
Il est ligne directe avec l’utilisateur, son objectif
est de créer un site sur lequel les utilisateurs voient les informations dans
un format facile à lire et pertinent.
Le front-end est en relation directe avec le designer,
le back-end et le chef de projet. Il est responsable de :
transformer une maquette en code ;
faire fonctionner correctement sa plateforme sur
n’importe quel appareil (ordinateur, tablettes et téléphones mobiles) ;
respecter les bonnes pratiques en référencement web ou
SEO(chose que nous évoquerons dans un projet numéro), pour être le plus haut
possible dans les résultats de recherche Google, Bing, qwant.. de manière
naturelle ;
développer des fonctionnalités pour améliorer
l’expérience de l’utilisateur sur le site web ;
optimiser des pages web pour une rapidité maximale ;
tester sa plateforme et réparer les bugs. Au vu de ces informations, quelles sont les
compétences d'un tel Développeur ? 
Découvrons ensemble donc les compétences du
développeur front-end.
Les développeurs front-end doivent au minimum
maîtriser ces 3 langages de programmation pour créer des sites web visuels. Car
ce sont les seuls langages compris par votre navigateur web :
# le HTML ; # le CSS ; # le JavaScript.
Le HTML, ou Hyper Text Markup Language, est le langage
standard du web. Il permet d’afficher du contenu noir sur blanc et de
structurer une page web.
Le CSS, ou Cascading Style Sheet, s’ajoute au HTML
pour le mettre en page. Le CSS vous permettra de changer la forme, la taille,
la couleur ou le style de chaque élément HTML.
Le JavaScript est un des langages de programmation les
plus connus. Souvent abrégé en JS, c’est un langage plus compliqué qui permet
de rendre le HTML et le CSS interactifs.
Les langages de programmation du développeur front-end
Vous avez vu les 3 langages indispensables au
développeur front-end : le HTML, le CSS et le JavaScript.
En plus de cela, le développeur front-end doit
absolument maîtriser certains frameworks et bibliothèques.
Une notion en plus, encore ? Et bien oui, mais une
notion importante !
Une bibliothèque, ou library, est un ensemble
d’extensions et de programmes prêts à l’emploi pour faciliter la réalisation de
fonctionnalités répétitives et routinières. Elles sont enregistrées dans votre
code.
Un framework, ou infrastructure
logicielle, regroupe un ensemble
de composants permettant de créer les fondations ainsi que les grandes lignes
d’un logiciel/site web/application mobile.
Les bibliothèques sont ajoutées à votre code, alors
que votre code est ajouté à un framework.
La bibliothèque jQuery
jQuery est une library JavaScript. Elle rassemble des
extensions et des programmes prêts à l’emploi, pour rendre le développement
JavaScript plus rapide et plus simple.
Au lieu d’avoir à tout écrire depuis zéro, vous
pourrez utiliser les éléments contenus dans la librairie jQuery, puis les
personnaliser à votre convenance avec du JavaScript. D’où l’importance du JS.
Un framework JavaScript comme AngularJS, ReactJS ou
VueJS
Il existe plusieurs types de frameworks JS en fonction
de vos besoins, de vos préférences ou de ceux que votre entreprise utilise. Les
3 mentionnés sont les plus connus. Ils vous offrent une rapidité et un confort
de développement. Ils peuvent être utilisés avec jQuery pour minimiser au
maximum le code que vous devrez écrire depuis zéro.
Un framework CSS comme Bootstrap, Materialize ou
Semantic UI ou encore Skeleton;
Les frameworks CSS servent également de fondation à votre code, mais pour la partie CSS (souvenez-vous, celle qui permet d’ajouter du style à votre page HTML). Ils sont très utilisés et permettent de travailler plus rapidement vos visuels..
Les framework servent de support au code tandis que
les bibliothèques viennent s'y intégrer.
Bootstrap est un des framework les plus connus. Grâce à Bootstrap, tous vos éléments CSS seront déjà construits ; comme vos boutons, cartes, barres latérales, popups, etc. Vous n’aurez plus qu’à les personnaliser grâce à du CSS additionnel.
L’utilisation d’un framework CSS est fortement
recommandée. Elle vous permettra de respecter tous les classiques actuels en
design et architecture de page responsive. Le tout sans avoir à tout réécrire
depuis zéro !
Et nous voilà à la fin de ce numéro, merci de nous avoir suivi jusqu'au bout et on se dit à très bientôt pour un nouveau numéro de partage, toujours dans le domaine de la technologie. D'ici là, portez-vous bien !
Magnifique article, merci et on espère avoir la suite de cette belle série.
RépondreSupprimer