Du CSS dopé avec Sass : Formation complète
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Du CSS dopé avec Sass : Formation complète

Steven Sil
14,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Vos documents CSS vous paraissent difficilement maintenables avec leurs centaines (milliers?) de lignes ? Vous voulez doper les capacités du langage CSS en y ajoutant des variables, des fonctions, un héritage des classes ... ? Cette formation SASS en vidéo répondra à toutes vos questions (et même plus encore).

Au programme de cette formation SASS

Pendant plus de 2 heures, nous allons découvrir ensemble cette extension CSS qui permet de booster les capacités du langage avec un nouveau format de fichiers qui va ensuite être compilé à l'aide de Sass pour obtenir un fichier CSS exploitable par les navigateurs Web.

EN BONUS : Pour bien comprendre toutes les notions abordées, nous viendrons créer une grille responsive complète que vous pourrez utiliser dans vos futurs projets de sites Web. La puissance de Sass est tellement importante que notre fichier CSS sera divisé par 7.

Notons qu'il est important de maîtriser les bases des langages HTML et CSS pour bien assimiler le contenu de cette formation.
Des bases de JavaScript et/ou de PHP sont également bienvenues pour mieux comprendre des concepts plus avancés comme les fonctions, les variables, les opérateurs booléens ... même si cela reste optionnel puisque nous aborderons tout cela ensemble.

Je reste disponible dans le salon d'entraide pour répondre à vos questions.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Les bases
Chapitre 2
Notions intermédiaires
Chapitre 3
Notions avancées

Plan détaillé du cours

Chapitre 1 : Les bases
58m22
 
Leçon 1Introduction
Leçon 2Installation de Sass sur macOS et Windows (update novembre 2019)
Leçon 3Installation de Sass sur macOS et Windows
Leçon 4Compiler un fichier et découverte du projet de grille responsive
Leçon 5Inbrication de sélecteurs et de propriétés
Leçon 6Les variables
Chapitre 2 : Notions intermédiaires
1h11
 
Leçon 1Les mixins
Leçon 2Les fonctions
Leçon 3Importation de fichiers
Leçon 4Extension de règles CSS
Leçon 5Les drapeaux
Leçon 6Les mathémathiques avec professeur Steven
Leçon 7Les structures conditionnelles et finalisation de la grille responsive
Chapitre 3 : Notions avancées
17m56
 
Leçon 1Débogage et opérateurs booléens
Leçon 2Extensions de placeholders
Leçon 3La directive @at-root
Leçon 4Conclusion

Aperçus

Avis des apprenants

Détail des avis
383
Apprenants
6
Commentaires
4,5/5
Note moyenne
5/5
4
4/5
1
3/5
1
2/5
0
1/5
0
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 20/09/2024
Super Tuto, l'optimisation du code est vraiment impressionnante. Quel plaisir de pouvoir mettre des variables, des fonctions et que sais-je encore dans du CSS. Par contre, certaines informations sont périmées (je suis dans des versions bien plus récentes ;-)). Comme par exemple pour l'utilisation de la division (il faut passer par la livrairie math et Darken et Lighten, où il faut passer par la librairie color. J'ai mis un message dans l'entraide sur ce sujet. Pour le coup, cette formation vie longtemps, je l'a regarde en 2024 ;-)
Audrey Soler
Audrey Soler
Publié le 18/03/2022
Très intéressant ! Malheureusement certaines fonctions sont dépassées car Sass n'est plus sur Ruby, donc à mettre à jour, mais avec la doc à côté, ça se tient !
Jérôme Chataux
Jérôme Chataux
Publié le 05/12/2020
Excellent TUTO, Je connaissais less mais la SASS que du bonheur !!!!!! MERCI beaucoup, toujours aussi clair, bonne méthodologie d'apprentissage !!!
Steven Sil
Steven Sil
Merci d'être toujours au rendez-vous !! :D

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

C'est une suite à la première formation : Tuto Boostez votre CSS avec Sass avec CSS

Non du tout :) C'est une formation complète qui reprend les notions vu il y a 2 ans ainsi que beaucoup de nouvelles notions + un projet de grille responsive :)

Payer plus tard

Prix d'achat : 14,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données