ALLER AU CONTENU
Le portail de la formation tout au long de la vie
LU
DE
EN
FR
PT
Vous êtes ici: Accueil > Formations > DAWAN

Sass: Construire dynamiquement vos styles CSS

2 jour(s)

Objectifs

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

Contenu

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

Méthodes pédagogiques

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Public cible

A qui s'adresse la formation?

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

 
Prérequis

Maitriser le HTML/CSS

Evaluation

Méthodes d'évaluation

Contrôle continu

 
Certificat, diplôme

Attestation de fin de stage mentionnant le résultat des acquis

Voir les coordonnées de l'organisme
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Partager sur

 



Le contenu de ce descriptif de formation est de la seule responsabilité de son auteur, l'organisme de formation DAWAN.

Imprimer Tout voir/cacher Envoyer à un ami
Voir les coordonnées de l'organisme
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Caractéristiques
Organisation Formation inter-entreprise
Langues de prestation
Prochaines sessions
Du/Au Lieu Prix
08 - 09/08/22
  Bruxelles   1125.00 €
Voir détails
08 - 09/08/22
  Lille   1125.00 €
Voir détails
16 - 17/08/22
  Distance   1125.00 €
Voir détails
16 - 17/08/22
  Luxembourg   1125.00 €
Voir détails
16 - 17/08/22
  Paris   1125.00 €
Voir détails
29 - 30/08/22
  Strasbourg   1125.00 €
Voir détails
10 - 11/10/22
  Bruxelles   1125.00 €
Voir détails
10 - 11/10/22
  Lille   1125.00 €
Voir détails
17 - 18/10/22
  Distance   1125.00 €
Voir détails
17 - 18/10/22
  Luxembourg   1125.00 €
Voir détails
17 - 18/10/22
  Paris   1125.00 €
Voir détails
24 - 25/10/22
  Strasbourg   1125.00 €
Voir détails
19 - 20/12/22
  Bruxelles   1125.00 €
Voir détails
19 - 20/12/22
  Lille   1125.00 €
Voir détails
26 - 27/12/22
  Distance   1125.00 €
Voir détails
26 - 27/12/22
  Luxembourg   1125.00 €
Voir détails
26 - 27/12/22
  Paris   1125.00 €
Voir détails
27 - 28/12/22
  Strasbourg   1125.00 €
Voir détails
Utilisation des cookies

lifelong-learning.lu utilise des cookies pour vous offrir une expérience utilisateur de qualité, mesurer l’audience, optimiser les fonctionnalités des réseaux sociaux et vous proposer du contenu personnalisé.

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies dans les conditions prévues par notre politique en la matière. En savoir plus.

Cookies nécessaires
Ces cookies permettent d'utiliser les principales fonctionnalités de notre site (par exemple l'accès à votre espace réservé). Sans ces cookies, vous ne pourrez pas utiliser notre site normalement.
Statistiques
Ces cookies permettent d'établir des statistiques de fréquentation de notre site. Les désactiver nous empêche de suivre et d'améliorer la qualité de nos services.
Publicité ciblée
Ces cookies permettent de vous proposer sur internet et les réseaux sociaux des informations et des offres de formation qui répondent mieux à vos besoins.

Consulter notre politique d’utilisation des cookies

Accepter tout Paramétrer les cookies
Veuillez patienter...