Dans cette première vidéo de notre formation HTML5 de A à Z, nous allons nous préparer en installant les outils nécessaires pour un développement efficace. Voici les étapes que nous allons suivre :

Installation de Visual Studio Code (VS Code) :

Téléchargement : Rendez-vous sur le site officiel de Visual Studio Code (https://code.visualstudio.com/) et téléchargez la version correspondant à votre système d’exploitation (Windows, macOS, ou Linux).

Installation : Suivez les instructions pour installer VS Code sur votre ordinateur. Nous vous guiderons à travers les étapes d’installation pour garantir que tout se passe sans accroc.

Installation de l’extension Live Server :

Recherche et installation : Ouvrez VS Code, accédez à l’onglet des extensions (ou utilisez le raccourci Ctrl+Shift+X), puis recherchez “Live Server”. Cliquez sur “Installer” pour ajouter cette extension à votre environnement de développement.

Utilisation : Nous vous montrerons comment utiliser Live Server pour lancer un serveur de développement local, permettant de visualiser vos modifications en temps réel dans le navigateur.

Installation de l’extension Auto Rename Tag :

Recherche et installation : De même, recherchez “Auto Rename Tag” dans l’onglet des extensions et installez cette extension. Elle vous aide en renommant automatiquement les balises HTML correspondantes lorsque vous modifiez une balise ouvrante ou fermante.

Utilisation : Nous passerons en revue l’utilisation de cette extension pour améliorer votre productivité en écrivant du code HTML.

À la fin de cette vidéo, vous aurez installé et configuré Visual Studio Code ainsi que les extensions essentielles Live Server et Auto Rename Tag. Vous serez prêt à commencer votre voyage dans l’apprentissage de HTML5 avec un environnement de développement optimal.