Je vous propose de découvrir et d'apprendre Emmet en 30 minutes chrono !
Emmet est un petit programme qui s'adapte aux IDE (éditeur de codes) et qui permet de coder des structures HTML beaucoup plus rapidement en employant un certain nombres de raccourcis.
Pour cela, il reprend une partie de la syntaxe CSS, d'où son apprentissage rapide.
Ce cours en ligne vous permettra de comprendre comment utiliser Emmet.
Un QCM de fin de formation vous permettra de tester vos connaissances sur Emmet.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Bonne découverte.
Table des matières de cette formation HTML (durée : 33m31s)
-
Introduction
- Présentation de Emmet gratuit 00:02:47
- Bonus: Installer un IDE gratuit 00:02:51
-
Fonctionnement du plug'in Emmet
- Démarrer avec Emmet 00:02:27
- Ecrire des balises rapidement 00:04:16
- Déclarer des classes et des identitifants 00:03:15
- Déclarer plusieurs attributs 00:04:34
- Déclarer la valeur entres les balises 00:02:07
- Imbrication des balises 00:02:30
- Multiplication des balises 00:01:34
- Balises à suivre 00:02:29
- Sortir d'une paire de balise 00:02:01
- Créer des groupes 00:01:36
- Incrémentation 00:03:06
-
Conclusion
- Conclusion 00:00:45
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Perso je n'utilise pas Visual Studio Code. Mais je peux utiliser Emmet dans mon propre logiciel (WeBuilder) où Emmet est intégré. Le système pour valider est parfois différent (soit avec la touche Tab, soit avec Ctrl+Maj+E). Et pour les liens et les images (entre autre), ça ne fonctionne pas. Ceci étant j'ai quand même pu suivre le tuto qui finalement m'a beaucoup plus, pour la structure html, les listes... C'est bien pratique. Maintenant comme vous dites, on doit s'entraîner pour s'y habituer. Je me demandais ce qu'était Emmet et à quoi ça servait, maintenant je sais. :-) Merci Carl.
-
Très bon tutoriel, encore un grand merci Carl
-
Excellent tuto, clair et concis.
-
Avec quelle version de logiciel ce tuto est-il compatible ?HTML 5
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés