Formation Sass : Construire dynamiquement vos styles CSS

icon public

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

icon horloge

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 stage mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT101082-F

Taux de satisfaction : 5,00 / 5

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

875,00 € HT / jour

900,00 €HT

1 250,00 € HT

Pour 10 heures utilisables pendant 12 mois

1 125,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance
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

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Nos formations sont accessibles aux personnes en situation de handicap :
    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.

Suite de parcours et formations associées

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

Lieu Date Remisé Actions
Bruxelles Du 18/04/2024 au 19/04/2024 S'inscrire
Bruxelles Du 01/07/2024 au 02/07/2024 S'inscrire
Bruxelles Du 26/08/2024 au 27/08/2024 S'inscrire
Bruxelles Du 14/10/2024 au 15/10/2024 S'inscrire
Bruxelles Du 09/12/2024 au 10/12/2024 S'inscrire
Distance Du 29/04/2024 au 30/04/2024 S'inscrire
Distance Du 01/07/2024 au 02/07/2024 S'inscrire
Distance Du 26/08/2024 au 27/08/2024 S'inscrire
Distance Du 21/10/2024 au 22/10/2024 S'inscrire
Distance Du 09/12/2024 au 10/12/2024 S'inscrire
Luxembourg Du 18/04/2024 au 19/04/2024 S'inscrire
Luxembourg Du 01/07/2024 au 02/07/2024 S'inscrire
Luxembourg Du 26/08/2024 au 27/08/2024 S'inscrire
Luxembourg Du 14/10/2024 au 15/10/2024 S'inscrire
Luxembourg Du 09/12/2024 au 10/12/2024 S'inscrire

Nos centres de formation

  • Bruxelles

    Rue de la Loi, 23

    1040 Bruxelles

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Luxembourg

    5 Rue Goethe

    L-1637 Luxembourg