30 Exercices de CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO 30 Exercices de CSS

Enzo Ustariz
Promo -51% Jusqu'au 19 avril, 23:00
19,00€39,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

"De la pratique, de la pratique, de la pratique." Voilà à quoi on peut résumer ces 30 exercices CSS proposés dans cette formations en ligne.
Les développeurs pensent souvent (à tord), que le CSS s'apprend facilement et que ce n'est franchement pas très important.
Faux !
Il existe en effet des multitudes de règles, de "bizarreries", de techniques, de propriétés, de valeurs (...) qu'il faut impérativement connaître avec ce langage de styles.

Si on néglige cet apprentissage, on va au devant de problèmes insolubles et quelques sérieuses prises de tête.

Au programme de ce cours 30 Exercices de CSS (et leur corrigé)

Dans ce cours, on va s'entraîner avec :

  • Les alignements (X,Y,Z ...),
  • Les "display",
  • Les positions,
  • Les sélecteurs,
  • La perspective,
  • Le "responsive",
  • L'accessibilité,
  • Flexbox,
  • CSS Grid,
  • Les transitions, les animations,
  • L'integration d'interfaces,
  • Les unités de mesure,
  • SASS,
  • Les pseudo éléments & classes,
  • Etc etc ...

L'important dans ce cours n'est surtout pas d'avoir juste partout, de tout trouver en copiant du code qu'on ne comprend pas et en ayant 0 réflexion. Je vais y revenir de nombreuses fois, mais le plus important va être pour vous de développer ces trois axes :

  • 1 / La recherche : être curieux, se plonger dans les documentations, les articles, les vidéos, et tout ce qu'on peut trouver pour arriver à résoudre un problème.
  • 2 / Les Tests : tester des valeurs, des propriétés, des modules, des paradigmes, apprendre à tester tout ça dans un environnement donné afin de trouver une solution.
  • 3 / L'Auto-correction : dans la vie il n'y aura pas toujours une vidéo de correction, donc préparez-vous à déjà vous auto-corriger en vous interrogeant sur les performances de votre solution, son côté adaptatif (responsive), compatible, accessible, etc ...

Je vous ai préparé des dossiers avec les différents codes sources, les ressources et tout ce qu'il vous faut pour suivre ce cours dans la joie et la bonne humeur.

Rendez-vous au premier exercice pour commencer à coder. ✌️

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Les 30 Exercices CSS

Plan détaillé du cours

Chapitre 1 : Introduction
09m42s
 
Leçon 1Introduction
Leçon 2Code source
Chapitre 2 : Les 30 Exercices CSS
4h29m
 
Leçon 1Énoncé : Alignement
Leçon 2Résolution : Alignement
Leçon 3Énoncé : Navbars
Leçon 4Resolution : Navbars
Leçon 5Énoncé : Section d'accueil
Leçon 6Résolution : Section d'accueil
Leçon 7Résolution II : Section d'accueil
Leçon 8Énoncé : Les positions
Leçon 9Résolution : Les positions
Leçon 10Énoncé : Display
Leçon 11Résolution : Display
Leçon 12Énoncé : Sélecteurs
Leçon 13Résolution : Sélecteurs
Leçon 14Énoncé : Intégration de vidéo
Leçon 15Résolution : Intégration de vidéo
Leçon 16Énoncé : Animation "clignotage"
Leçon 17Résolution : Animation "clignotage"
Leçon 18Résolution : Cache-cache
Leçon 19Résolution : Cache-cache
Leçon 20Énoncé : Fusion des marges
Leçon 21Résolution : Fusion des marges
Leçon 22Énoncé : Texte Responsive
Leçon 23Résolution : Texte Responsive
Leçon 24Énoncé : Loader
Leçon 25Résolution : Loader
Leçon 26Énoncé : Transitions
Leçon 27Résolution : Transitions
Leçon 28Énoncé : Galleries
Leçon 29Résolution : Galleries
Leçon 30Énoncé : Exercices Flexbox
Leçon 31Résolutions : Exercices Flexbox
Leçon 32Énoncé : Exercices CSS Grid
Leçon 33Résolution : Grid
Leçon 34Énoncé : Pseudo-Elements
Leçon 35Résolution : Pseudo-Elements
Leçon 36Énoncé : Responsive
Leçon 37Résolution : Responsive
Leçon 38Énoncé : Perspective
Leçon 39Résolution : Perspective
Leçon 40Énoncé : Parallax
Leçon 41Résolution : Parallax
Leçon 42Énoncé : Shadows
Leçon 43Résolution : Shadows
Leçon 44Énoncé : Création de formes
Leçon 45Résolution : Création de formes
Leçon 46Énoncé : Unités de mesures
Leçon 47Résolution : Unités de mesures
Leçon 48Énoncé : Carousel en pur CSS
Leçon 49Résolution : Carousel en pur CSS
Leçon 50Énoncé : Sign Up, intégration de formulaire
Leçon 51Résolution : Sign Up, intégration de formulaire
Leçon 52Énoncé : Animation
Leçon 53Résolution : Animation
Leçon 54Énoncé : Checkbox trick
Leçon 55Résolution : Checkbox trick
Leçon 56Énoncé : SASS
Leçon 57Résolution : SASS
Leçon 58Énoncé : Un footer complexe
Leçon 59Résolution : Un footer complexe HTML
Leçon 60Résolution : Un footer complexe CSS
Leçon 61Énoncé : Création d'un "Marquee"
Leçon 62Résolution : Création d'un "Marquee"

Avis des apprenants

Détail des avis
18
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Sylvain Rey
Sylvain Rey
Publié le 31/05/2023
excellents exercices pour apprendre le css
Jonathan Benitez
Jonathan Benitez
Publié le 19/01/2022
Parfait tres bon contenu
Sarah Haouam
Sarah Haouam
Publié le 05/07/2021
j'adore votre cours Je suis désolée mais vous parlez trop vite j'arrive pas a vous suivre et en même temps a coder mais dans l'ensemble vous etes parfait
Enzo Ustariz
Merci beaucoup ! Vous pouvez réduire la vitesse si ça va trop vite.

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