U wie riicht sech d'Formatioun?

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

Dauer

2,00 Dag(Deeg)

Sprooch(e) vun der Déngschtleeschtung

EN FR

Nächst Sessioun

13.04.2026

Detailer gesinn

Plaz

A distance

Präis

1125,00€

Den Inhalt vun dëser Säit ass net op Lëtzebuergesch verfügbar

Virkenntnisser

Maitriser le HTML/CSS

Ziler

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

Inhalt

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

Pedagogesch Methoden

Active Learning

Evaluatioun

contrôle continu ou certification si prévue dans le financement

Nächst Sessioun

Datum

Stad

Sprooch & Präis

13.04.2026

14.04.2026

A distance

FR 1125,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Distance

A distance

Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le(s) logiciel(s) installé(s) sur le poste du participant,
Une connexion internet stable,
Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur),
Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Auerzäiten

Leschten Delai fir d'Umeldung

13.04.2026

Zousätzlech Informatiounen

Sech umellen

10.08.2026

11.08.2026

A distance

FR 1125,00€

Detailer gesinn