CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Utilisation de Sublime Text pour le développement web

Utilisation de Sublime Text pour le développement web

Demo Sublimtext : ouverture du dossier de travail et création d'un fichier html
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5
Revoir le teaser Je m'abonne
3,7
Transcription
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,7
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Fonctionnalités avancées de Sublime Text

Objectifs

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.

Résumé

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

Description

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.

Voir plus

Questions - réponses

Qu'est-ce que l'autocomplétion dans Sublime Text?
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.
Quelles sont les couleurs utilisées pour la coloration syntaxique des balises et attributs dans Sublime Text?
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.
Pourquoi est-il important de ne pas utiliser d'espaces ou d'accents dans les noms de dossiers et fichiers?
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é.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 1 year
Commentaire
Parfait pour un débutant.
geoffrey.monange
Il y a 2 years
Commentaire
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 years
Commentaire
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 years
Commentaire
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 3 years
Commentaire
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 3 years
Commentaire
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 3 years
Commentaire
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 years
Commentaire
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 years
Commentaire
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.