Boostez votre niveau en CSS
30 Exercices en CSS 🚀
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 n'est pas très important.
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 ...
Besoin d'aide ?
Rejoignez la communauté sur Discord, ou suivez les tutoriels de l'École du Web sur Youtube.
Contenu du cours
- Énoncé : Alignement (3:59)
- Résolution : Alignement (9:50)
- Énoncé : Navbars (2:09)
- Resolution : Navbars (8:01)
- Énoncé : Section d'accueil (1:55)
- Résolution : Section d'accueil (13:20)
- Résolution II : Section d'accueil (7:45)
- Énoncé : Les positions (1:09)
- Résolution : Les positions (3:52)
- Énoncé : Display (0:45)
- Résolution : Display (3:38)
- Énoncé : Sélecteurs (1:08)
- Résolution : Sélecteurs (10:31)
- Énoncé : Intégration de vidéo (1:05)
- Résolution : Intégration de vidéo (8:20)
- Énoncé : Animation "clignotage" (3:02)
- Résolution : Animation "clignotage" (9:58)
- Énoncé : Cache-cache (1:51)
- Résolution : Cache-cache (2:38)
- Énoncé : Fusion des marges (2:22)
- Résolution : Fusion des marges (2:10)
- Énoncé : Texte Responsive (1:17)
- Résolution : Texte Responsive (4:19)
- Énoncé : Loader (0:26)
- Résolution : Loader (4:02)
- Énoncé : Transitions (0:28)
- Résolution : Transitions (2:48)
- Énoncé : Galleries (1:28)
- Résolution : Galleries (6:49)
- Énoncé : Exercices Flexbox (1:25)
- Résolutions : Exercices Flexbox (6:37)
- Énoncé : Exercices CSS Grid (1:19)
- Résolution : Grid (11:51)
- Énoncé : Pseudo-Elements (0:45)
- Résolution : Pseudo-Elements (9:54)
- Énoncé : Responsive (3:00)
- Résolution : Responsive (9:34)
- Énoncé : Perspective (0:42)
- Résolution : Perspective (8:44)
- Énoncé : Parallax (0:52)
- Résolution : Parallax (1:47)
- Énoncé : Shadows (1:02)
- Résolution : Shadows (10:20)
- Énoncé : Création de formes (0:49)
- Résolution : Création de formes (9:45)
- Énoncé : Unités de mesures (1:11)
- Résolution : Unités de mesures (4:07)
- Énoncé : Carousel en pur CSS (0:30)
- Résolution : Carousel en pur CSS (5:34)
- Énoncé : Sign Up, intégration de formulaire (0:55)
- Résolution : Sign Up, intégration de formulaire (12:01)
- Énoncé : Animation (0:31)
- Résolution : Animation (6:08)
- Énoncé : Checkbox trick (1:13)
- Résolution : Checkbox trick (14:41)
- Énoncé : SASS (1:12)
- Résolution : SASS (5:48)
- Énoncé : Un footer complexe (1:27)
- Résolution : Un footer complexe HTML (4:54)
- Résolution : Un footer complexe CSS (13:22)
- Énoncé : Création d'un "Marquee" (0:44)
- Résolution : Création d'un "Marquee" (5:44)
Cliquez sur les questions
Foire aux questions.
Oui, il vous suffit de cliquer sur votre profil > gérer les abonnements > annuler l'abonnement.
Il vous suffit de rejoindre le serveur Discord dans lequel vous pouvez discuter développement web, demander de l'aide ou encore participer à des concours ou des exercices.
Le Parcours Front-End est une feuille de route vous permettant de suivre les cours qui feront de vous un développeur Front-End dans l'ordre.
Il est très important de pratiquer quand on apprend de nouvelles compétences, c'est pourquoi j'ai une page spécialement remplie de dizaines de cours et de projets pratiques!
Rejoignez des milliers d'étudiants