A la découverte de SASS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h58
de formation
35
leçons vidéo
10
chapitres
Intermédiaire
niveau requis
Carl Brison
Carl Brison
Formateur certifié

A la découverte de SASS

4.7/5 Trustpilot (1396 avis) Satisfait ou remboursé
1h58
de formation
35
leçons vidéo
10
chapitres

Dans ce tuto en vidéo nous allons découvrir ensemble SASS.
SASS est un langage de programmation qui va nous permettre de pouvoir écrire et surtout maintenir facilement notre code CSS.

Nous allons apprendre à écrire du SASS et à générer automatiquement un fichier CSS.

Dans cette formation SASS, nous passerons en revue :

  • Les variables,
  • Les fichiers partiels,
  • Les mixins,
  • Les extensions,
  • Les media Queries.

Le cours se termine par un QCM pour valider vos connaissances en SASS.
A la fin de ce tutoriel, vous serez opérationnel pour mettre en place un projet SASS de votre choix.
Je mets les codes sources à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Si vous avez besoin d'acquérir des compétences de bases en HTML et CSS, je propose une formation complète dédiée à ce sujet.

Bon tuto !
 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction à SASS
Chapitre 2
Installation de SASS
Chapitre 3
Les variables
Chapitre 4
Les fichiers partiels
Chapitre 5
Les pseudo classes
Chapitre 6
Les commentaires
Chapitre 7
Les mixins

Table des matières

Chapitre 1 : Introduction à SASS

08m
 
Leçon 1Présentation de SASS
Leçon 2Le rôle de SASS
Leçon 3Les formes d'écriture
Leçon 4La génération du CSS

Chapitre 2 : Installation de SASS

33m21
 
Leçon 1Téléchargement de SASS pour tous les OS
Leçon 2Mise en place de la hiérarchie de notre site
Leçon 3Ecriture du fichier index.html
Leçon 4Appel de l'invite de commande
Leçon 5Génération du fichier style.css
Leçon 6On compile
Leçon 7Compilation automatique
Leçon 8Le fichier Map
Leçon 9Création d'un exécutable

Chapitre 3 : Les variables

15m40
 
Leçon 1Déclaration et exploitation
Leçon 2Manipulation
Leçon 3Calcul

Chapitre 4 : Les fichiers partiels

10m03
 
Leçon 1Création et appel
Leçon 2L'invite de commande
Leçon 3Hiérarchisation

Chapitre 5 : Les pseudo classes

05m30
 
Leçon 1Mise en place d'un lien
Leçon 2Lien hover

Chapitre 6 : Les commentaires

03m54
 
Leçon 1Commentaire visible
Leçon 2Commentaire invisible

Chapitre 7 : Les mixins

20m56
 
Leçon 1Mise en place de 2 nouvelles boîtes
Leçon 2Déclaration
Leçon 3Appel
Leçon 4Hiérarchisation
Leçon 5Webkit

Chapitre 8 : Les extensions

12m06
 
Leçon 1Création d'une nouvelle boite
Leçon 2Déclaration et appel
Leçon 3Hiérarchisation

Chapitre 9 : Les media Queries

07m20
 
Leçon 1Mise en place
Leçon 2Autant qu'on veut
Leçon 3Encore un autre

Chapitre 10 : Conclusion

02m01
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
163
Apprenants
12
Commentaires
5/5
Note moyenne
5/5
11
4/5
1
3/5
0
2/5
0
1/5
0
Bruno Proux
Bruno Proux
Publié le 03/11/2023
5
Bonjour Carl, Pour moi c'est plus qu'un tuto c'est une formation car j'ai appris bien plus en 2h qu'en 5 h de formation traditionnel. Par contre vous parler de la variable $coul mais je n'ai pas vu d'affectation de valeur pour celle-ci. Je possède vos deux livres et ils sont vraiement top. Merci encore.
Carl Brison
Carl Brison
Merci beaucoup, c'est vraiment très gentil ;-) Peut-être que $coul n'a pas été affecté, mais si vous l'avez vu et compris, alors c'est le principale
Alain Asselin
Alain Asselin
Publié le 31/01/2023
5
Merci Monsieur Brison. Que dire de vos explications ? Comme d'habitude, c'est clair. Toutes les choses que j'avais apprises et qui restaient obscures, ne le sont plus en ce jour. Vous êtes vraiment un as de la pédagogie. Dommage que dans mon centre de formation à distance, on ne vous ai pas embauché.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil.
Alain Tardif
Alain Tardif
Publié le 30/01/2023
5
Merci Carl pour ce tuto sur SASS que je ne connaissais pas. Pas de souci d'installation ou autres. Cours très bien expliqué et pédagogique. Je n'ai jamais utilisé SASS sur un projet. J'émets juste une idée, mais pourquoi pas un cours avec un projet en SASS. Merci beaucoup pour cette formation Validé 100 % SASS.
Carl Brison
Carl Brison
Merci à vous Alain, pour votre gentillesse ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code source de ce tuto.

Bonjour, J'ai fait un atelier de codage pendant un mois et j'ai réussi à créer une page web assez simple, cet atelier m'a permis de beaucoup apprendre et de m'intéresser au monde digital. Je voudrais savoir si votre course est très dense vu que c'est marqué niveau intermediaire. Je ne souhaiterais être perdue dès le début. Mon objectif est de bien comprendre la solution SAS, mon poste est de Customer Sucess Manager et je suis à la recherche d'un nouveau travail cependant les connaissances du SAS je ne les ai pas et c'est cela qui m'handicape. Merci pour votre réponse Nathaly

Bonjour Nathaly, Merci pour votre message. Vous avez juste besoin d'avoir des connaissances en CSS pour suivre ce cours . Aucune connaissance sur SASS n'est requise. Je vous apprends tout depuis le début. Bonne réception, Carl.
Choisissez votre accès

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h58 de vidéo • 10 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 788 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.7/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)
Continuez votre progression

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

+ 1,400,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com
  • Logo adobe
  • Logo etapes
  • Logo nikon
  • Logo arte
  • Logo xp-pen
  • Logo citia
  • Logo universal
  • Logo jc-decaux
  • Logo cite-science
  • Logo credit-agricole
  • Logo om
  • Logo fff
Paiement 100% sécurisé

Vos données sont chiffrées et protégées pendant toute la transaction.

  • visa-mono
  • mastercard-alt
  • maestro-alt
  • paypal-mono
  • klarna-mono
  • apple-pay-mono
  • google-pay-mono
Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données