01 40 26 00 99 15 rue de turbigo - 75002 Paris Nous contacter

Développement LESS

Gagner en productivité en générant dynamiquement des CSS

Icon2018 module presentiel
ObjectifsComprendre le fonctionnement et les avantages d’un préprocesseur CSSInstaller et configurer le workflow LESSMaîtriser les fonctions de base de LESSAller plus loin avec la boite à outils LESSOrganiser une architecture LESS
Public concernéIntégrateurs, développeurs et Webdesigners.
Pré-requisIl est nécessaire de maîtriser le HTML et les CSS pour accéder à cette formation.
Programme

Comprendre le fonctionnement et les avantages d’un préprocesseur CSS

Définir l’intérêt et le fonctionnement d’un préprocesseur CSS

Différencier les préprocesseurs du marché : LESS, SASS, SCSS, STYLUS…

S’affranchir des limitations de CSS et gagner du temps avec un préprocesseur

Identifier les avantages de LESS

Étude de cas : gestion globale des couleurs en CSS, génération de préfixes CSS à la volée…

Installer et configurer le workflow LESS

Comprendre le rôle et le fonctionnement de base de Node.js et npm

Installer le compilateur LESS CSS avec npm

Intégrer LESS à son éditeur de code ou son IDE (Sublime Text, WebStorm…)

Compiler du LESS vers CSS en ligne de commande

Automatiser la compilation avec un watcher

Utiliser un fichier sourcemap pour déboguer facilement dans son navigateur

Maîtriser les fonctions de base de LESS

Créer des variables pour les couleurs, les typographies, les Media Queries…

Utiliser l’imbrication pour des sélecteurs synthétiques et efficaces

Gérer facilement les pseudos-classes et les pseudos-éléments

Utiliser la fonction Extend pour éviter la duplication de code

Utiliser les fonctions de calcul pour manipuler les tailles ou les couleurs dynamiquement

Exercice : passer progressivement de CSS à LESS dans une page HTML simple

Aller plus loin avec la boîte à outils LESS

Gérer les couleurs efficacement avec les fonctions intégrées de LESS : lighten, darken, fade…

Comprendre la notion de mixins et leur intérêt

Créer des mixins simples ou paramétrables

Créer des conditions et des boucles pour automatiser la génération de styles

Exercice : créer des styles avancés (Media Queries, gestion globale des couleurs, utilisation de mixins…)

Organiser une architecture LESS

Organiser son projet avec des modules et la fonction Import

Réutiliser ses modules de projet en projet

Utiliser et intégrer des bibliothèques de mixins existantes (LESS Hat)

Intégrer LESS partout, tout le temps : dans un CMS, un projet simple ou complexe

Étude de cas : organisation de LESS dans un projet professionnel

Moyens techniquesMoyens spécifiques à cette formation :Alternance de théorie, de démonstration et de mise en pratique grâce à de nombreux exercices concrets.

Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Développeur Web ayant plus de 10 ans d’expérience en enseignement.

Marketing Digital
Web
Médias sociaux
Voir toutes les formations

LESS

1 jour 7 heures 750 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

LESS

1 jour 7 heures 1 390 €HT*


* Prix par jour (à partir de)

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis