Compétences techniques attendues pour un développeur front‑end

Cette page répertorie, à partir des référentiels et guides officiels cités en sources, les compétences techniques, normatives et opérationnelles attendues pour un poste de développeur front‑end. Elle définit le périmètre du rôle et liste des compétences vérifiables citées par MDN, W3C, APEC et FranceCompétences.

Introduction : rôle et périmètre

Le développeur front‑end implémente l’interface utilisateur. Il traduit des maquettes en code. Il gère le rendu et les interactions côté client. Ces responsabilités sont décrites dans les parcours et fiches métiers consultés pour cette page. MDN définit le cœur du métier autour de la triangulation HTML/CSS/JavaScript. APEC rappelle que le périmètre peut varier selon l’organisation, avec des interventions possibles sur le back‑end selon le contexte.

L’objectif de cette page est de fournir une liste structurée et sourcée des compétences techniques obligatoires et recommandées, des compétences normatives et des pratiques opérationnelles. Les sections suivantes suivent les référentiels et guides officiels cités en sources, pour permettre une lecture ciblée par recruteurs, formateurs et candidats.

Socle technique obligatoire

HTML, CSS et JavaScript forment le socle fondamental. MDN présente ces trois briques comme le noyau des compétences front‑end. Pour HTML, la maîtrise de la sémantique et du DOM est requise. Savoir structurer une page avec des balises appropriées et manipuler le DOM via le langage est attendu.

Pour CSS, la capacité à mettre en page selon les pratiques modernes est demandée. Les techniques de mise en page contemporaines, telles que Flexbox et Grid, font partie des usages décrits dans les parcours pédagogiques. Le responsive design, soit l’adaptation aux différentes tailles d’écran, est une compétence opérationnelle attendue.

Pour JavaScript, la connaissance des évolutions récentes du langage est attendue. MDN positionne ES6+ comme le socle moderne d’un développeur front. La manipulation du DOM, la gestion des promesses et des mécanismes asynchrones, ainsi que l’usage des API Web (par exemple Fetch) sont des compétences citées dans les parcours et guides techniques.

Frameworks et bibliothèques couramment demandés

Les frameworks et bibliothèques jouent un rôle d’accélérateur. La page rappelle qu’il ne s’agit pas de prescrire un framework. Les référentiels indiquent que comprendre les concepts fondamentaux est ce qui compte. Les compétences attendues comprennent la compréhension du cycle de vie des composants, de la gestion d’état, du routage et de l’architecture par composants.

La capacité à lire la documentation d’un framework et à appliquer ses conventions est une compétence transversale attendue. Les offres et référentiels consultés présentent React, Vue et Angular comme exemples de familles de solutions : l’attente porte sur la maîtrise des concepts qu’elles incarnent plutôt que sur un choix impératif d’outil.

TypeScript est mentionné dans les référentiels officiels comme un apport fréquent en entreprise. La compétence attendue est la compréhension du typage statique et de son usage pour structurer des bases de code front‑end. Les référentiels et fiches métiers signalent que TypeScript est souvent utilisé pour améliorer la maintenabilité et la robustesse du code.

Qualité, tests et outils de développement

La qualité du code et la capacité à la mesurer sont des attentes opérationnelles. MDN répertorie les types de tests à connaître : tests unitaires, tests d’intégration et tests end‑to‑end. La page liste ces catégories comme compétences à maîtriser conceptuellement. Savoir écrire des tests simples et comprendre l’intérêt de chaque niveau de test est attendu.

Les outils de développement couvrent les gestionnaires de paquets, les bundlers et les outils intégrés aux navigateurs (devtools). Le candidat doit savoir utiliser ces outils pour le débogage et la mise en production. La mise en place de chaînes de build et la notion d’intégration continue sont évoquées comme concepts opérationnels à connaître.

La capacité à configurer un pipeline de développement basique et à utiliser des outils de test automatisés est incluse dans les compétences demandées par les guides. Les pratiques de revue de code et de tests dans les workflows d’équipe font partie de la qualité attendue.

Performance web et optimisation

Le front‑end porte une responsabilité sur la performance perçue et mesurée. MDN et les recommandations de bonnes pratiques indiquent des techniques d’optimisation côté client. Ces techniques incluent le chargement différé (lazy loading), la minimisation des ressources et la réduction du chemin critique de rendu.

La compétence attendue consiste à identifier les points de blocage du rendu et à appliquer des mesures d’optimisation adaptées. La compréhension des impacts des ressources et des scripts sur le rendu est requise par les référentiels et guides techniques.

Être capable d’utiliser des outils de mesure de performance intégrés aux navigateurs et d’interpréter leurs résultats est une compétence opérationnelle citée dans les documents consultés.

Accessibilité (a11y) et conformité WCAG

L’accessibilité est explicitement citée comme une responsabilité du front‑end. Les critères et success criteria WCAG 2.1 servent de référence pour définir les attentes. Les compétences pratiques incluent l’usage de structures sémantiques correctes, l’application d’attributs ARIA lorsque nécessaire et la gestion du focus pour les interactions clavier.

La capacité à rendre le contenu dynamique compatible avec les technologies d’assistance est requise. Le mapping des responsabilités front‑end publié par WAI identifie des domaines opérationnels précis, ce qui implique une connaissance des bonnes pratiques et des tests d’accessibilité.

Les développeurs doivent être capables d’appliquer les critères WCAG pertinents et d’intégrer des vérifications d’accessibilité dans le processus de développement.

Interfaçage back‑end et sécurité front‑end

Le front‑end communique avec des services back‑end. Les référentiels RNCP précisent la nécessité de garantir la sécurité des échanges front↔back. Les compétences attendues comprennent la gestion des appels API via Fetch ou XHR, la gestion des erreurs et la prise en compte des contraintes CORS.

La validation côté client est une compétence à maîtriser, dans le cadre d’une stratégie de sécurité partagée avec le back‑end. Les documents officiels insistent sur la nécessité de comprendre les limites de la validation côté client et d’articuler ces pratiques avec des sécurisations serveurs.

Connaître les principes de sécurité applicative en front‑end et les pratiques de base pour limiter les vecteurs d’attaque côté client fait partie des attentes formelles citées dans les référentiels.

Compatibilité navigateurs et progressive enhancement

Connaître la compatibilité des fonctionnalités Web est une compétence de base. MDN et les standards W3C servent de guide pour identifier les API et les fonctionnalités supportées. Les pratiques attendues comprennent l’usage de polyfills quand nécessaire, ou l’application du principe de progressive enhancement et de graceful degradation selon les besoins.

Le développeur doit être capable d’évaluer l’impact d’une fonctionnalité sur les navigateurs cibles et de proposer des solutions de substitution lorsque l’API n’est pas disponible.

La maîtrise des outils de vérification de compatibilité et la lecture des tables de compatibilité font partie des savoirs référencés dans les parcours techniques.

Pratiques de développement collaboratif et cycles

La coordination dans une équipe est citée par les fiches métiers. Les compétences attendues incluent la maîtrise d’un système de gestion de versions (Git), la pratique de la revue de code et l’intégration dans un workflow Agile ou Scrum. APEC et les référentiels insistent sur la capacité à travailler selon une feuille de route technique et à contribuer aux livrables de l’équipe.

La capacité à rédiger des commits clairs, à gérer des branches et à participer à des revues formelles de code est attendue dans un contexte d’équipe. Ces pratiques facilitent la qualité, la traçabilité et la maintenance du code.

Compétences transverses attendues

Outre les compétences techniques, les fiches métiers et documents pédagogiques cités relèvent des compétences transverses. Elles incluent le sens du produit et de l’UX, la communication en équipe, l’autonomie et la capacité de veille technologique. Ces compétences facilitent l’alignement entre l’implémentation technique et les objectifs produit.

La capacité à interpréter des maquettes et à dialoguer avec des designers et des chefs de produit est explicitement mentionnée. Les documents consultés insistent sur la nécessité de combiner compétences techniques et compréhension fonctionnelle pour livrer des interfaces efficaces.

Parcours et certifications utiles

Les référentiels RNCP et les certifications publiques figurant sur FranceCompétences sont cités comme références pour formaliser des compétences. Ces documents décrivent des blocs de compétences et des capacités à valider, notamment en matière d’architecture d’interface, d’accessibilité et d’interfaçage front↔back.

Les candidats et les formateurs peuvent se référer aux fiches RNCP pour connaître les exigences formelles et les intitulés des blocs de compétences reconnus au niveau national.

Checklist prête à l’usage pour un CV / entretien technique

Obligatoire (compétences à présenter comme acquises, d’après MDN, RNCP et APEC) :

• HTML : sémantique, DOM, intégration de maquettes.
• CSS : mise en page moderne (Flexbox, Grid), responsive design.
• JavaScript : ES6+, manipulation DOM, gestion asynchrone (promesses/async), Fetch API.
• Accessibilité : structure sémantique, attributs ARIA, gestion du focus, conformité aux success criteria WCAG.
• Interfaçage : appels API (fetch/XHR), gestion des erreurs, prise en compte de CORS.
• Outils : usage des devtools navigateur, gestionnaire de paquets, bundler/build tools de base.
• Qualité : tests unitaires et E2E (connaissance des types de tests), pratiques de revue de code.
• Compatibilité : connaissance des enjeux de compatibilité navigateurs et stratégies de progressive enhancement.
• Travail en équipe : Git, gestion de versions, intégration dans un workflow Agile/scrum.

Recommandé (compétences fréquemment demandées selon les référentiels et guides) :

• Compréhension des concepts de frameworks par composants (cycle de vie, état, routage).
• TypeScript : compréhension du typage statique et de son apport.
• Performance : capacité à appliquer techniques d’optimisation (lazy loading, minimisation, critical rendering path).
• CI basique : notion d’intégration continue et automatisation des tests.
• Veille et bonnes pratiques d’accessibilité intégrées au cycle de développement.

Plus (atouts différenciants cités dans les documents) :

• Expérience de mise en place de pipelines de build avancés.
• Connaissance approfondie des outils de mesure de performance navigateur.
• Capacité à rédiger des tests de bout en bout pour flux critiques.

Annexes — ressources officielles et guides techniques

Les documents consultés pour établir cette page :

• MDN — Learn web development. https://developer.mozilla.org/en-US/docs/Learn_web_development (consulté le 04/09/2026).
• MDN — Learn. https://developer.mozilla.org/en-US/docs/Learn (consulté le 04/09/2026).
• MDN curriculum — core web standards. https://github.com/mdn/curriculum/blob/main/curriculum/3-core/1-web-standards.md (consulté le 04/09/2026).
• W3C — Web Content Accessibility Guidelines (WCAG) 2.1. https://www.w3.org/TR/WCAG21/ (consulté le 04/09/2026).
• W3C WAI — Front‑End Developer Responsibilities Mapping. https://www.w3.org/WAI/EO/wiki/Front-End_Developer_Responsibilities_Mapping (consulté le 04/09/2026).
• APEC — Fiche métier Développeur (compétences et missions). https://www.apec.fr/tous-nos-metiers/informatique/developpeur.html (consulté le 04/09/2026).
• FranceCompétences — RNCP. https://www.francecompetences.fr/recherche/rncp/41463/ (consulté le 04/09/2026).
• MDN — Tools and testing. https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing (consulté le 04/09/2026).