Article original : Create 24 CSS Projects

CSS est une compétence essentielle pour les développeurs web, et la maîtriser peut grandement améliorer l'apparence et la convivialité de vos projets web. Que vous soyez un débutant cherchant à perfectionner vos compétences ou un développeur expérimenté visant à rester à jour avec les dernières techniques, notre pack de défis complet a quelque chose pour vous.

Nous venons de publier un cours sur la chaîne YouTube freeCodeCamp.org qui vous enseignera tout sur CSS à travers une série de 24 défis engageants. Dans ce cours, vous recréerez des composants et des mises en page d'applications populaires comme GitHub, CodePen et Instagram. De plus, vous apprendrez à créer des animations de chargement, des barres de progression, des flashcards et plus encore en utilisant du CSS pur.

Tout au long de ces défis, vous rafraîchirez et affinerez votre compréhension des fonctionnalités clés de CSS, telles que les transitions, les pseudo-éléments, les effets de survol et les animations par images clés. Chaque défi est conçu pour repousser vos compétences plus loin, vous aidant à maîtriser une large gamme de techniques CSS. Après avoir terminé chaque défi, vous aurez l'occasion de voir une solution fournie par l'experte CSS Treasure Porth, vous permettant d'apprendre de son expertise et de gagner des insights précieux.

À la fin de ce cours, vous n'aurez pas seulement une compréhension complète de CSS, vous aurez également une expérience pratique dans la recréation de composants d'applications bien connues. Cette connaissance pratique vous équipera pour relever n'importe quel défi CSS avec confiance.

Voici quelques-uns des sujets clés abordés dans le cours :

  • Stylisation des éléments imbriqués

  • Centrage et alignement

  • Transitions

  • Pseudo-éléments

  • Effets de survol

  • Animations par images clés

  • Carrousel de mots

  • Grille CSS

  • Flexbox

  • calc()

  • Positionnement

  • Formes

  • Ratio d'aspect

  • Variables CSS

  • Mise en page de profil simple

  • Basculeurs

  • Barres de progression

  • Correspondance de design

Ce cours est parfait pour toute personne cherchant à approfondir ses connaissances en CSS et à construire des compétences pratiques et réelles. Regardez le cours complet sur la chaîne YouTube freeCodeCamp.org (3 heures de visionnage).