Informatique

SASS - SCSS - Initiation - Génération des feuilles de styles CSS

SASS - SCSS - Initiation - Génération des feuilles de styles CSS

Réf 2-H5-CSS
Durée 1 jour

Objectifs

Savoir utiliser SASS, un préprocesseur CSS (langage de description compilé en CSS)

Programme

Introduction SASS-SCSS

  • Généralités
  • Logiciels et outils de compilation
  • Création et architecture d'un projet Web

Utilisation des variables

  • Déclaration d'une variable
  • Utilisation d'une variable dans le code
  • Utilisation d'une variable dans un calcul CSS

Organisation des fichiers en partiels

  • Utilisation de la commande @import
  • Utlisation des @include
  • Utilisation des @mixin
  • Utilisation du & dans un @mixin

Les media queries

  • Définition et utilisation des media queries
  • Inclusion des media queries dans SASS

Les structures de contrôle

  • Utilisation du @if - @else if - @else
  • Utilisation du @for
  • Utilisation du @each
  • Utilisation du @while

Mise en pratique – Création de fichiers SCSS prêts à compiler

En savoir +

Prérequis

Connaissances de base d'HTML et de CSS

Moyens pédagogiques

Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
Remise d'un support de cours.

Possibilité de certification

Nous consulter.