Formation Maîtrisez Less et Sass pour des développements CSS efficaces et rentables

Introduction aux préprocesseurs CSS

• —Comprendre les limites du CSS natif
• —Découvrir l'historique et les avantages des préprocesseurs (Less/Sass)
• —Préparer son environnement de développement (Node.js, éditeur de code)
• —Installer Less et Sass via npm/Yarn

Bases de Less: Variables, Mixins, Nesting

• —Utiliser les variables Less pour des valeurs réutilisables
• —Créer et appliquer des mixins simples (réutilisation de blocs CSS)
• —Structurer son CSS avec le nesting (imbrication de sélecteurs)
• —Compiler votre premier fichier .less en .css

Less Avancé: Fonctions, Opérations, Conditions

• —Appliquer des opérations mathématiques sur les valeurs
• —Utiliser les fonctions intégrées de Less (couleurs, maths, etc.)
• —Gérer les conditions et boucles avec des mixins paramétrés
• —Optimiser la compilation avec des sourcemaps

Architecture de projet Less: Organisation et Import

• —Structurer un projet Less multi-fichiers
• —Gérer les imports et l'ordre de chargement
• —Mettre en place un système de variables global
• —Bonnes pratiques de code Less et convention de nommage

Prise en main de Sass: Syntaxe SCSS vs SASS

• —Comprendre les différences syntaxiques entre SCSS et SASS
• —Installer et configurer Sass (Dart Sass)
• —Découvrir les variables, mixins et nesting en Sass
• —Compiler un premier fichier .scss en .css

Sass Avancé: Fonctions, Directives, Partials

• —Utiliser les fonctions Sass intégrées et personnalisées
• —Maîtriser les directives (if, else, for, each, while)
• —Gérer les partials pour une meilleure modularité (.scss)
• —Créer des placeholders avec `@extend`

Architecture de projet Sass: Partials et organisation

• —Structurer un projet Sass avec des partials intuitifs (7-1 pattern)
• —Optimiser les imports pour réduire la taille du CSS final
• —Mettre en place un système de grilles et de typographie via Sass
• —Intégration avec des frameworks CSS (ex: Bootstrap SCSS)

Intégration et Déploiement des préprocesseurs

• —Automatiser la compilation avec des outils de build (Gulp, Webpack)
• —Gérer le linting CSS avec Stylelint pour Less/Sass
• —Optimiser le CSS compilé (minification, autoprefixing)
• —Bonnes pratiques de maintenance et de migration entre préprocesseurs

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

- Un ordinateur (Mac/PC/Linux) avec un accès Internet stable. - Un éditeur de code (VS Code, Sublime Text, Atom, etc.). - Les logiciels Less et Sass installés (instructions fournies dans la formation). - Un navigateur web récent (Chrome, Firefox, Edge, Safari).

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

Less et Sass sont des préprocesseurs CSS qui permettent de simplifier et d'optimiser la gestion des feuilles de style CSS.

Les préprocesseurs CSS permettent d'améliorer les performances, la maintenabilité et la productivité dans le développement web.

Cette formation vous permettra de maîtriser les préprocesseurs CSS, d'optimiser l'architecture CSS et d'intégrer les préprocesseurs dans les workflows de build.

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.