Vous êtes ici : Accueil > Formations > Simplifier l’usage du CSS avec Less

Formation Simplifier l’usage du CSS avec Less

Optimisez et simplifiez votre CSS grâce au préprocesseur LESS
Présentation
Plan détaillé
Ressources
Discussion
Avis (0)

Description de la formation

La formation Simplifier l’usage du CSS avec Less vous permet de maîtriser les fondamentaux et les techniques avancées du langage de programmation LESS pour acquérir la capacité de coder des pages web en toute autonomie avec ce préprocesseur CSS.

# À quoi servent les préprocesseurs ?

Les préprocesseurs CSS comme LESS permettent d’optimiser le code et de repousser les limites du CSS, à l’aide de variables, de fonctions et de nouvelles fonctionnalités, afin de créer des feuilles de style plus maintenables, versionnables et extensibles.

+ Les avantages des langages préprocesseurs sont nombreux, on cite notamment :

  • La réutilisation des règles de style sans faire de répétition ;
  • La séparation des feuilles de style en modules pour améliorer la lisibilité et maintenabilité de la base de code ;
  • L’accélération de la productivité en écrivant du CSS plus riche et plus flexible ;
  • Le débogage des feuilles de style avec des directives universelles.

# Au programme de la formation Simplifier l’usage du CSS avec Less

+  Less : les bases du langage

On découvre la syntaxe des langages préprocesseurs, les fonctionnalités et les avantages d’écrire du CSS maintenable et réutilisable comme avec un langage de programmation.

+ Installation, usage & outils de compilation

On découvre les différentes options d’installation et les outils pour compiler duLess en CSS. On complète avec un premier exemple d’usage et de compilation.

Nous utiliserons le terminal, le paquet npm less et une application multiplateforme avec une interface graphique riche : Application Koala.

+ Les multiples usages des mixins pour créer des combinaisons

  • Les mixins avec les parenthèses
  • Les mixins avec les paramètres
  • Les mixins avec les namespace
  • Les guarded mixins

+ Travailler avec les fonctions et les modules intégrés de Less

Pour aller plus loin, LESS propose une dizaine de fonctions réutilisables pour changer les nuances, tons et luminosité de couleurs, qui nous serviront pour le projet de création de librairie CSS.

# Projets et travaux pratiques

Ils’agit d’une formation au format didacticiel avec plusieurs projets et travaux pratiques. Un projet plus complet sera l’occasion d’appliquer toutes les notions et de consolider vos connaissances.

À l'issue de cette formation, vous saurez parfaitement gérer et maintenir votre base de code, ce qui est un gage de réussite pour vos projets futurs.

+Projet complet : Créer une librairie CSS

Un projet complet, développé en ReactJS, avec une architecture des feuilles de style en plusieurs modules CSS. Le tout est organisé en plusieurs répertoires et fichiers, lesquels sont compilés en un seul fichier.

Pour ce projet, nous utiliserons les ressources de la librairie Bootstrap 5,qui fournit une large collection de composants HTML et CSS réutilisables avec des classes prédéfinies et des

utilitaires.

# La formatrice experte Sandy LUDOSKY

Durant la formation Simplifier l’usage du CSS avec Less, la formatrice experte, développeur et spécialiste Front-end, Sandy Ludosky, vous accompagnera et vous aidera à dépasser les limites du CSS et à créer des feuilles de style avec style.

Elle partagera avec vous des astuces et de bonnes pratiques à adopter dans vos projets professionnels de développement web.

Objectifs

•Grâce à cette formation, vous serez en mesure de maîtriser :

• Les bases du langage avec les variables ;

• La syntaxe imbriquée ;

• Les outils graphiques basiques ;

•Les inclusions ;

•Les mixins pour réutiliser un ensemble de règles CSS ;

•La configuration de l’environnement de travail avec Less ;

•L’installation de Less avec Node.js ;

•Les techniques avancées du langage Less comme les ruleset, les Guards Mixin, les itérations et avec les boucles ;

• La création de l’architecture CSS d’un projet à grande échelle ;

•Le codage des pages web en toute autonomie avec ce préprocesseur CSS.

Prérequis

Pour une expérience d’apprentissage optimale, il est recommandé de :

•Connaître les bases de développement et des langages HTML et CSS ;

•Avoir une première expérience avec les librairies Bootstrap 5 et ReactJS est un plus.

Public concerné

La formation est du niveau intermédiaire à avancé pour les développeurs et intégrateurs web souhaitant développer et booster leurs compétences en CSS avec une parfaite maîtrise des fonctionnalités de Less.
Formateur : Sandy Ludosky
Date de mise en ligne : 12-05-2022

Evaluations


5
(10 votes)
5
10
4
0
3
0
2
0
1
0
Ceci peut aussi vous intéresser