11 - SCSS et SASS de A à Z - La directive @FUNCTION

➡️ Fichiers sources: https://www.laminutedecode.com/tutoriels/sass-et-scss-de-a-a-z

Cette formation vous plonge dans le monde de SASS et SCSS, les préprocesseurs CSS incontournables pour organiser, factoriser et maintenir plus facilement vos feuilles de style dans des projets web modernes. Si vous en avez assez d’écrire du CSS répétitif et difficile à faire évoluer, cette formation va vous apprendre à travailler plus efficacement, avec une structure claire et des outils puissants.

Dès les premiers modules, vous apprendrez à installer SASS, configurer votre environnement, et comprendre les bases du langage avec les variables, le nesting, les mixins, et les fonctions personnalisées. Vous découvrirez comment créer du code réutilisable, dynamique et lisible, tout en respectant les bonnes pratiques du développement frontend.

La formation aborde en profondeur toutes les fonctionnalités de SCSS : les conditions avec @if et @else, les boucles avec @for, @each et @while, l’héritage avec @extend, la gestion des listes et des maps, ainsi que la manipulation avancée des couleurs. Vous apprendrez également à organiser vos fichiers avec les directives @use et @import, et à structurer vos projets de manière modulaire et scalable.

Vous verrez comment compiler vos fichiers SASS avec différents frameworks comme Bootstrap, Tailwind CSS ou Bulma, pour adapter SASS à tous vos workflows. La formation comprend aussi plusieurs projets concrets pour mettre en pratique vos compétences : un système de thème dark/light, des formulaires dynamiques, un slider animé, un loader CSS personnalisé, des cards responsives, des boutons animés, et un projet final complet intégrant toutes les notions vues durant le cours.

Tout au long de la formation, vous serez amené à structurer votre code comme un professionnel, en utilisant les mixins, les fonctions, les conditions et la logique SCSS pour rendre vos feuilles de style plus puissantes, plus propres et bien plus faciles à maintenir.

☕ Si vous trouvez mes formations et tutoriels utiles, vous pouvez m'offrir un café virtuel pour soutenir la chaine. Chaque contribution, aussi petite soit-elle, m’aide à continuer à vous proposer des contenus de qualité: https://buymeacoffee.com/lmdc

🚀 Me suivre :
➡️ SITE: https://laminutedecode.com
➡️ DISCORD: https://discord.com/invite/HErpkxbmbS
➡️ INSTAGRAM: https://www.instagram.com/laminutedecode/
➡️ TIKTOK: https://www.tiktok.com/@laminutedecode
➡️ TWITCH: https://www.twitch.tv/laminutedecode
➡️ GITHUB: https://github.com/laminutedecode

Видео 11 - SCSS et SASS de A à Z - La directive @FUNCTION канала La minute de code