Codez dans vos feuilles de style grâce à SASS et SCSS

L'indispensable, il vous permettra d'aller plus vite dans toutes vos feuilles de style : fonctions, boucles, conditions et bien plus encore, tout ça dans une feuille de style !

Codez dans vos feuilles de style grâce à SASS et SCSS
4 heures
Tous les niveaux

Présentation

Bienvenue sur le cours sur SASS, le seul cours dont vous avez besoin pour apprendre à utiliser SASS, même en partant de zéro.

Avec plus de 3 heures, ce cours est sans doute le plus complet que vous puissiez trouver. Même si vous n'avez aucune expérience en programmation avec SASS, vous passerez du niveau débutant à celui de professionnel grâce à ce cours. Voici pourquoi :

  • Ce cours est enseigné par le formateur emblématique de BELIEVEMY, l'un des meilleurs acteurs de la pédagogie dans le domaine du développement web

  • Ce cours a été entièrement mis à jour pour la toute dernière version de SASS, vous apprendrez les toutes dernières nouveautés et les meilleures astuces de programmation du moment

  • Ce cours n'est pas un cours magistral : vous allez passer par toutes les émotions et vous allez pratiquer dans des dizaines de cas concrets, avec notamment trois vrais projets

  • L'ensemble du contenu du cours a été vu et revu pendant plusieurs mois par plusieurs développeurs professionnels de SASS pour être parfaitement en adéquation avec les besoins professionnels des entreprises

  • Plus de 30.000 étudiants ont déjà appris le développement web grâce à nos cours

  • Ce cours est constamment mis à jour avec de nouveaux contenus et de nouveaux projets proposés par les étudiants : c'est-à-dire par vous !

Nous allons y aller pas à pas, nous avancerons méthodiquement et astucieusement pour que vous puissiez toujours comprendre ce que vous faites et pour que vous puissiez apprécier vos résultats.

Prérequis

Des connaissances en CSS sont nécessaires.

Plan du cours

Tout ouvrir
    Partie 1 : Introduction
  • 1. Bienvenue dans ce cours !
  • 2. Qu'est-ce qui ne va pas avec CSS ?
  • 3. Qu'est-ce que Sass ? Et SCSS ?
  • Partie 2 : Initialisons notre premier projet
  • 4. Installons Sass sur notre ordinateur
  • 5. [Note] Si vous êtes sur Mac ou Linux
  • 6. [Facultatif] La petite histoire de Ruby
  • 7. La structure de nos projets
  • Partie 3 : Lançons-nous dans le grand bain
  • 8. Générer notre première feuille de style CSS
  • 9. Créons notre première variable
  • 10. [Facultatif] Utiliser Visual Studio Code en "live server"
  • 11. Ajouter des commentaires
  • 12. Faire des opérations mathématiques
  • 13. Récapitulatif sur les opérations
  • Partie 4 : Poussons Sass à son maximum
  • 14. Qu'est-ce que l'imbrication ?
  • 15. L'imbrication des propriétés (nesting)
  • 16. Le rôle de l'opérateur &
  • 17. L'importation et les "partials"
  • 18. Regrouper toutes les variables
  • 19. L'héritage
  • 20. Les mixins
  • Partie 5 : Entraînons-nous sur ce que nous avons vu
  • 21. Exercice : Un mixin pour Google Fonts
  • 22. Exercice - Correction
  • Partie 6 : Les fonctions
  • 23. Qu'est-ce qu'une fonction ?
  • 24. Les fonctions natives
  • 25. Et si on concevait nos propres fonctions ?
  • Partie 7 : Les conditions et les boucles
  • 26. Qu'est-ce qu'une condition ?
  • 27. Utilisons @if, @else if et @else
  • 28. Récapitulatif sur les conditions
  • 29. Qu'est-ce qu'une boucle ?
  • 30. Concevons des boucles avec @for
  • 31. Les boucles @each
  • 32. Et les boucles @while
  • Partie 8 : Entraînons-nous sur les boucles
  • 33. Exercice 1 : Ce que vous devez faire
  • 34. Exercice 1 : Correction
  • 35. Exercice 2 : Ce que vous devez faire
  • 36. Exercice 2 : Correction
  • 37. Exercice 3 : Ce que vous devez faire
  • 38. Exercice 3 : Correction
  • Partie 9 : Quelques astuces très utiles
  • 39. Les listes
  • 40. Utiliser la fonction "nth"
  • 41. Ajouter des valeurs à une liste dynamiquement
  • 42. At-root
  • 43. Maps
  • Partie 10 : Projet : Un générateur de couleurs
  • 44. Ce que nous allons faire
  • 45. Etape 1 : Créer le map
  • 46. Etape 2 : Boucler sur le map avec @each
  • 47. Correction
  • Partie 11 : Conclusion
  • 48. Conclusion
Proposé par Believemy

Gratuit

Disponible depuis partout : ordinateur, smartphone, tablette
Contenus vidéos en Full HD
Certificat de fin de formation