Nous utilisons des cookies pour vous fournir l'ensemble de nos services, notamment la recherche et les alertes. En acceptant, vous consentez à notre utilisation de ces cookies.
Choisir mes préférences
- Less et Sass - Rentabiliser vos développements CSS
Less et Sass - Rentabiliser vos développements CSS
Objectifs
Programme
A l'issue de cette formation, vous serez capable de :
- Utiliser les préprocesseurs Less et Sass dans le cadre d'applications graphiques
- Combler les lacunes de CSS (exemple : absence de variables ou de fonctions) avec Less et Sass
- Rendre le résultat des développements réutilisable.
Jour 1
Les préprocesseurs de CSS pour faciliter la vie
- Présentation de Syntactically Awesome StyleSheets (Sass)
- Présentation de Leaner CSS (Less)
- Rentabiliser sa production avec les préprocesseurs
- Mieux organiser son code
- Comprendre la logique du préprocesseur
- Les similitudes entre les produits (assignations, etc.)
- Les raisons pour lesquelles il faut choisir
- Sass
- Less
Exemples de travaux pratiques (à titre indicatif)
- Réalisation des différentes étapes, depuis la conception jusque l'utilisation des deux langages Less et Sass
Présentation de Sass
- Introduction à Sass
- Installation de Sass
- Migrer en douceur vers Sass
- Le langage de Sass
- Les bases de Sass
- Variables, fonctions
- Structures de contrôle
- Les opérations
- Les mixins
- Composition et factorisation de styles
- Eclater vos fichiers
- Compression
- Les fonctions plus avancées de Sass
Exemples de travaux pratiques (à titre indicatif)
- Utiliser des variables pour fixer les couleurs d'un thème
- Mettre en forme des éléments visuels
- Utiliser les mixins pour créer une page responsive
- Répartir un code dans plusieurs fichiers
- Paramétrer un module
Jour 2
Présentation de Compass
- Un framework pour Sass
- Développer cross-browsers avec Compass
Exemples de travaux pratiques (à titre indicatif)
- Installation de Compass et réalisation de pages cross-browser avec Compass
Présentation de Less
- Le langage Less
- Les variables
- Les opérations
- Règles imbriquées
- Pseudo-classes
- Les mixins
- Intégration de JavaScript
Exemples de travaux pratiques (à titre indicatif)
- Utilisation de variables
- Création de mixins, définition de règles imbriquées
- Création de fonctions, altération des couleurs
- Création de plusieurs pages utilisant les possibilités de Less
Public visé
Développeurs de sites Web connaissant le HTML, le CSS ainsi que la représentation DOM.
Prérequis
Avoir une bonne connaissance de CSS.
Autres formation Less et Sass - Rentabiliser vos développements CSS
Formation Programmation à distanceFormation Programmation à BordeauxFormation Programmation à ArcachonFormation Programmation en Île-de-FranceFormation Programmation à ParisFormation Programmation à NantesFormation Programmation à LyonFormation Programmation à ToulouseFormation Programmation à LabègeFormation Programmation à Mérignac
Sessions à la demande
Voir les formations de la même catégorieAutres formations disponibles :