Retour au cours

Leçon 2 : Configurer votre environnement de développement

La Masterclass HTML : De Zéro à Développeur Web

2. Configurer votre environnement de développement

Pour écrire du HTML, vous n'avez besoin que de deux choses : un éditeur de texte et un navigateur web.

2.1 Le navigateur

N'importe quel navigateur moderne (Chrome, Firefox, Safari, Edge) peut interpréter et afficher votre code HTML. C'est ainsi que vous visualisez votre travail !

2.2 L'éditeur de texte

Nous avons besoin d'un éditeur de texte dédié, souvent appelé éditeur de code, car les programmes simples comme le Bloc-notes ou TextEdit manquent de fonctionnalités essentielles pour les développeurs.

Éditeurs recommandés (Gratuits) :

  • VS Code (Visual Studio Code) : Le standard de l'industrie, hautement recommandé. Il possède des fonctionnalités puissantes comme la coloration syntaxique, des extensions et un terminal intégré.
  • Sublime Text : Rapide et hautement personnalisable.
  • Atom : Développé par GitHub, très apprécié des bidouilleurs.

Exercice : Créer votre premier fichier

  1. Installez VS Code.
  2. Ouvrez VS Code et créez un nouveau fichier (Fichier > Nouveau fichier).
  3. Enregistrez immédiatement le fichier sous le nom index.html. Il est crucial que le fichier se termine par l'extension .html pour que le navigateur sache comment le lire.
  4. Ajoutez le texte Hello World! à votre nouveau fichier et enregistrez-le.
  5. Faites un clic droit sur le fichier index.html dans votre explorateur de fichiers et choisissez 'Ouvrir avec...' votre navigateur préféré. Félicitations, vous avez créé votre première page web !