CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 - Les fondamentaux

Utilisation de Sublime Text pour le développement web

Retour à la formation
Chapitre 5 Leçon 2
Précédent
Suivant

Apprenez à exploiter les fonctionnalités d'autocomplétion et de coloration syntaxique de Sublime Text pour une meilleure productivité.

Détails de la leçon

Description de la leçon

Sublime Text est un éditeur de code performant offrant des fonctionnalités d'autocomplétion et de coloration syntaxique qui aident à la saisie de balises HTML. Lorsque vous tapez un chevron ouvrant suivi d'un mot-clé, l'éditeur propose automatiquement des balises et les insère, y compris les balises fermantes, ce qui accélère considérablement le développement.

Cette vidéo montre comment Sublime Text colore les différents éléments de code pour une meilleure lisibilité. Par exemple, les chevrons sont en blanc, les mots-clés comme h1 sont en rouge, et les attributs et leurs valeurs sont respectivement en vert et jaune. De plus, la gestion des dossiers et fichiers dans Sublime Text, y compris l'ajout et la suppression de dossiers de projets, est également abordée.

L'organisation de vos dossiers est cruciale pour le bon fonctionnement de votre site web. Il est recommandé de ne pas utiliser d'espaces ou d'accents dans les noms de fichiers et de dossiers pour garantir une ouverture correcte dans les navigateurs. Enfin, vous apprendrez comment ouvrir rapidement vos fichiers HTML dans le navigateur directement depuis Sublime Text grâce au menu contextuel.

Objectifs de cette leçon

Les objectifs de cette vidéo sont:

  • Comprendre et utiliser l'autocomplétion dans Sublime Text.
  • Maîtriser la coloration syntaxique pour une meilleure lisibilité du code.
  • Savoir gérer les dossiers et fichiers dans Sublime Text.
  • Apprendre à ouvrir des fichiers HTML dans un navigateur directement depuis l'éditeur.

Prérequis pour cette leçon

Pour suivant cette vidéo, vous devez avoir:

  • Des connaissances de base en HTML et CSS.
  • Une installation de Sublime Text sur votre ordinateur.

Métiers concernés

Les développeurs front-end et les concepteurs web peuvent tirer parti des fonctionnalités de Sublime Text pour améliorer leur efficacité de codage et réduire les erreurs de syntaxe.

Alternatives et ressources

Bien que Sublime Text soit un excellent choix, d'autres éditeurs de code populaires peuvent être utilisés, tels que Visual Studio Code, Atom, et Notepad++.

Questions & Réponses

L'autocomplétion est une fonctionnalité qui propose automatiquement des morceaux de code ou des balises à compléter, ce qui facilite et accélère le processus de codage.
Dans Sublime Text, les chevrons des balises sont colorés en blanc, les mots-clés comme h1 en rouge, les attributs en vert, et les valeurs des attributs en jaune.
Il est important de suivre ce conseil pour garantir que les fichiers HTML s'ouvrent correctement dans les navigateurs, car les espaces et les accents peuvent causer des problèmes de compatibilité.