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

Bienvenue sur MDNApprendre 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 leProgramme 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 (commele reste de MDN).

Vous ne savez pas par où commencer ?

Jamais codé auparavant ?

Nosmodules 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 ?

Nosmodules 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 ?

Nosmodules 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 notrepage Enseignant·e·s pour plus d'idées, ou inscrivez vos étudiant·e·s auFrontend 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 leMDN 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, oudemander de l'aide.

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 sontdisponibles sur GitHub^(angl.) :

• Le moyen le plus simple de les obtenir est detélécharger un ZIP de la dernière branche principale du code^(angl.).
• Si vous êtes à l'aise avec Git et GitHub, vous pouvez aussi choisir de cloner le dépôt.

Nous contacter

Si vous souhaitez nous contacter pour quelque raison que ce soit, utilisez lescanaux 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, consultezcomment 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.) LeParcours 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.