15,00

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

15,00

  • Une formation vidéo de 2h27m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Du CSS dopé avec Sass : Formation complète

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

Le CSS Moderne

-31% de réduction

voir les détails du bundle


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.

Table des matières de cette formation CSS (durée : 2h27m)

  • Les bases
    • Introduction gratuit 00:02:00
    • Installation de Sass sur macOS et Windows (update novembre 2019) 00:01:23
    • Installation de Sass sur macOS et Windows 00:04:48
    • Compiler un fichier et découverte du projet de grille responsive 00:27:56
    • Inbrication de sélecteurs et de propriétés 00:10:06
    • Les variables 00:12:09
  • Notions intermédiaires
    • Les mixins 00:13:42
    • Les fonctions 00:07:41
    • Importation de fichiers 00:05:50
    • Extension de règles CSS 00:02:56
    • Les drapeaux 00:06:44
    • Les mathémathiques avec professeur Steven 00:07:11
    • Les structures conditionnelles et finalisation de la grille responsive 00:26:57
  • Notions avancées
    • Débogage et opérateurs booléens 00:11:02
    • Extensions de placeholders 00:02:26
    • La directive @at-root 00:03:33
    • Conclusion 00:00:55



Formateur : Steven Sil

Steven Sil a publié 45 tutoriels et obtenu une note moyenne de 4,7/5 sur 26 198 tutoriels vendus. Steven Sil est un formateur certifié tuto.com. Voir les autres formations de Steven Sil

4,4
note moyenne

5
avis laissés
5 étoiles
3
4 étoiles
1
3 étoiles
1
2 étoiles
0
1 étoile
0
  • 4
    avis de audrey_s laissé 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 !

  • 5
    avis de jerome-jc-crea-design laissé 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 !!!
    "Merci d'être toujours au rendez-vous !! :D"

  • 5
    avis de membre-4158-6876 laissé le 24/09/2020
    Tutoriel très difficile pour un embryon comme moi ^^ mais bien expliqué. Comme le tutoriel précédent, il me faudra du temps pour tout assimiler. Je met néanmoins une note de 5 étoiles pour ce tuto pour récompenser votre travail !
    "Merci beaucoup pour votre fidélité ! :D Au moindre blocage, je ne suis pas loin :)"

  • 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 :)
Parcours Developpeur Front End
accédez à plus de 1422 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données