Pendant 30 jours, j'explore et approfondir les concepts de CSS en réalisant des mini-projets et en partageant mes progrès au quotidien. De jour 22 - 30, je pratique sur le site 🌐freeCodeCamp
| Jour | Sujet/Projet | Short YouTube | Tweet |
|---|---|---|---|
| 1 | Introduction à CSS | Voir sur YouTube | Voir le Tweet |
| 2 | Couleurs et unités | Voir sur YouTube | Voir le Tweet |
| 3 | Sélecteurs CSS | Voir sur YouTube | Voir le Tweet |
| 4 | Modèle de boîte (Box Model) | Voir sur YouTube | Voir le Tweet |
| 5 | Propriétés de dimensionnement | Voir sur YouTube | Voir le Tweet |
| 6 | Mini projet (carte de profil stylisée) | Voir sur YouTube | Voir le Tweet |
| 7 | Mini projet (Une galerie d'image simple) | Voir sur YouTube | Voir le Tweet |
| 8 | Positionnement CSS | Voir sur YouTube | Voir le Tweet |
| 9 | Flexbox (Introduction) | Voir sur YouTube | Voir le Tweet |
| 10 | Flexbox (Avancé) | Voir sur YouTube | Voir le Tweet |
| 11 | Grille CSS (Introduction) | Voir sur YouTube | Voir le Tweet |
| 12 | Grille CSS (Avancé) | Voir sur YouTube | Voir le Tweet |
| 13 | Mini projet (Mise en page avec Flexbox) | Voir sur YouTube | Voir le Tweet |
| 14 | Mini projet (Mise en page avec les Grilles CSS ) | Voir sur YouTube | Voir le Tweet |
| 15 | Typographie | Voir sur YouTube | Voir le Tweet |
| 16 | Arrière-plans | Voir sur YouTube | Voir le Tweet |
| 17 | Transitions en CSS | Voir sur YouTube | Voir le Tweet |
| 18 | Transformations CSS | Voir sur YouTube | Voir le Tweet |
| 19 | Animations CSS | Voir sur YouTube | Voir le Tweet |
| 20 | Mini projet (Page accueil d'un portfolio) | Voir sur YouTube | Voir le Tweet |
| 21 | Mini projet (Page accueil animé) | Voir sur YouTube | Voir le Tweet |
📜 Jour 22 - 30 Je Pratique sur le site freeCodeCamp
💻 Dépot de tous les pratiques : Responsive-web-design
| Jour | Projet | Vidéo YouTube | Tweet | Code |
|---|---|---|---|---|
| 22 | J’apprends les bases du CSS en créant un Menu de Café | Voir sur YouTube | Voir le Tweet | Voir le code |
| 23 | J'apprends les Couleurs en CSS en créant un ensemble de Marqueurs Colorés | Voir sur YouTube | Voir le Tweet | Voir le code |
| 24 | J'apprends les Formulaires HTML en créant un formulaire d'inscription | Voir sur YouTube | Voir le Tweet | Voir le code |
| 25 | J'apprends le Modèle de boîte en CSS en créant une Peinture de style Rothko | Voir sur YouTube | Voir le Tweet | Voir le code |
| 26 | J'apprends le Flexbox en CSS en créant une Galerie Photo | Voir sur YouTube | Voir le Tweet | Voir le code |
| 27 | J'apprends la Typographie en créant une Étiquette Nutritionnelle | Voir sur YouTube | Voir le Tweet | Voir le code |
| 28 | J'apprends l'Accessibilité en créant un Quiz | Voir sur YouTube | Voir le Tweet | Voir le code |
| 29 | J'apprends les Pseudo-sélecteurs CSS en créant un Bilan Comptable | Voir sur YouTube | Voir le Tweet | Voir le code |
| 30 | J'apprends le CSS intermédiaire en créant une Peinture de Chat | Voir sur YouTube | Voir le Tweet | Voir le code |
CSS est essentiel pour le design web. Ce défi est l’occasion pour moi de maîtriser ses capacités, des bases aux concepts avancés comme les animations, flexbox, grid, et bien plus encore.
- YouTube : Abonnez-vous à ma chaîne
- Twitter : Suivez-moi sur Twitter
- Visual Studio Code pour les projets
- Ressources : MDN Web Docs, CSS Tricks
- PDF : CSSForProfessionals
- freeCodeCamp : freeCodeCamp
- Projet : Responsive-web-design