19,00

Tuto HTML en partant de zéro avec HTML

19,00

  • Une formation vidéo de 5h13m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
HTML en partant de zéro

ajouter ce cours aux favoris retirer ce cours des favoris

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.

 

Table des matières de cette formation HTML (durée : 5h13m)

  • Introduction
    • Introduction gratuit 00:06:25
    • Notre premier fichier gratuit 00:04:28
    • Mise en place du cours 00:10:04
  • Créer et comprendre un fichier HTML de base
    • Explication d'un DOCTYPE de base 00:04:37
    • Éléments auto-fermants, commentaires et création de dossiers 00:10:14
    • Les Headings 00:04:57
    • Les deux types : En ligne et bloc 00:04:22
    • Les listes 00:04:28
    • Rajouter du CSS 00:05:48
    • Intégrer du JS 00:03:02
    • Exercice : Créer une page de base 00:03:16
    • Résolution de l'exercice 00:02:55
  • Eléments importants, attributs et médias.
    • Les classes et les ID(s) 00:07:20
    • Coder des liens 00:07:15
    • Les types de chemin 00:06:15
    • Utiliser des images 00:04:57
    • Les éléments "audio" et "vidéo" 00:04:38
    • Les boutons 00:04:12
    • Exercice : Liens et chemins 00:01:26
    • Résolution 00:03:06
  • Les éléments Meta et les bonnes pratiques dans le <head>
    • L'attribut "lang" 00:04:19
    • L'élément title 00:05:42
    • Les utilisations de l'élément link 00:08:56
    • Gérer la meta description 00:05:05
    • L'encodage avec UTF-8 gratuit 00:01:08
    • L'élément meta responsive 00:02:08
    • Les metas OG pour les réseaux sociaux 00:02:21
    • Exercice : Bien gérer le <head> 00:00:59
    • Résolution 00:03:10
  • Les formulaires
    • Introduction 00:07:37
    • Créer un formulaire de base 00:13:33
    • Les différents types d'input 00:04:06
    • Les éléments select et datalist 00:05:04
    • La validation et ses attributs 00:07:11
    • Exercice : Créer un formulaire 00:02:24
    • Résolution 00:04:56
  • La sémantique et les balises de texte
    • Présentation de la sémantique et des éléments Header, Footer et Nav 00:09:02
    • Découverte de main, article et aside 00:07:27
    • Exercice : La soupe de divs 00:01:57
    • Résolution 00:08:45
    • Les éléments sémantiques de texte 00:07:21
    • Construire un tableau 00:04:10
  • Les élements avancés
    • L'élément details 00:01:52
    • Découverte du canvas 00:05:26
    • Les SVGs gratuit 00:07:25
    • L'élément iframe 00:02:34
  • SEO et accessiblité
    • Fiche SEO et accessiblité 00:11:03
  • Les erreurs courantes et la validation
    • Les types de contenu 00:07:16
    • Histoire des documentations 00:04:01
    • Les erreurs courantes en HTML 00:07:13
    • Valider ses pages et faire un audit 00:05:51
    • Les éléments dépréciés 00:01:15
    • Exercice : Nettoyer la page 00:00:56
    • Résolution : Nettoyer la page 00:10:43
  • Astuces Emmet et VS CODE
    • Astuces : Les raccourcis Emmet pour créer du contenu 00:06:11
    • Les astuces pour manipuler du contenu 00:09:04
  • Projet final
    • Introduction projet final 00:01:41
    • Résolution projet final 00:09:48



Formateur : Enzo Ustariz

Enzo Ustariz a publié 53 tutoriels et obtenu une note moyenne de 4,9/5 sur 2 057 tutoriels vendus. Voir les autres formations de Enzo Ustariz

  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1461 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données