Développeurs web, intégrateur, développeur Front-End
Maitriser le HTML/CSS
Créer des feuilles de style à l'aide de Sass.
Présentation de SassDifférence entre Less et SassDart Sass vs LibSass vs RubSassDifférence entre Sass et scss
Atelier: Installer Sass et compiler un premier fichier
Déclaration de variables Les types de valeurs Les opérateursDéfinir des valeurs par défautLes expressions SassScriptComprendre le scope des variablesLes conditions @if et @elseLes boucles @for, @while
Atelier: Utiliser les variables pour définir les couleurs d'un thème
Présentation de l'acronyme DRYLes règles d'imbricationsLe sélecteur parent "&"Les combinateursUtiliser les interpolations de chaineImbrication 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 valeurUtiliser le bloc de contenu (@content)
Atelier: Utiliser les mixins pour créer une grille responsive
PrésentationDifférence entre list et mapParcourirs les valeurs à l'aide de @eachManipuler 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 valeurRetourner 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 _partialsImporter des partials avec @importUtiliser @import pour importer des fichiers cssLes placeholderEtendre les selecteurs @extendDifférence entre @extend et @mixin
Atelier: Répartir notre code dans plusieurs fichiers dédiés
Les modules Sass : color, list, map, etcPrésentation de la règle @useCharger un moduleLes règles de nommageRendre des propriétés privéesConfigurer les variables à l'import
Atelier: Importer et paramètrer un module
Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.
Contrôle continu
Attestation de fin de stage mentionnant le résultat des acquis
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
Paris, rue Antoine Bourdelle:
Locaux accessibles PMR
Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m
Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)
Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou