Clever Institut

Polymer JS V.3

Par Clever Institut

Objectifs

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

Programme

Introduction et généralités

  • 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

  • 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

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

Création d’un élément Polymer

  • 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 concrêt

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

Formations de la même catégories (5)

Ambient IT
Vue.JsPar Ambient IT

Créé et propulsé par les développeurs d’alibaba.com, Vue.js est un framework évolutif pour construire des interfaces utilisateur. À la différence des autres frameworks monolithiques, Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l’intégrer avec d’autres bibliothèques ou projets existants. D’un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec des outils modernes et des bibliothèques complémentaires.

Vue.js est connu pour avoir rendu le développement front amusant ! Il est sans conteste le framework web moderne à la foi productif et accessible. Dans cette formation vous apprendrez à créer des interfaces web riches en utilisant Vue.js 2 : templating, composants de vue, découverte de son écosystème.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date (Vue.js 2.6).

Tanit Formation
Exploiter la puissance javascript pour dynamiser les applications webPar Tanit Formation

Dans cette formation, vous apprendrez à développer des applications Web côté client en écrivant des scripts JavaScript pour interagir dynamiquement avec le contenu de la page Web, soit en lien avec des actions de l'utilisateur et/ou suite à un échange de données avec un service Web.

Ziggourat
JavaScript PerfectionnementPar Ziggourat

Cette formation vous permet de découvrir les différentes approches de la programmation orientée objet en JavaScript.

ENI SERVICE
Vue.js – Développer des applications WebPar ENI SERVICE

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant le framework Vue.js.

Orsys
JavaScript, maîtriser la Programmation Orientée ObjetPar Orsys

Vous renforcerez dans ce cours vos connaissances en programmation Objet sur JavaScript. Vous étudierez en détail son modèle Objet en mettant en œuvre notamment le concept de classes et d'héritage. Vous découvrirez également les mécanismes avancés du JavaScript et l'intérêt de l'intégrer avec du TypeScript.