HTML & CSS de A à Z

✅ 5 cours complets
✅ 7 exercices pratiques
✅ 4 projets complets à ajouter à ton portfolio 

Les cours

HTML : 1 heure de cours pour couvrir l'essentiel de ce "langage" qui se rapproche plutôt d'un système de balisage pour donner un squelette et une cohérence à notre site.

CSS : 4h25 de cours (en 2 parties) pour parcourir l'essentiel de qui est utile et utilisé sur tous les sites web. Nous verrons comment donner un style élégant qui s'adapte à toutes les tailles d'écrans. Nous verrons également comment faire un grand nombre d'animations pour dynamiser et rendre ludique un site Web.

GITHUB : nous verrons comment versionner son travail, c'est à dire créer plusieurs versions qui peuvent s'assimiler à des sauvegardes de notre travail, cet outil est indispensable pour les développeurs.

 ✅ SEO : nous étudierons cette discipline qui permet de dialoguer avec les robots de Google qui sont en charge de référencer naturellement notre site. Plus celui-ci est bien référencé par Google plus son trafic y est important.

SASS : un cours de 40 minutes est prévu pour aborder ce préprocesseur de CSS qui permet aux développeurs de mieux organiser le style, créer des variables et avoir un code plus clair et simple à maintenir.

Des intégrations professionnelles

Avant de commencer chaque intégration je fais une vidéo introductive pour expliquer les difficultés à envisager et je te donne les images et les maquettes (Desktop et Mobile) afin de réaliser le projet. Projet que l'on corrigera ensemble et que tu pourras ajouter à ton Portfolio.

Gaming Campus

⚡️Première grosse intégration de niveau professionnel. Permet de se familiariser avec la puissance du Flex.

Run

⚡️Seconde intégration qui permet de comprendre l'utilité du Grid pour disposer les éléments exactement à notre convenance, via des sections ou même dans un formulaire.

La Montagne

⚡️Cette intégration permet de mettre en application le cours sur SASS. Elle peut sembler facile au premier abord mais comporte beaucoup de petits pièges et un formulaire assez technique.

Resto

⚡️C'est l'intégration ultime, longue et technique. Si tu es en mesure de la réaliser alors tu es capable de tout faire en CSS.

Les vidéos

💡 En plus des cours et des intégrations de maquettes professionnelles il y aura toutes une séries de travaux pratiques (TP) pour monter progressivement en compétence. Dans une première vidéo j'explique l'exercice, puis dans la vidéo suivante nous corrigeons ensemble et j'explique tout le raisonnement à avoir jusqu'à obtenir le résultat voulu.

🛠️ Il y aura aussi une vidéo synthétique des choses indispensables à maitriser en CSS, ainsi qu'une vidéo indiquant les meilleurs plugin VS Code et Chrome.

🧱 HTML

🎥 Cours HTML
🍿 [TP1 présentation] Tableau Complexe
💡 [TP1 explication] Tableau Complexe
🍿 [TP2 présentation] Intégrer une maquette simple
💡 [TP2 explication] Intégrer une maquette simple
🍿 [TP3 présentation] Intégrer une maquette professionnelle
💡 [TP3 explication] Intégrer une maquette professionnelle

🪄 CSS

🎥 Cours CSS [1/2]
🛠️ Plugin Chrome / VS Code indispensables
🎥 Cours CSS [2/2]
🍿 [TP1 présentation] Intégration Helium (Flexbox)
💡 [TP1 explication] Intégration Helium (flexbox)
💡 [TP2 présentation + explication] Helium Grid
🍿 [TP3 présentation] Être responsive
💡 [TP3 explication] Être responsive
🍿 [TP4 présentation] Grid Complexe
💡 [TP4 explication] Grid complexe
🛠️ Les indispensables de CSS
🍿 [Projet 1 présentation] Intégration Gaming Campus
💡 [Projet 1 explication] Intégration Gaming Campus
🍿 [Projet 2 présentation] Intégration Run
💡 [Projet 2 explication] Intégration Run

💾 Github

🎥 Cours Github [1/2]
🎥 Cours Github [2/2]

🤖 SEO

🎥 Cours SEO

🧁 SASS

🎥 Cours Sass
🍿 [Projet 3 présentation] Intégration La Montagne
💡 [Projet 3 explication] Intégration La Montagne
🍿 [Projet 4 présentation] Intégration Le Resto
💡 [Projet 4 explication] Intégration Le Resto

HTML & CSS de A à Z

  • Cours
  • 30 Leçons