Pour offrir les meilleures expériences possibles, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils.
Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.
Voir notre Politique de protection des données pour plus d'informations.
À l’issue de cette formation Polymer JS vous aurez acquis les connaissances et les compétences nécessaires pour :
Tarif |
Contacter l'organisme |
Durée | 4 jours (28h) |
Modes |
|
Sessions | |
Lieux | Partout en France |
Tarif |
Contacter l'organisme |
Durée | 4 jours (28h) |
Modes |
|
Sessions | |
Lieux | Partout en France |
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 offrant 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 donne une vision complète du Framework, depuis son architecture jusqu’à sa mise en œuvre complète dans le cadre d'une application Web.
Qu'est-ce qu'un Framework de développement et l'intérêt d'un Framework
Généralités sur la spécification `Web Components` du W3C
Vue d’ensemble de Polymer JS : historique et présentation de Polymer JS
Parcours du site Polymer Project
L’application web monopage ou SPA
L’application web progressive ou PWA
Le paradigme Composant
La structure des données JSON
Le protocole et les verbes HTTP
L’architecture REST
Le Polyfill
Le langage HTML, les styles CSS et la programmation en langage JavaScript
Le DOM (Document Object Model) : structure des pages HTML
Brefs rappels sur la Programmation Orientée Objet (POO)
API HTML5
Communication avec XMLHttpRequest
Notions de Layout et RWD (Responsive Web Design)
Présentation de `Material Design`
Les outils du développeur
Ecrire un premier `Web Component` sans Polymer
`HTML imports`
Le `Template Element`
Les `Custom Elements`
Le `Shadow DOM`
Ecrire un premier `Web Component` avec Polymer
Polymer Cli
Premiers pas avec Polymer JS au travers de l’application Démo de Polymer CLI
Le fichier `index.html`
Le fichier `elements.html`
Exploration des répertoires du projet
Inscription `standard` et `à la volée` d’un élément
Les imports HTML
Passage de paramètres
Appel de méthodes à l’intérieur et à l’extérieur d’un élément
Le templating
1-way binding
2-way binding
Compound bindings
Computed bindings
Computed Properties
Les méthodes (publiques et privées)
Single prop observer
Affichage conditionnel
Le templaterepeater
Paper Elements
IronElements
Google Web Components
Gold Elements
NeonElements
Platinum Elements
Molecules
App Elements
Découverte du site https://customelements.io/ qui offre un ensemble de composants Open Source tiers
Polymer.Base API
Enregistrement et cycle de vie d’un élément
Declared Properties
Manipulation du local DOM
Particularités du Shadow DOM : observation avec l’outil Chrome dev
Built-in methods
Bonnes pratiques
Méthodes de création d’un web element
Custom Events
Gestion de la gesture pour les applications tactiles
Les comportements (behaviors)
Le styling
Tester un `Web Component`
Iron-Ajax et Iron-Request
Méthode d’appel automatique et programmée
Gestion du header pour le `cross domain` et la sécurité
Utilisation de JWT (JSON Web Token)
Concepts
Objets et Tableaux
Complex observer
Data Binding
Mediator Pattern
Gestion uni-directionnelle / bi-directionnelle
Exemple concrêt
Animation Behaviors
Iron-Selector
Neon
Le fichier ` routing.html `
Utilisation de Page.js
Utilisation de Platinum-sw, le service worker en Polymer
PRPL Pattern
Vulcanize
Lazy load elements
Utiliser un service sorker en Polymer
X-Tag de Mozilla
Bosonic
SkateJS
Evolutions des spécifications
Evolutions de Polymer
Passage sur `yarn`
Synthèse de la formation
Remise des documents
Quelques ressources utiles
À l'issue de cette formation Node.js, vous aurez acquis les connaissances et compétences nécessaires pour :
Tarif |
A partir de 1 850,00 € |
Durée |
3j / 21h |
Modes |
|
À l'issue de cette formation Umbraco - Concevoir des sites Web vous aurez acquis les connaissances et les compétences nécessaires pour :
Tarif |
A partir de 2 695,00 € |
Durée |
5j / 35h |
Modes |
|
Concrètement, cette formation Ext JS 7 vous apporte les compétences et connaissances nécessaires pour :
Tarif |
A partir de 2 260,00 € |
Durée |
4j / 28h |
Modes |
|
Tarif |
A partir de 1 800,00 € |
Durée |
3 jours |
Modes |
|
Avec Ext JS 6, Sencha introduit un unique Framework pour la création d'applications sur tous les types d'appareils, mobile, tablettes et postes de travail. Vous serez en mesure de produire une UE optimisée tout en codant moins.
Le processus de fusion Ext JS et Sencha Touch est arrivé à termes et les deux framework ne font plus qu’un.
Grâce à cette formation ExtJS 6, vous apprendrez à réaliser une application Web dite « riche » à l'aide d'un framework Javascript évolué, multi-plateformes et supportant les design responsifs et adaptatifs.
Tarif |
A partir de 2 260,00 € |
Durée |
4j / 28h |
Modes |
|
Concrètement, à l'issue de cette formation API - SI et développement d'un modèle d'affaires, vous aurez acquis les compétences et connaissances suffisantes pour :
Tarif |
A partir de 2 120,00 € |
Durée |
2j / 14h |
Modes |
|
À l'issue de cette formation Vue.js, vous aurez acquis les connaissances et compétences nécessaires pour :
Tarif |
A partir de 1 950,00 € |
Durée |
3j / 21h |
Modes |
|
Tarif |
Contacter l'organisme |
Durée |
53j / 371h |
Modes |
|
Tarif |
A partir de 1 390,00 € |
Durée |
3j / 21h |
Modes |
|
À l'issu de cette formation Polymer JS v2 vous aurez acquis les connaissances et les compétences nécessaires pour :
Tarif |
Contacter l'organisme |
Durée |
3j / 21h |
Modes |
|