Développement Web FrontEnd
Le développement Front-End (ou intégration HTML/CSS) est à l’intersection entre le Web Design et le développement Back-End. Le développeur Front-End, aussi appelé intégrateur, utilise trois langages principaux : le HTML, la CSS et le JavaScript.
A partir d’une maquette, le développeur Front-End réalise l’interface en 3 étapes. On peut comparer ce procédé à la construction d’une maison:
Tout d’abord les fondations, les murs, le toit avec le HTML, qui grâce à l’utilisation de balises, détermine où se trouvent les titres, la navigation, les images, les liens, etc… Il faut une base solide et sémantique pour préparer les étapes suivantes, mais aussi pour aider les moteurs de recherche à trouver le contenu pertinent à indexer et améliorer l’ergonomie de la page.
Ensuite, l’étape de décoration est réalisée avec les feuilles de style CSS: hauteur et largeur des éléments, couleurs, marges, polices… Elle doit s’adapter aux différents types de navigateurs, aux résolutions des écrans…
Enfin vient le JavaScript qui va permettre à l’utilisateur d’interagir avec la page, comme il le ferait avec des interrupteurs par exemple. Il sera utile pour écouter ce qu’il se passe sur la page (click, focus sur un champ, scroll…) et déclencher les actions adaptées.
Nous allons démarrer par le JavaScript, et nous allons en découvrir les bases. Attention, le Javascript permet beaucoup de manipulations intéressantes et souvent obligatoires, mais c’est aussi le plus compliqué, alors accrochez-vous !