Apprendre à utiliser SASS et SCSS
4.7 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
29 students enrolled

Apprendre à utiliser SASS et SCSS

Maîtrisez le préprocesseur SASS
4.7 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
29 students enrolled
Created by Enzo Ustariz
Last updated 3/2020
French
Current price: $93.99 Original price: $134.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 4 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Utiliser le Préprocesseur SASS
  • Apprendre la syntaxe SCSS du préprocesseur SASS
  • Savoir utiliser toutes les fonctionnalités de SASS et ainsi gagner beaucoup de temps
Course content
Expand all 21 lectures 01:18:41
+ Les Fonctionnalités de SASS
7 lectures 26:34
Les Mixins
05:33
Les fonctions avec SASS
01:45
Étendre des propriétés avec Extends
04:06
Mixins vs Extends quand ils sont compilés
00:23
+ Le Projet
11 lectures 47:43
Des Raccourcis à Connaître (VS CODE)
00:05
Partie HTML du Header
05:59
Palette de couleurs et début de fichier
04:32
Créer la première Box
08:06
Rectification
00:10
Créer la seconde Box
05:31
Section Contenu, HTML
02:48
Section Contenu, SASS
04:58
Footer et Media Queries
04:31
Requirements
  • Un ordinateur
Description

Dans cette formation, tu vas apprendre à utiliser le préprocesseur SASS avec la syntaxe SCSS.

Les préprocesseurs CSS permettent principalement de gagner du temps sur ses fichiers CSS, des tas de fonctionnalités ont été créées dans le but d'augmenter le rendement de notre travail, sa logique, et d'optimiser le nombres de lignes de code.

Ces fonctionnalités, nous allons les apprendre une par une :

  1. Les opérateurs, (pour faire des calculs en CSS).

  2. Les Variables, pour pouvoir entreposer des couleurs et des valeurs dans des variables réutilisables.

  3. Le nesting, une façon plus intuitive décrire du CSS.

  4. Les Extends, pour étendre les propriétés CSS d'un sélecteur.

  5. Les Partials et Imports, pour écrire du CSS dans un fichier séparé puis l'importer.

  6. Les Mixins, Pour écrire du CSS réutilisable.

  7. Les fonctions, pour utiliser un système de fonction comme dans un langage classique.

Tu te demandes peut-être : Qu'elle est la différence entre SASS et SCSS ?
C'est très simple, SASS est le nom de ce  préprocesseur, et à la base sa syntaxe était unique, c'était la syntaxe de SASS.
Mais cette syntaxe s'est vite révélée assez contraignante due à sa lisibilité qui était, disons le, mauvaise.

C'est là que vient la syntaxe SCSS, beaucoup plus logique et intuitive, et c'est cette syntaxe que la majorité des développeurs utilise aujourd'hui.
Donc on va apprendre à utiliser le préprocesseur SASS avec sa syntaxe : SCSS. !


Qui suis-je ?

Je suis Enzo Ustariz, le fondateur de l'École du Web, une école qui diffuse des formations sur les différents langages du Web.
Je suis également présent sur les réseaux, YouTube et Twitter, sous le pseudo "Le Designer du Web".
Je travaille en tant que Freelance depuis de nombreuses années et c'est pour palier au manque de contenu liés au développement web et à la difficulté croissante de rester à jour dans ce domaine que je te propose mes cours.

Who this course is for:
  • Tous les niveaux
  • Personnes en Reconversion
  • Étudiants
  • Développeurs Web
  • Développeur Front-End
  • Développeurs Full-Stack
  • Amateur Curieux