Public : Développeurs web, intégrateur, développeur Front-End
Durée : 2 jour(s)
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
1 125,00 € HT
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
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
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
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
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
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
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
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
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Bordeaux | Du 10/06/2024 au 11/06/2024 | Oui | S'inscrire |
| Bordeaux | Du 29/07/2024 au 30/07/2024 | Oui | S'inscrire |
| Bordeaux | Du 23/09/2024 au 24/09/2024 | Oui | S'inscrire |
| Bordeaux | Du 12/11/2024 au 13/11/2024 | Oui | 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 | Oui | S'inscrire |
| Distance | Du 01/07/2024 au 02/07/2024 | Oui | S'inscrire |
| Distance | Du 26/08/2024 au 27/08/2024 | Oui | S'inscrire |
| Distance | Du 21/10/2024 au 22/10/2024 | Oui | S'inscrire |
| Distance | Du 09/12/2024 au 10/12/2024 | Oui | S'inscrire |
| Genève | Du 29/04/2024 au 30/04/2024 | S'inscrire | |
| Genève | Du 01/07/2024 au 02/07/2024 | S'inscrire | |
| Genève | Du 26/08/2024 au 27/08/2024 | S'inscrire | |
| Genève | Du 21/10/2024 au 22/10/2024 | S'inscrire | |
| Genève | Du 09/12/2024 au 10/12/2024 | S'inscrire | |
| Lille | Du 03/06/2024 au 04/06/2024 | Oui | S'inscrire |
| Lille | Du 22/07/2024 au 23/07/2024 | Oui | S'inscrire |
| Lille | Du 16/09/2024 au 17/09/2024 | Oui | S'inscrire |
| Lille | Du 12/11/2024 au 13/11/2024 | Oui | 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 | |
| Lyon | Du 17/06/2024 au 18/06/2024 | Oui | S'inscrire |
| Lyon | Du 05/08/2024 au 06/08/2024 | Oui | S'inscrire |
| Lyon | Du 30/09/2024 au 01/10/2024 | Oui | S'inscrire |
| Lyon | Du 02/12/2024 au 03/12/2024 | Oui | S'inscrire |
| Marseille | Du 17/06/2024 au 18/06/2024 | Oui | S'inscrire |
| Marseille | Du 05/08/2024 au 06/08/2024 | Oui | S'inscrire |
| Marseille | Du 30/09/2024 au 01/10/2024 | Oui | S'inscrire |
| Marseille | Du 02/12/2024 au 03/12/2024 | Oui | S'inscrire |
| Montpellier | Du 10/06/2024 au 11/06/2024 | Oui | S'inscrire |
| Montpellier | Du 29/07/2024 au 30/07/2024 | Oui | S'inscrire |
| Montpellier | Du 23/09/2024 au 24/09/2024 | Oui | S'inscrire |
| Montpellier | Du 12/11/2024 au 13/11/2024 | Oui | S'inscrire |
| Nantes | Du 17/06/2024 au 18/06/2024 | Oui | S'inscrire |
| Nantes | Du 05/08/2024 au 06/08/2024 | Oui | S'inscrire |
| Nantes | Du 30/09/2024 au 01/10/2024 | Oui | S'inscrire |
| Nantes | Du 02/12/2024 au 03/12/2024 | Oui | S'inscrire |
| Nice | Du 17/06/2024 au 18/06/2024 | Oui | S'inscrire |
| Nice | Du 05/08/2024 au 06/08/2024 | Oui | S'inscrire |
| Nice | Du 30/09/2024 au 01/10/2024 | Oui | S'inscrire |
| Nice | Du 02/12/2024 au 03/12/2024 | Oui | S'inscrire |
| Paris | Du 03/06/2024 au 04/06/2024 | Oui | S'inscrire |
| Paris | Du 22/07/2024 au 23/07/2024 | Oui | S'inscrire |
| Paris | Du 16/09/2024 au 17/09/2024 | Oui | S'inscrire |
| Paris | Du 12/11/2024 au 13/11/2024 | Oui | S'inscrire |
| Rennes | Du 17/06/2024 au 18/06/2024 | Oui | S'inscrire |
| Rennes | Du 05/08/2024 au 06/08/2024 | Oui | S'inscrire |
| Rennes | Du 30/09/2024 au 01/10/2024 | Oui | S'inscrire |
| Rennes | Du 02/12/2024 au 03/12/2024 | Oui | S'inscrire |
| Strasbourg | Du 17/06/2024 au 18/06/2024 | Oui | S'inscrire |
| Strasbourg | Du 05/08/2024 au 06/08/2024 | Oui | S'inscrire |
| Strasbourg | Du 30/09/2024 au 01/10/2024 | Oui | S'inscrire |
| Strasbourg | Du 02/12/2024 au 03/12/2024 | Oui | S'inscrire |
| Toulouse | Du 10/06/2024 au 11/06/2024 | Oui | S'inscrire |
| Toulouse | Du 29/07/2024 au 30/07/2024 | Oui | S'inscrire |
| Toulouse | Du 23/09/2024 au 24/09/2024 | Oui | S'inscrire |
| Toulouse | Du 12/11/2024 au 13/11/2024 | Oui | S'inscrire |
Bât Ravezies - 2e étage 250 avenue Emile Counord
33300 Bordeaux
Liaison directe de la gare Bordeaux Saint-Jean via le tram C
Rue de la Loi, 23
1040 Bruxelles
32 Boulevard Vincent Gâche
44000 Nantes
c/o CCI France Suisse Route de Jussy 35 Case postale 6298
CH-1211 Thônex - Genève
46 rue des Canonniers - 2è étage
59800 Lille
Proche des deux gares
5 Rue Goethe
L-1637 Luxembourg
62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée
69003 Lyon
38/40 rue de la République Escalier A, 1er étage
13001 Marseille
A proximité du vieux port
26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage
34000 Montpellier
Quartier Antigone
32 Boulevard Vincent Gâche
44200 Nantes
455 promenade des Anglais Bât Arenice, 7è étage
06200 Nice
11 rue Antoine Bourdelle
75015 Paris
dans le 15e arrondissement
3 place du Général Giraud
35000 Rennes
4 rue de Sarrelouis - 4è étage
67000 Strasbourg
1 place Occitane Bât. Le Sully - 4è étage
31000 Toulouse
Proche de Jean-Jaurès et du Capitole