Public

À qui s'adresse la formation SASS

Cette formation s'adresse aux développeurs web, intégrateurs et designers souhaitant optimiser leur processus de création en maîtrisant SASS. Idéale pour ceux ayant déjà des bases en CSS, elle offre une compréhension approfondie des préprocesseurs et de leur intégration dans des projets modernes. Parfaite pour les professionnels cherchant à améliorer la modularité, la maintenabilité et l'efficacité de leur code CSS au sein d'équipes ou de projets web.

Objectifs

Compétences visées pour la formation SASS

La formation "SASS" vise à maîtriser les préprocesseurs CSS pour optimiser votre développement front-end. Elle vous permettra de comprendre les atouts de SASS face aux limites du CSS traditionnel, d’installer et configurer l’outil, de structurer des projets avec des pratiques avancées, et d’intégrer SASS dans divers environnements. Vous apprendrez à créer des styles modulaires, dynamiques, et à maintenir un code efficace et prêt pour la production.

Programme

Comprendre le rôle de SASS

  1. Identifier les limites du CSS
  2. Découvrir le principe de préprocesseur
  3. Comparer SASS et autres outils
  4. Identifier les cas d’usage courants

Installer SASS dans son environnement

  1. Installer SASS avec Node ou Ruby
  2. Identifier les outils de compilation
  3. Configurer SASS selon l’OS
  4. Démarrer un premier projet

Structurer un projet avec SASS

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

Utiliser variables et fonctions SCSS

  1. Définir des variables SCSS
  2. Manipuler types et valeurs
  3. Effectuer des calculs SCSS
  4. Exploiter les fonctions natives

Imbriquer les sélecteurs efficacement

  1. Mettre en œuvre le nesting
  2. Limiter les imbrications excessives
  3. Comprendre la portée des règles
  4. Améliorer la lisibilité du code

Créer mixins et fonctions personnalisées

  1. Concevoir des mixins paramétrables
  2. Réutiliser le code avec @include
  3. Développer des fonctions personnalisées
  4. Appliquer des conditions SCSS

Gérer héritage et modularité SCSS

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

Contrôler les flux avec directives

  1. Maîtriser conditions et boucles SCSS
  2. Manipuler listes et maps
  3. Générer des styles dynamiques
  4. Éviter les erreurs de bouclage

Optimiser et maintenir le code SCSS

  1. Identifier les répétitions inutiles
  2. Centraliser les variables globales
  3. Optimiser le poids du CSS
  4. Préparer le code pour production

Intégrer SASS dans une stack front

  1. Associer SASS à un framework CSS
  2. Utiliser SASS avec Bootstrap
  3. Intégrer SASS à Webpack ou Vite
  4. Automatiser avec bundler ou runner

Travailler avec des frameworks CSS

  1. Adapter SASS à un design system
  2. Créer des thèmes dynamiques
  3. Gérer grilles et breakpoints
  4. Assurer la cohérence graphique

Réaliser un projet complet avec SASS

  1. Développer un site structuré
  2. Exploiter toutes les fonctionnalités
  3. Déboguer efficacement le SCSS
  4. Respecter les conventions de nommage

La formation SASS est dispensée sur 35 heures

Durée et montant de la formation

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

Demander une convention de formation

Inscription newsletter

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

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

coordonnées

© EVA FORMATIONS
58 av. de la Grande Armée
75017 PARIS
TÉL 01 83 64 41 43
EVA Solutions: La force du réseau