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

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

Qualité

Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.

Programme mis à jour le 26 février 2024