Découverte
  • Qu'est-ce que nous apprendrons dans cette formation ?
  • Prérequis
  • Comment poser mes questions ?
  • Quel contenu regarder selon mon niveau ?
Installons notre environnement
  • Choisissons notre éditeur de code
  • Facilitons-nous la vie avec un serveur local
  • Récapitulatif sur les serveurs
Initialisons notre premier projet
  • Qu'est-ce que Sass ? SCSS ?
  • Installer Sass : les deux méthodes
  • Notes concernant la prochaine session
  • Installer Sass par la console
  • Installer Sass par le logiciel
  • Recevez gratuitement chaque mois un email sur les tendances du mois !
  • Petite histoire de Ruby (optionnel)
  • Testons nos connaissances !
Notions de base
  • Architecture de nos futurs projets
  • Générer notre première feuille de style css
  • Avoir une syntaxe colorisée sur Sublime Text
  • Créons notre première variable
  • Ajoutons nos commentaires
  • Et si on faisait des opérations simples ?
  • Récapitulatif sur les opérations
  • Rejoignez la Communauté des Etudiants
  • Testons nos connaissances !
  • Recevez des astuces tous les mois pour augmenter de niveau !
Poussons Sass à son maximum
  • Qu'est-ce que l'imbrication exactement ?
  • Le rôle de l'opérateur &
  • L'importation
  • L'héritage
  • Les mixins
  • Préface à l'exercice
  • Exercice ! Un mixin pour Google Fonts !
  • Testons nos connaissances !
Les fonctions
  • Qu'est-ce qu'une fonction ?
  • Les fonctions natives
  • Et si on concevait nos propres fonctions ?
  • Testons nos connaissances !
Les conditions et les boucles
  • Qu'est-ce qu'une condition ?
  • Utilisons @if, @else if et @else
  • Récapitulatif sur les conditions
  • Qu'est-ce qu'une boucle ?
  • Concevons des boucles avec @for
  • Les boucles @each
  • Et les boucles @while
  • Testons nos connaissances !
Quelques astuces très utiles
  • Les listes
  • Utilisez la fonction nth
  • Ajouter des valeurs à une liste dynamiquement
  • At-root
  • Maps
  • Pratiquons en créant un générateur de classes de couleurs !
  • Testons nos connaissances !
Bonus
  • Que faire maintenant ?