HTML en partant de zéro
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO HTML en partant de zéro

Enzo Ustariz
Promo -53% Jusqu'au 19 avril, 23:00
9,00€19,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Bonjour et bienvenue dans ce cours en ligne "HTML en partant de zéro".

Commencer par apprendre l'HTML est le meilleur moyen de se lancer dans le développement web.
Le langage de balisage HTML est la base du web. C'est simple, il est présent sur toutes les pages web.
HTML est relativement simple à apprendre, surtout en comparaison avec CSS et JavaScript.
Et c'est tant mieux !

Mais l'erreur est de croire qu'on peut négliger son apprentissage.
Beaucoup de gens s'amusent à faire de l'HTML bashing, pour récolter un peu d'attention sur le web. La vérité est que l'HTML touche à beaucoup de sujets !
Du SEO à l'accessibilité, en passant par la sémantique et les bonnes pratiques, il y a beaucoup de choses à voir.
Si l'HTML était si simple, pourquoi y aurait-il des milliers de pages de documentation officielle ?

Vous l'aurez compris, pour bien démarrer dans le web, il faut respecter tous les piliers de ce dernier : HTML, CSS et JavaScript.
Voilà pourquoi j'ai créé cette formation en vidéo qui est une porte d'entrée vers le domaine du développement qui est si populaire aujourd'hui.

Vous êtes débutant ? Je vous accompagne pas à pas dans la découverte de ce langage incontournable du web.

Au programme de ce cours HTML en partant de zéro

Voici ce que nous verrons ensemble dans ce cours vidéo :

  • Les balises les plus importantes.
  • Des centaines d'attributs utiles et parfois obligatoires.
  • Comment associer un fichier CSS et JavaScript à une page HTML ?
  • La sémantique en HTML pour créer de belles pages propres.
  • Le rapport entre l'accessibilité et l'HTML.
  • Idem pour le SEO, c’est-à-dire l'optimisation pour les moteurs de recherche.
  • Comment créer des formulaires ?
  • Construire des tableaux.
  • Des tonnes d'astuces pour coder plus vite, notamment avec des raccourcis claviers et des astuces.
  • Quasiment chaque section sera ponctuée d'exercices pratiques pour bien intégrer ce qu'on apprend.
  • Etc.

Rendez-vous de l'autre côté pour commencer à coder !
Enzo.

 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Créer et comprendre un fichier HTML de base
Chapitre 3
Eléments importants, attributs et médias.
Chapitre 4
Les éléments Meta et les bonnes pratiques dans le <head>
Chapitre 5
Les formulaires
Chapitre 6
La sémantique et les balises de texte
Chapitre 7
Les élements avancés

Plan détaillé du cours

Chapitre 1 : Introduction
20m57s
 
Leçon 1Introduction
Leçon 2Notre premier fichier
Leçon 3Mise en place du cours
Chapitre 2 : Créer et comprendre un fichier HTML de base
43m39s
 
Leçon 1Explication d'un DOCTYPE de base
Leçon 2Éléments auto-fermants, commentaires et création de dossiers
Leçon 3Les Headings
Leçon 4Les deux types : En ligne et bloc
Leçon 5Les listes
Leçon 6Rajouter du CSS
Leçon 7Intégrer du JS
Leçon 8Exercice : Créer une page de base
Leçon 9Résolution de l'exercice
Chapitre 3 : Eléments importants, attributs et médias.
39m09s
 
Leçon 1Les classes et les ID(s)
Leçon 2Coder des liens
Leçon 3Les types de chemin
Leçon 4Utiliser des images
Leçon 5Les éléments "audio" et "vidéo"
Leçon 6Les boutons
Leçon 7Exercice : Liens et chemins
Leçon 8Résolution
Chapitre 4 : Les éléments Meta et les bonnes pratiques dans le <head>
33m48s
 
Leçon 1L'attribut "lang"
Leçon 2L'élément title
Leçon 3Les utilisations de l'élément link
Leçon 4Gérer la meta description
Leçon 5L'encodage avec UTF-8
Leçon 6L'élément meta responsive
Leçon 7Les metas OG pour les réseaux sociaux
Leçon 8Exercice : Bien gérer le <head>
Leçon 9Résolution
Chapitre 5 : Les formulaires
44m51s
 
Leçon 1Introduction
Leçon 2Créer un formulaire de base
Leçon 3Les différents types d'input
Leçon 4Les éléments select et datalist
Leçon 5La validation et ses attributs
Leçon 6Exercice : Créer un formulaire
Leçon 7Résolution
Chapitre 6 : La sémantique et les balises de texte
38m42s
 
Leçon 1Présentation de la sémantique et des éléments Header, Footer et Nav
Leçon 2Découverte de main, article et aside
Leçon 3Exercice : La soupe de divs
Leçon 4Résolution
Leçon 5Les éléments sémantiques de texte
Leçon 6Construire un tableau
Chapitre 7 : Les élements avancés
17m17s
 
Leçon 1L'élément details
Leçon 2Découverte du canvas
Leçon 3Les SVGs
Leçon 4L'élément iframe
Chapitre 8 : SEO et accessiblité
11m03s
 
Leçon 1Fiche SEO et accessiblité
Chapitre 9 : Les erreurs courantes et la validation
37m15s
 
Leçon 1Les types de contenu
Leçon 2Histoire des documentations
Leçon 3Les erreurs courantes en HTML
Leçon 4Valider ses pages et faire un audit
Leçon 5Les éléments dépréciés
Leçon 6Exercice : Nettoyer la page
Leçon 7Résolution : Nettoyer la page
Chapitre 10 : Astuces Emmet et VS CODE
15m15s
 
Leçon 1Astuces : Les raccourcis Emmet pour créer du contenu
Leçon 2Les astuces pour manipuler du contenu
Chapitre 11 : Projet final
11m29s
 
Leçon 1Introduction projet final
Leçon 2Résolution projet final

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données