De la pratique, de la pratique, de la pratique.
Voilà à quoi on peut résumer ces 30 exercices CSS.
On pense souvent(à tord), que le CSS s'apprend facilement et que ce n'est franchement pas très important.
Wrong !
Il existe en effet des multitudes de règles, de "bizzareries", de techniques, de propriétés, de valeurs qu'il faut imperatrivement connaître avec ce langage de style.
Si on néglige cet apprentissage, on va au devant de problèmes insolubles et quelques sérieuses prises de tête.
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'accéssibilité
- Flexbox
- CSS Grid
- Les transitions, les animations
- L'integration d'interfaces
- Les unités de mesure
- SASS
- Les pseudo éléments & classes
- Etc etc ...
Je vous ai préparé des dossiers avec les différents codes source, 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. ✌️
Curriculum du cours
-
VoirÉnoncé : Alignement (3:59)
-
VoirRésolution : Alignement (9:50)
-
VoirÉnoncé : Navbars (2:09)
-
VoirResolution : Navbars (8:01)
-
VoirÉnoncé : Section d'accueil (1:55)
-
VoirRésolution : Section d'accueil (13:20)
-
VoirRésolution II : Section d'accueil (7:45)
-
VoirÉnoncé : Les positions (1:09)
-
VoirRésolution : Les positions (3:52)
-
VoirÉnoncé : Display (0:45)
-
VoirRésolution : Display (3:38)
-
VoirÉnoncé : Sélecteurs (1:08)
-
VoirRésolution : Sélecteurs (10:31)
-
VoirÉnoncé : Intégration de vidéo (1:05)
-
VoirRésolution : Intégration de vidéo (8:20)
-
VoirÉnoncé : Animation "clignotage" (3:02)
-
VoirRésolution : Animation "clignotage" (9:58)
-
VoirÉnoncé : Cache-cache (1:51)
-
VoirRésolution : Cache-cache (2:38)
-
VoirÉnoncé : Fusion des marges (2:22)
-
VoirRésolution : Fusion des marges (2:10)
-
VoirÉnoncé : Texte Responsive (1:17)
-
VoirRésolution : Texte Responsive (4:19)
-
VoirÉnoncé : Loader (0:26)
-
VoirRésolution : Loader (4:02)
-
VoirÉnoncé : Transitions (0:28)
-
VoirRésolution : Transitions (2:48)
-
VoirÉnoncé : Galleries (1:28)
-
VoirRésolution : Galleries (6:49)
-
VoirÉnoncé : Exercices Flexbox (1:25)
-
VoirRésolutions : Exercices Flexbox (6:37)
-
VoirÉnoncé : Exercices CSS Grid (1:19)
-
VoirRésolution : Grid (11:51)
-
VoirÉnoncé : Pseudo-Elements (0:45)
-
VoirRésolution : Pseudo-Elements (9:54)
-
VoirÉnoncé : Responsive (3:00)
-
VoirRésolution : Responsive (9:34)
-
VoirÉnoncé : Perspective (0:42)
-
VoirRésolution : Perspective (8:44)
-
VoirÉnoncé : Parallax (0:52)
-
VoirRésolution : Parallax (1:47)
-
VoirÉnoncé : Shadows (1:02)
-
VoirRésolution : Shadows (10:20)
-
VoirÉnoncé : Création de formes (0:49)
-
VoirRésolution : Création de formes (9:45)
-
VoirÉnoncé : Unités de mesures (1:11)
-
VoirRésolution : Unités de mesures (4:07)
-
VoirÉnoncé : Carousel en pur CSS (0:30)
-
VoirRésolution : Carousel en pur CSS (5:34)
-
VoirÉnoncé : Sign Up, intégration de formulaire (0:55)
-
VoirRésolution : Sign Up, intégration de formulaire (12:01)
-
VoirÉnoncé : Animation (0:31)
-
VoirRésolution : Animation (6:08)
-
VoirÉnoncé : Checkbox trick (1:13)
-
VoirRésolution : Checkbox trick (14:41)
-
VoirÉnoncé : SASS (1:12)
-
VoirRésolution : SASS (5:48)
-
VoirÉnoncé : Un footer complexe (1:27)
-
VoirRésolution : Un footer complexe HTML (4:54)
-
VoirRésolution : Un footer complexe CSS (13:22)
-
VoirÉnoncé : Création d'un "Marquee" (0:44)
-
VoirRésolution : Création d'un "Marquee" (5:44)