Formation Polymer JS v3 Réaliser des applications web dernière génération avec Polymer JS v3

Polymer JS est un Framework JavaScript créé par Google. Composé d’un ensemble d’éléments découplés (séparation du code HTML, CSS et JavaScript) et réutilisables de façon autonome, il répond aux nouveaux standards du développement Web. Polymer JS permet de créer des applications Web ou Mobile qui offrent les même possibilités qu’un client riche, et de réutiliser les composants développés pour d’autres applications.

Cette formation Polymer JS v3 donne une vision complète du Framework dans sa version 3, depuis son architecture jusqu’à sa mise en œuvre complète dans le cadre d’une application Web.

Objectif opérationnel : 

Savoir maîtriser les concepts de Polymer JS v3.

Objectifs pédagogiques : 

À l'issue de cette formation Polymer JS v3 vous aurez acquis les connaissances et les compétences nécessaires pour :

• Comprendre le standard Web Components
• Utiliser Polymer JS v3 pour réaliser des application Single Page
• Comprendre les outils associés à Polymer JS v3
• Utiliser lit-html comme langage de Templating
• Maîtriser les concepts de Polymer JS v3

Public :

Cette formation s'adresse aux architectes techniques, chefs de projet web, développeurs, experts front-end et intégrateurs.

Prérequis :

Afin de suivre cette formation, il est recommandé d'avoir des connaissances de base en HTML, CSS, JavaScript et concepts objet.

Introduction et généralités de Polymer

Rôle d’un framework
Les Composants
Spécification `Web Components`
Histoire de Polymer

EcmaScript 2017

Nouvelles Syntaxes du langage JavaScript
Développement avec les modules
Nouvelles API utiles
Async/Await

Environnement de travail Polymer JS v3

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

Utilisation d’un `Web Component`

Import d’un élément
Invocation d’un élément
Passage de paramètre
Appel de méthode
Cycle de vie V3

Langage de Templating

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

Concepts Polymer JS v3

Built-in Méthodes
Mixins
Bonnes pratiques

Création d’un élément Polymer JS v3

Les différents extends
Les propriétés en détails
Les événements
L’apparence
Tester le composant

L’alternative Lit-html

Utiliser lit-html dans un projet Web
Utiliser LitElemenent
Les différences avec PolymerElement

Polymer Data System

Concepts
Objets et Tableaux
Complex observer & Computed Properties
Data Binding
Mediator Pattern
Gestion uni-directionnelle / bi-directionnelle
Exemple concret

Polymer et application

Routing avec Page.js
Requêter un Web Service

Conclusion

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

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.

La formation est composée pour 50% de théorie et pour 50% de pratique.