25,00

Tuto A la découverte de SASS avec CSS

25,00

  • Une formation vidéo de 1h58m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
A la découverte de SASS

ajouter ce cours aux favoris retirer ce cours des favoris

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 !
 

Table des matières de cette formation CSS (durée : 1h58m)

  • Introduction à SASS
    • Présentation de SASS gratuit 00:01:41
    • Le rôle de SASS 00:02:14
    • Les formes d'écriture 00:02:54
    • La génération du CSS 00:01:11
  • Installation de SASS
    • Téléchargement de SASS pour tous les OS 00:04:40
    • Mise en place de la hiérarchie de notre site 00:02:13
    • Ecriture du fichier index.html 00:04:39
    • Appel de l'invite de commande 00:05:34
    • Génération du fichier style.css 00:03:36
    • On compile 00:04:02
    • Compilation automatique 00:01:37
    • Le fichier Map 00:03:36
    • Création d'un exécutable 00:03:24
  • Les variables
    • Déclaration et exploitation 00:04:23
    • Manipulation 00:05:26
    • Calcul 00:05:51
  • Les fichiers partiels
    • Création et appel 00:04:26
    • L'invite de commande 00:01:45
    • Hiérarchisation 00:03:52
  • Les pseudo classes
    • Mise en place d'un lien 00:02:30
    • Lien hover 00:03:00
  • Les commentaires
    • Commentaire visible 00:02:23
    • Commentaire invisible 00:01:31
  • Les mixins
    • Mise en place de 2 nouvelles boîtes 00:06:26
    • Déclaration 00:04:08
    • Appel 00:03:05
    • Hiérarchisation 00:03:57
    • Webkit 00:03:20
  • Les extensions
    • Création d'une nouvelle boite 00:04:39
    • Déclaration et appel 00:04:19
    • Hiérarchisation 00:03:08
  • Les media Queries
    • Mise en place 00:02:47
    • Autant qu'on veut 00:02:08
    • Encore un autre 00:02:25
  • Conclusion
    • Conclusion 00:02:01



Formateur : Carl Brison

Carl Brison a publié 229 tutoriels et obtenu une note moyenne de 4,9/5 sur 15 361 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

4,9
note moyenne

9
avis laissés
5 étoiles
8
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de myers laissé le 10/07/2021
    Il y a peu de temps que j'ai appris le Sass pour faire un projet de développement Web. Je n'avais pas tout compris pour différentes raisons. J'ai eu besoin d'éclaircir plusieurs sujets. J'ai cherché si vous aviez crée un tuto sur Sass et bingo. Votre tuto a plus que répondu à mes attentes. C'était très clair, limpide et très bien commenté. Merci
    "Votre commentaire est vraiment très gentil, cela me fait super plaisir "

  • 5
    avis de membre-7807-7161 laissé le 22/09/2020
    Très bon tuto pour demarrer les bases. Cdlt

  • 5
    avis de valerie-a77 laissé le 21/09/2020
    J'ai eu du mal à démarrer ce tuto et je trouvais ça compliqué et pas pratique du tout. Je révise mon avis sur le sujet et je ne suis pas déçue d'avoir repris le tuto depuis le début car j'étais partie sur de mauvaises bases. J'ai trouvé ce cours super intéressant et le scss pas mal du tout, ça m'a beaucoup plu et ce n'est pas plus compliqué qu'autre chose. Je trouve que ça nous facilite même la tâche car ça nous écrit un code css propre et sans erreur. Toutefois je pense qu'il vaut mieux démarrer le scss sur des pages vierges et pas lorsqu'un site est déjà bien avancé avec le css. Merci Carl. Oui j'ai beaucoup appris :-)
    "Merci beaucoup Valérie, cela me fait super plaisir ;-)"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le code source de ce tuto.
Parcours Developpeur Front End
accédez à plus de 1357 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données