Formation Sass : Construire dynamiquement vos styles CSS

Public : Développeurs web, intégrateur, développeur Front-End

Durée : 2 jour(s)

Syllabus de la formation Sass : Construire dynamiquement vos styles CSS

Pré-requis : Maitriser le HTML/CSS

Objectifs : Créer des feuilles de style à l'aide de Sass

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Référence : SIT101082-F

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

Télécharger le programme

INTER INTRA DISTANCE TUTORAT

1 125,00 € HT

Tarif plein :

Paiement à 60 jours
Report possible à J-3
3 tickets d'assistance

900,00 € HT

Tarif remisé :

Voir les dates
Paiement à 30 jours
Report sans frais à J-21

Contacter Dawan

Programme de Formation Sass : Construire dynamiquement vos styles CSS

Installer l'environnement

Présentation de Sass
Différence entre Less et Sass
Dart Sass vs LibSass vs RubSass
Différence entre Sass et scss

Atelier : Installer Sass et compiler un premier fichier

Utiliser les syntaxes de base

Déclaration de variables
Les types de valeurs
Les opérateurs
Définir des valeurs par défaut
Les expressions SassScript
Comprendre le scope des variables
Les conditions @if et @else
Les boucles @for, @while

Atelier : Utiliser les variables pour définir les couleurs d'un thème

Ecrire des règles de style

Présentation de l'acronyme DRY
Les règles d'imbrications
Le sélecteur parent "&"
Les combinateurs
Utiliser les interpolations de chaine
Imbrication de propriété

Atelier : Mettre en forme une barre de navigation

Utiliser les mixins

Déclarer une mixin (@mixin)
Inclure une mixin dans une classe (@include)
Définir des arguments (optionel, obligatoire, nommé)
Transmettre une liste de valeur
Utiliser le bloc de contenu (@content)

Atelier : Utiliser les mixins pour créer une grille responsive

Exploiter des collections

Présentation
Différence entre list et map
Parcourirs les valeurs à l'aide de @each
Manipuler les valeurs avec les modules sass:map et sass:list

Atelier : Utiliser les maps pour décliner un composant css dans plusieurs couleurs ou en plusieurs tailles

Utiliser les fonctions

Déclarer et utiliser une fonction (@function)
Définir des arguments (optionels, obligatoires, nommés)
Transmettre une liste de valeur
Retourner des valeurs (@return)
Différence entre les fonctions et les mixins

Atelier : Recréer la fonction calc() de css

Factoriser le code

Découper son code dans plusieurs fichiers: les _partials
Importer des partials avec @import
Utiliser @import pour importer des fichiers css
Les placeholder
Etendre les selecteurs @extend
Différence entre @extend et @mixin

Atelier : Répartir notre code dans plusieurs fichiers dédiés

Créer des modules

Les modules Sass : color, list, map, etc
Présentation de la règle @use
Charger un module
Les règles de nommage
Rendre des propriétés privées
Configurer les variables à l'import

Atelier : Importer et paramètrer un module

Délai d'accès :

Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Dans le cas d’un financement via votre CPF, la validation de votre dossier devra être réalisée 11 jours ouvrés avant le début de formation. Hors certification CPF, délais d'accès de une à trois semaines en fonction des sessions ouvertes.

Méthodes mobilisées :

Un formateur expert ayant suivi une formation à la pédagogie et ayant au minimum 3 année d'expériences dans le domaine visé
Matériel pour les formations présentielles informatiques : un PC par participant
Un support et les exercices du cours pour chaque stagiaire
Synchrone en présentiel ou distanciel. Plateforme utilisée : Microsoft Teams. Pour le distanciel : diagnostic technique avec les stagiaires pour tester la connexion et les modalités pratiques.
Méthodologie basée sur l'Active Learning (75% de pratique minimum) et un programme pédagogique riche et interactif :
Expositive : Apport de contenu théorique structuré pour consolider vos connaissances.
Interrogative : Moments de réflexion pour questionner et approfondir vos pratiques.
Démonstrative : Exercices pratiques pour illustrer les concepts clés.
Active : Ateliers d'entraînement pour une mise en application immédiate.
Expérimentale : Études de cas concrets pour ancrer les apprentissages dans la réalité.
Collaborative : Espaces de partage et d'échange d'expériences pour enrichir la formation.
Un format conçu pour favoriser l'engagement, la pratique et l'impact durable dans vos activités professionnelles.

Un espace apprenant dédié moncompte.dawan.fr pour :

Informations relatives à la ou aux futures formations (plan, syllabus et éventuellement informations relatives à la certification)
Positionnement à l'entrée et à la sortie de la formation
Définition des besoins et attentes par l'apprenant en amont de la formation
Émargement en ligne
Évaluation à chaud
Évaluation à froid
Attestation de formation
Boissons offertes pendant les pauses en inter-entreprises
Salles lumineuses et locaux facilement accessibles
Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu	Date	Remisé	Actions
Distance	Du 26/01/2026 au 27/01/2026	Oui	S'inscrire
Distance	Du 13/04/2026 au 14/04/2026	Oui	S'inscrire
Distance	Du 10/08/2026 au 11/08/2026	Oui	S'inscrire
Distance	Du 26/10/2026 au 27/10/2026	Oui	S'inscrire