Formation Polymer JS v2

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 offrant les même possibilités qu’un client riche et permettant de réutiliser les composants développés pour d’autres applications.

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

Objectif opérationnel : 

Savoir maîtriser de l'architecture à la mise en oeuvre du Framework.

Objectifs pédagogiques : 

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

• Comprendre le standard Web Components
• Utiliser Polymer 2 pour réaliser des application Single Page
• Maîtriser les concepts de Polymer 2 

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 à Polymer JS V2

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

Concepts importants

Paradigme Composant
Architecture REST

Environnement de travail Polymer JS V2

Outil Développeur
Web Component sans Polymer
Web Component avec Polymer
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

Langage de Templating

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

Concepts Polymer JS V2

Cycle de vie V2
Shadow DOM
Built-in Méthodes
Bonnes pratiques

Catalogue Polymer V2

Webcomponents.org
Paper
Google
App

Création d’un élément Polymer

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

Polymer Data System

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

Ajax et Polymer

Iron-Ajax et Iron-Request
Méthode d’appel automatique et programmée

Les animations

Animation Behaviors
Neon

Le routing en Polymer

Le fichier ` routing.html `
Utilisation de Page.js

Mettre en production une application Polymer

Utilisation de Platinum-sw, le service worker en Polymer
PRPL Pattern
Vulcanize
Lazy load elements

Conclusion

Alternatives & Polymer 3
Synthèse de la formation
Remise des documents
Quelques ressources utiles

La formation est constitué de cours magistraux et de travaux pratiques sur poste individuel.