Dans le développement web moderne, maîtriser SASS (Syntactically Awesome Stylesheets) est devenu essentiel pour optimiser la gestion des feuilles de style et améliorer l'efficacité du code CSS. Ce préprocesseur CSS offre une flexibilité accrue grâce à des fonctionnalités avancées telles que les variables, le Nesting, les mixins, et les fonctions personnalisées. Grâce à cette formation, vous apprendrez à configurer, organiser et structurer efficacement votre code SASS pour garantir une meilleure maintenabilité et évolutivité. L'utilisation de SASS est un atout majeur pour les développeurs front-end et les designers web cherchant à se distinguer sur le marché du travail, notamment dans des environnements collaboratifs où les projets sont complexes et nécessitent un style cohérent et évolutif. En maîtrisant ces outils, vous pourrez assumer des rôles plus stratégiques dans la gestion de la performance et de la productivité des équipes de développement.

Public

À qui s'adresse la formation SASS

La formation "SASS" s'adresse aux développeurs web et intégrateurs souhaitant améliorer leur expertise en CSS grâce à l'utilisation de SASS, un préprocesseur puissant. Elle convient aussi bien aux débutants ayant des connaissances de base en CSS qu'aux professionnels cherchant à optimiser et structurer leur code de manière efficace. Idéale pour ceux qui veulent maîtriser les fonctionnalités avancées et les bonnes pratiques pour des projets web de qualité.

Objectifs

Compétences visées pour la formation SASS

Cette formation SASS vise à vous doter des compétences essentielles pour maîtriser ce préprocesseur CSS. Vous apprendrez à installer, configurer et utiliser SASS pour optimiser vos feuilles de style de manière efficace. Le programme couvre la gestion des fichiers SCSS, l'utilisation avancée des variables, mixins et fonctions, ainsi que l'organisation du code. Vous développerez un projet pratique, renforçant ainsi vos acquis à travers des scénarios réels.

Programme

Comprendre le rôle de SASS

  1. Identifier les limites du CSS classique
  2. Découvrir le concept de préprocesseur
  3. Comparer les outils du marché (SASS, LESS...)
  4. Appréhender les cas d’usage typiques

Installer SASS dans son environnement

  1. Installer SASS via Node.js et Ruby
  2. Découvrir les outils de compilation
  3. Configurer SASS sur différents OS
  4. Lancer un premier projet

Structurer un projet avec SASS

  1. Créer une arborescence SCSS
  2. Comprendre les fichiers partiels
  3. Automatiser la compilation
  4. Utiliser une structure modulaire

Utiliser les variables et fonctions

  1. Définir des variables SCSS
  2. Utiliser les types (couleurs, chaînes...)
  3. Réaliser des opérations arithmétiques
  4. Utiliser les fonctions natives

Imbriquer ses sélecteurs intelligemment

  1. Mettre en place le nesting
  2. Éviter les imbrications excessives
  3. Comprendre la portée des sélecteurs
  4. Simplifier la lecture du code

Créer des mixins et fonctions custom

  1. Concevoir un mixin paramétré
  2. Réutiliser du code avec @include
  3. Créer ses propres fonctions
  4. Appliquer des règles conditionnelles

Gérer l'héritage et la modularité

  1. Utiliser @extend et les placeholders
  2. Organiser les composants SCSS
  3. Gérer les dépendances entre fichiers
  4. Appliquer la méthode ITCSS

Contrôler les flux avec les directives

  1. Maîtriser @if, @else, @for, @each
  2. Manipuler des listes et des maps
  3. Créer des styles dynamiques
  4. Éviter les pièges des boucles

Optimiser et maintenir son code

  1. Identifier les redondances
  2. Centraliser les variables globales
  3. Réduire la taille des feuilles CSS
  4. Préparer le code pour la production

Intégrer SASS dans une stack front-end

  1. Coupler SASS avec un framework CSS
  2. Utiliser SASS avec Bootstrap ou Tailwind
  3. Intégrer SASS dans Webpack ou Vite
  4. Utiliser un bundler ou un task runner

Travailler avec des frameworks CSS

  1. Adapter SASS à un Design System
  2. Créer des thèmes dynamiques
  3. Gérer des breakpoints et des grilles
  4. Maintenir une cohérence visuelle

Réaliser un projet complet avec SASS

  1. Développer un mini-site structuré
  2. Mettre en œuvre toutes les fonctionnalités
  3. Déboguer efficacement son SCSS
  4. Respecter les conventions de nommage

La formation SASS est dispensée sur 35 heures

Proche de chez vous

Déroulé pédagogique

Règlement intérieur
Engagements PSH
Conditions Générales de Vente
Cette offre de formation est d'actualité au 19/08/2025

Durée et montant de la formation

Intitulé Durée Montant HT
Formation SASS - 35 heures 2490.00 €
Obtenir un devis

Demander une convention de formation

Inscription newsletter

Recevez la newsletter ONLYWEB Formation pour vous tenir informé des formations à venir et maintenir vos compétences.

ONLYWEB Formation, s'appuie sur le réseau d'experts EVA - Solutions

coordonnées

© ONLYWEB Formation
6 pl. Dumas de Loire
69009 Lyon
TÉL 09 72 13 00 73
EVA Solutions: La force du réseau

ONLYWEB Formation

ACCUEIL - RESSOURCES - PLANNING - MENTIONS LÉGALES - PARTENAIRES - CONTACT