Résumé

• 2 minutes

Dans ce module, vous avez configuré un environnement de travail pour le développement web. Vous avez également créé un site web et vérifié que tout fonctionne dans un navigateur. Regardons tout ce que vous avez accompli :

• Vous avez téléchargé et installé les outils dont vous avez besoin pour le développement web, et personnalisé l’éditeur avec des packages de base.
• Vous avez créé un répertoire de projet et les fichiers nécessaires pour créer un site web.
• Vous avez créé un titre et d’autres éléments de page, ajouté un lien vers des fichiers externes et testé la page dans un navigateur.
• Vous avez appliqué des styles à différents éléments et testé votre site dans le navigateur, puis vous avez ajouté la prise en charge des thèmes en utilisant CSS.
• Vous avez ajouté du code JavaScript pour rendre possible une interaction personnalisée avec la page et basculer entre les thèmes.
• Vous avez appris à créer et à utiliser des messages de console pour obtenir des insights de votre code.

Vous rassemblez des outils et posez les bases du travail des développeurs web. Vous pouvez réutiliser votre site web comme modèle dans de futurs projets. Plus vous développerez vos compétences et vos connaissances, plus vous pouvez faire évoluer votre site web pour le faire correspondre à la vision que vous en avez. C’est également motivant de voir une idée se traduire dans la réalité.

En savoir plus

Concepts du développement web

• Tolérance d’erreurs (dégradation progressive)
• Séparation des responsabilités
• Amélioration progressive

Références sur le développement Web

HTML5

• Historique de HTML
• Webhint - Utiliser le jeu de caractères « Utf-8 »
• MDN web docs - Qu’avez-vous dans la tête ?
• MDN Web Docs - Informations de référence sur les éléments HTML

CSS

• MDN Web Docs - CSS : Feuilles de style en cascade

JavaScript

• MDN web docs - Mode strict
• MDN Web Docs - Référence JavaScript

Technologies de développement web

Documentation de Microsoft Edge

• Outils de développement de Microsoft Edge
• Inspecter, modifier et déboguer HTML et CSS avec l’outil Éléments
• Vue d’ensemble de la console

Azure Static Web Apps

Une façon de déployer votre site web est d’utiliser Azure Static Web Apps.

• Parcours d'apprentissage pour Azure Static Web Apps
• Documentation sur Azure Static Web Apps

Documentation de Visual Studio Code

• Interface utilisateur
• Emmet dans Visual Studio Code