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

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é 175 tutoriels et obtenu une note moyenne de 4,9/5 sur 11 886 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

4,8
note moyenne

6
avis laissés
5 étoiles
5
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-6759-7008 laissé le 11/05/2020
    Très clair, comme d'habitude. Progression lente et sûre pour arriver au but fixé. Petit bémol, pour le coup, l'utilisation de Dreamweather avec SaaS ne permet pas de mettre en évidence l'identation comme le permettrait un éditeur de type Vscode. Et puis, un peu de couleur ne ferait pas de mal. Le reste est tellement bien amené que tout cela n'est que détail et n'empèche pas les 5 étoiles.

  • 5
    avis de grassel laissé le 24/03/2020
    Aborder très progressivement comme toujours avec efficacité. Très intéressant pour voir en quoi consiste SASS. A défaut de l'utiliser, cela donne une connaissance complémentaire toujours utile.

  • 5
    avis de xc300170 laissé le 25/02/2020
    Excellent tuto on n en redemande

  • 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.
accédez à plus de 1221 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données