Vous avez dit "développeur Front-end" ?

Pour faire très simple, le "développeur Front-end" c'est le nouveau qualificatif qui est apposé aux anciens intégrateurs HTML, les réalisateurs des pages web. Ce sont eux qui depuis la naissance d'Internet créent les pages web consultées par les internautes d'après les chartes graphiques créés par les infographistes.

Génèse d'un métier

Il y a 10 ans : une activité de seconde zone

Au départ, il s'agissait plus d'une activité plus que d'un métier à part entière. Durant les premières années d'essor d'Internet, l'intégration web était souvent considérée par la dernière roue du carosse souvent confiée (au dernier moment) à des personnes n'ayant pas de réelles compétences spécifiques. On confiait ainsi la tache de montage des pages web aux développeurs ou aux infographistes, souvent même aux stagiaires de passage.

Le principe était simple

"Tu sais te servir de Dreamweaver (voir de Frontpage) : tu es intégrateur web."

Puis, les clients se sont plaints

" Mon site ne marche pas sous IE6, mon site n'est pas référencé sur Google, mon site est illisible sous Firefox,... "

Avec l'essor d'Internet et de son utilisation par les internautes, parallèlement à une industrialisation du secteur, la tache d'intégration des pages web est devenu un métier à part entière, une affaire de spécialistes, voir d'expert !

Et depuis 2009, on ne parle plus d'intégrateur web mais de développeur Front-end, manière de revaloriser cette activité et de mettre en valeur les compétences que doivent désormais réunir ces professionnels :

• Ergonomie & utilisabilité : le développeur Front-end est responsable en grande partie de l'ergonomie visuelle (comportement d'éléments au survol,...) et de l'ergonomie fonctionnelle du site (navigation au clavier,...).
• Interopérabilité & portabilité : le développeur Front-end doit prendre en compte les différentes plateformes et navigateurs utilisés par les internautes des plus grands publics aux plus marginaux. Le respect des normes et la vérification sont les seuls moyens de garantir le bon fonctionnement du site pour une cible la plus large possible ainsi qu'une bonne évolutivité. Il est désormais possible de délivrer des versions différentes et adaptées aux différents supports de consultation (c'est le cas sur ce site).
• Accessibilité : c'est également en grande partie lors de l'intégration des pages web que se joue l'accessibilité du site Internet et le respect des préconisations du W3C.
• Qualité globale : des performances des pages à l'utilisabilité, un grand nombre de critères influençant la qualité globale d'un site passe par le travail du développeur Front-end. Pour preuve sur les plus de 200 critères de qualité identifiés dans le projet opquast plus de 50 dépendent directement de l'intégration !
• Référencement et SEO : la prise en compte de la sémantique web et son respect lors de l'intégration est une garantie sur la bonne visibilité du site sur l'ensemble des moteurs de recherche. Le recours au  HTML 5  permet d'augmenter très largement la proportion de code html "ayant du sens" et donc est favorable au référencement naturel.

Finalités du site

Ce site Internet a été créé avec 3 finalités principales :

• La mise en valeur des compétences que doit réunir le développeur Front-end et la promotion de cette profession,
• La présentation de nos dernières références en développements Front-end,
• La présentation de ressources sur les nouveaux langages d'avenir que sont HTML 5 et CSS 3.

Un exercice de style

Ce site a également été en premier lieu réalisé comme un exercice de style permettant de valoriser quelques-unes des nouvelles possibilités offertes par HTML 5 et CSS 3. Il est donc préconisé de le consulter avec des navigateurs récents aptes à exploiter ces nouvelles possibilités comme : Firefox 3, Chrome, Safari,...

Le site a fait l'objet d'une refonte graphique en septembre 2011, et il a été par la même porté sur l'outil de gestion de contenu Kiubi.

Copyright et mentions légales

Le site developpeur-front-end.fr a été conçu et réalisé par Natural-net.

Sa conception graphique a nécessité l'achat d'une illustration : © Ilya Andreev - Fotolia.com