Formation Polymer 3

Programme de la formation Polymer

Introduction et généralités

• Rôle d’un framework
• Le paradigme Composant
• Spécification Web Components du W3C
• Vue d’ensemble de Polymer JS
• Parcours du site Polymer Project

EcmaScript 6 et suivantes

• Nouvelles syntaxes du langage
• Développement avec les modules
• Nouvelles API indispensables
• Async/Await

L’environnement de travail de Polymer JS

• node, npm, yarn
• webpack
• Web Component en 2018
• Polymer CLI

Utilisation d’un WebComponent

• Import d’un élément
• Invocation de l’élément
• Passage de paramètres
• Appel de méthodes à l’intérieur et à l’extérieur d’un élément
• Cycle de vie V3

Langage de Templating Polymer

• Templating Polymer
• Bindings
• Propriétés
• Méthodes
• Directives Polymer

Concepts Polymer

• Méthodes Built-in
• Mixins
• Bonnes pratiques

Création d’un élément Polymer

• Les différents extends
• Les propriétés en détail
• Les événements
• L’apparence
• Tester le composants

L’alternative lit-html

• Utiliser lit-html dans un projet web
• Utiliser LitElement
• Différences avec Polymer Element

Polymer Data System

• Concepts
• Objets et Tableaux
• Complex observer & Computed Properties
• Data Binding
• Mediator Pattern
• Gestion unidirectionnelle / bidirectionnelle
• Exemple concret

Polymer et Application

• Routing avec Page.js
• Requêter un WebService
• Mise en production

Conclusion

• Aller plus loin avec Redux, RxJS
• Synthèse de la formation
• Remise des documents
• Quelques ressources utiles

Travaux pratiques

• Réalisation en fil rouge d’une application type bibliothèque en ligne.