Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Apprendre le développement web

Compétences essentielles pour les nouveaux·elles développeur·euse·s front-end

Bienvenue sur MDN Apprendre le développement web (aussi appelé Apprendre). Cette ressource propose un ensemble structuré de tutoriels pour enseigner les compétences et pratiques essentielles afin de devenir un·e développeur·euse front-end accompli·e, ainsi que des défis et des ressources complémentaires recommandées.

À propos d'Apprendre le développement web

  • Enseigne les compétences et connaissances essentielles dont chaque développeur·euse front-end a besoin pour réussir sa carrière et rester pertinent·e dans le secteur, comme défini dans le Programme MDN.
  • Créé par la communauté MDN et enrichi grâce aux retours d'étudiant·e·s, d'enseignant·e·s et de développeur·euse·s de la communauté web au sens large.
  • Conçu pour vous faire passer de « débutant·e » à « à l'aise » (et non de « débutant·e » à « expert·e »), en vous donnant suffisamment de connaissances pour utiliser des ressources plus avancées (comme le reste de MDN).

Note : Dernière mise à jour : août 2025 (voir le journal des modifications).

Vous ne savez pas par où commencer ?

Jamais codé auparavant ?

Nos modules de démarrage proposent des tutoriels d'installation et des concepts essentiels pour les débutant·e·s complet·e·s. Commencez ici si vous débutez totalement (c'est-à-dire que vous n'avez pas encore installé d'éditeur de code ni écrit de code).

Vous souhaitez maîtriser l'essentiel ?

Nos modules de base offrent un ensemble structuré de tutoriels pour enseigner les compétences et pratiques essentielles afin de devenir un·e développeur·euse front-end accompli·e.

Au-delà des bases ?

Nos modules d'extension couvrent des compétences supplémentaires utiles à acquérir au fur et à mesure que vous élargissez vos connaissances et développez des spécialisations. Passez à ceux-ci après avoir terminé nos modules de base.

Vous travaillez dans un établissement scolaire ?

Utilisez nos modules pour guider votre enseignement, consultez notre page Enseignant·e·s pour plus d'idées, ou inscrivez vos étudiant·e·s au Frontend Developer Career Path de Scrimba (angl.)Partenaire d'apprentissage MDN.

Testez vos compétences

Tout au long du parcours, vous trouverez plusieurs articles conçus pour vous aider à évaluer si vous avez compris ce que nous vous enseignons. Il existe deux types d'articles :

  • Les articles « Testez vos compétences » sont plus fréquents et évaluent votre connaissance d'une fonctionnalité isolée comme les liens HTML, le modèle de boîte CSS ou les fonctions JavaScript.
  • Les « Défis » sont plus rares et testent votre capacité à utiliser plusieurs fonctionnalités ensemble pour créer un site web ou un programme complet.

La plupart des questions comportent des blocs de code HTML/CSS/JavaScript qui montrent le code de départ pour chaque tâche. La méthode recommandée pour les réaliser est d'appuyer sur le bouton « Exécuter » dans l'un des blocs de code pour ouvrir l'exemple dans le MDN Playground, puis de modifier le code selon les instructions de la question.

Si vous faites une erreur, vous pouvez réinitialiser votre travail à l'aide du bouton Réinitialiser dans le MDN Playground. Si vous êtes vraiment bloqué·e, vous pouvez (généralement) consulter la solution en bas de chaque section de question, ou demander de l'aide.

Note : Si vous préférez travailler dans votre propre éditeur ou dans un éditeur en ligne (comme CodePen ou JSFiddle), vous pouvez copier le code du MDN Playground dans l'environnement de votre choix.

Certaines questions ne comportent pas de blocs de code de départ et vous demandent plutôt de télécharger des fichiers de démarrage pour travailler sur votre machine locale. Parfois, cela est dû à la complexité de la question, parfois c'est simplement pour varier les approches.

Récupérer nos exemples de code

Tous les exemples de code que vous rencontrerez dans la zone d'apprentissage sont disponibles sur GitHub (angl.) :

Nous contacter

Si vous souhaitez nous contacter pour quelque raison que ce soit, utilisez les canaux de communication. Nous serions ravi·e·s d'avoir votre retour sur tout ce que vous pensez être erroné ou manquant sur le site, vos suggestions de nouveaux sujets d'apprentissage, vos demandes d'aide sur des points que vous ne comprenez pas, ou toute autre question ou préoccupation.

Si vous souhaitez contribuer à l'amélioration du contenu, consultez comment vous pouvez aider et contactez-nous ! Nous serons ravi·e·s d'échanger avec vous, que vous soyez apprenant·e, enseignant·e, développeur·euse web expérimenté·e ou toute autre personne souhaitant améliorer l'expérience d'apprentissage.

Voir aussi

Le parcours professionnel d'un développeur front-end (angl.) Partenaire d'apprentissage MDN

Scrimba (angl.) Le Parcours professionnel d'un développeur front-end enseigne tout ce qu'il faut savoir pour devenir un·e développeur·euse front-end compétent·e, avec des leçons interactives ludiques, des défis, des enseignant·e·s expérimenté·e·s et une communauté bienveillante. Passez de zéro à votre premier emploi front-end ! De nombreux modules du cours sont disponibles gratuitement en version autonome.

Codecademy (angl.)

Un excellent site interactif pour apprendre les langages de programmation depuis le début.

freeCodeCamp.org (angl.)

Site interactif avec tutoriels et projets pour apprendre le développement web.

Apprendre JavaScript

Une excellente ressource pour les futur·e·s développeur·euse·s web — Apprenez JavaScript dans un environnement interactif, avec des leçons courtes et des tests interactifs, guidé·e par une évaluation automatisée. Les 40 premières leçons sont gratuites, et le cours complet est disponible pour un petit paiement unique.