Formation LitElement / Polymer

Une formation LitElement, le successeur de Polymer créé par Google, pour créer facilement des Web Components réutilisables dans n’importe quel type de projet !


Pourquoi une formation LitElement / Polymer ?

Les composants se sont imposés comme la structure centrale dans le développement JavaScript. Mais jusqu’à maintenant, il n’y avait aucune interopérabilité : un composant React ne fonctionne que dans des projets React, un composant Angular ne fonctionne que dans des projets Angular.

LitElement va vous aider à créer des Web Components natifs : c’est-à-dire que vous pourrez les réutiliser dans n’importe quel projet, qu’il s’agisse d’un site web ou d’une application créée avec un framework JavaScript (que ce soit Angular, React ou Vue).

LitElement est le remplaçant et l’aboutissement de Polymer, qui fut la première librairie à parier sur le standard des Web Components.


Une formation LitElement / Polymer : pour qui ?

Cette formation s’adresse à des développeurs web. Il s’agit d’une formation de spécialisation, c’est pourquoi nous la proposons seulement en intra-entreprise.

A noter : LitElement fonctionne avec des navigateurs modernes, à partir de IE11.

Pensez à lire les questions fréquentes pour bien choisir votre formation.


Objectifs de la formation LitElement / Polymer

  • Maîtriser LitElement et le standard des Web Components
  • Créer des composants web réutilisables dans n’importe quel type de projet

Programme de la formation LitElement / Polymer

Le standard Web Components

Nous commençons par explorer le standard des Web Components, avec ses limites, pour comprendre l’intérêt de LitElement.

Vous pouvez trouver le détail de ce chapitre dans la formation Web Components.

TypeScript

TypeScript s’est imposé comme un outil incontournable pour coder en JavaScript. LitElement ne fait pas exception. Nous rappellerons donc les fondamentaux de TypeScript.

Composants Lit

  • Décorateurs
  • Rendu avec lit-html
  • Propriétés
  • Cycle de vie

Templating

  • Data-binding
  • Conditions et boucles
  • Evénements
  • Slots

Styles

  • Styler son composant
  • ShadowDOM
  • Theming

Distribution

  • Transformation en JavaScript natif
  • Polyfills pour la rétro-compatibilité
  • Utilisation dans les principaux frameworks (Angular, React, Vue)
  • Publication sur un registre comme npm

Cette formation m'intéresse

Formation LitElement / Polymer

Formation LitElement / Polymer

Public : Développeurs JavaScript

Pré-requis : Bases de JavaScript

Nous pouvons intervenir dans votre entreprise.

Durée : 2 ou 3 jours

Obtenir un devis

Eligible à un financement par votre OPCA (FAFIEC/Atlas, AFDAS...).
Non éligible via le CPF. Pourquoi ?