Imprimer le programme 
Télécharger le programme en PDF -
Référence
LWCL
-
Durée
2 jours (14h)
-
Prix unitaire HT
1390 €
Prochaines sessions
Description
Apprenez à utiliser la bibliothèque Lit et créez vos propres éléments HTML customisés.
Objectifs pédagogiques
- Comprendre le fonctionnement de Lit et des WebComponents
- Apprendre à créer ses propres WebComponents
- Apprendre à intégrer Lit au sein d’un projet web
Public cible
Développeur front-end avec un minimum d’expérience en Javascript, HTML5 et CSS3
Pré-requis
Prérequis pédagogiques
Avoir déjà utilisé du Javascript dans un projet weB, être à l’aise avec les concepts orientéS objet comme les classes, les méthodes, les propriétés, etc
Prérequis techniques
- Avoir node.js et npm installés sur la machine
- Avoir un éditeur de code type VS Code
Modalités d’évaluation
L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.
Méthodes pédagogiques
60 % théorie / 40 % pratique
Dernière mise à jour : mai 2021
Programme de la formation
Composants
- Définir un composant
- Rendre un composant
- Les « Reactive properties »
- Styliser ses composants
- Le cycle de vie des composants
Le Shadow DOM
- Qu’est-ce que le shadow DOM ?
- Travailler avec le shadow DOM
Programmation évènementielle avec Lit
- Ecouter des évènements
- Diffuser des évènements
- Travailler avec les évènements et le shadow DOM
Les décorateurs
- Qu’est-ce que les décorateurs ?
- Les décorateurs natifs
- Importer des décorateurs
- Activer les décorateurs
Templates
- C’est quoi les expressions
- Utiliser vos premières expressions
- Les différents types d’expressions
- Rendu conditionnel
- Lister des valeurs dans un template
- Les directives
- Mise en place du cache de rendu
Composition
- Utilisation des Mixins
- Utilisation des Controllers