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 aux développeurs :

  • la connaissance d’un langage quelconque suffit (PHP, Java, C#…) : nos guides de préparation vous permettront de vous mettre à niveau en JavaScript avant le formation,
  • elle n’est pas adaptée à des débutants en programmation.

A noter : LitElement fonctionne uniquement avec des navigateurs modernes (Chrome, Firefox, Safari, Edge/Chromium).

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


Objectifs de la formation LitElement / Polymer

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

Programme de la formation LitElement / Polymer

Web Components standards

Nous faisons d’abord un tour rapide des Web Components natifs et de leurs limites, pour comprendre et mettre en perspective les avantages de LitElement.

  • Shadow DOM
  • Custom Elements

TypeScript

Comme quasiment tous les outils JavaScript aujourd’hui, LitElement utilise TypeScript. Nous faisons donc un rappel des fondamentaux de TypeScript.

Composants Lit

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

Templating

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

Styles

  • Gérer les styles du composant
  • Theming

Distribution

  • Transpilation en JavaScript natif
  • Utilisation dans les frameworks (React, Angular, Vue)
  • Distribution sur npm

Cette formation m'intéresse

Formation LitElement / Polymer

Formation LitElement / Polymer

Public : Développeurs

Pré-requis : Connaissance d'un langage de programmation (JavaScript, PHP, Java, C#...)

Session dédiée à votre entreprise, dans vos locaux ou à distance, avec un programme personnalisé :

Obtenir un devis

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