Réaliser des feuilles de style CSS maintenables avec LESS et Javascript

Objectifs

Cette formation vous permet d'identifier les fonctionnalités du langage LESS avec JavaScript afin de créer des feuilles de style CSS dynamiques et facilement réutilisables.

Public

Architectes, Developpeurs, Web Designers, Webmasters

Durée

14 heures en présentiel sur 2 jours

Pré-requis

Il est nécessaire de connaître le langage CSS et Javascript.

Formateur

Formateur expérimenté, développeur de site Web, et spécialiste du Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Introduction

  • Présentation de la technologie LESS
  • Côté Serveur
  • Côté Client
  • Présentation des technologies concurrentes

Préparation de l'environnement de travail

  • Installation de la bibliothèque
  • Editeurs de code prenant en compte le langage LESS

Introduction au langage

  • Les options pour le navigateur
  • Déclaration des variables
  • Faire des calculs grâce aux opérateurs
  • Les règles imbriquées et pseudoclasses

Fonctions natives

  • Les fonctions génériques
  • Les fonctions sur les chaines de caractères
  • Les fonctions mathématiques
  • Les focntions de Liste
  • Les fonctions de test

Les mixins

  • Travailler avec des mixins paramètrés
  • Travailler avec les mixins et patterns matching