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

4,7
note moyenne

3
avis laissés
5 étoiles
2
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de ced-dev laissé le 12/02/2020
    Bon cours comme d'habitude cependant ça reste incomplet notamment sur les conditions par exemple, sass a beaucoup de possibilité à apporter, concernant les médias je trouve que ça mets pas mal de bordel dans le style.css finale je trouve ça pas propre du tout.
    "Merci Cédric. C'est tout à fait vrai que SASS n'est pas non plus le grâle !"

  • 4
    avis de adnd laissé le 05/02/2020
    Comme toujours avec Mr Brison tout y est clairement expliqué. Le seul problème dans ce tuto est que pour l'installation de l'application SASS par le terminal Mac il n'y a pas d'explication. N'y arrivant pas, j'ai personnellement opté pour une des applications gratuites proposées sur la page de téléchargement SASS.
    "Je n'ai pas de compétences avec mac. Cependant un terminal reste un terminal et normalement le code que je fournis devrait être appliquable... Enfin je pense..."

  • 5
    avis de vinceb0 laissé le 02/02/2020
    Encore un excellent tuto super bien expliqué qui permet de voir le développement front-end différemment.
    "Merci beaucoup pour votre commentaire, Vincent ;-)"

  • 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 1156 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données