Formation Polymer JS
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
À l’issue de cette formation Polymer JS vous aurez acquis les connaissances et les compétences nécessaires pour :
- Appréhender l'architecture du Framework
- Comprendre le fonctionnement des éléments pour les utiliser
- Créer de nouveaux éléments web réutilisables
- Développer une application Web complète avec Polymer JS
| 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 |
Description
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.
Programme
Introduction et généralités à Polymer JS
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
Quelques concepts importants
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
Retour aux bases HTML5
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`
L'environnement de travail de Polymer JS
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
Découverte de l’architecture d’un projet Polymer JS
Le fichier `index.html`
Le fichier `elements.html`
Exploration des répertoires du projet
Utilisation d’un ` WebComponent `
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
Langage de Templating Polymer
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
Découverte du Catalogue Polymer JS
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
Les Concepts Polymer
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
Création d’un premier élément Polymer
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`
Ajax et Polymer
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)
Polymer Data System
Concepts
Objets et Tableaux
Complex observer
Data Binding
Mediator Pattern
Gestion uni-directionnelle / bi-directionnelle
Exemple concrêt
Les animations
Animation Behaviors
Iron-Selector
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
OFFLINE
Utiliser un service sorker en Polymer
Les alternatives et Polymer 2.0 et plus
X-Tag de Mozilla
Bosonic
SkateJS
Evolutions des spécifications
Evolutions de Polymer
Passage sur `yarn`
Conclusion
Synthèse de la formation
Remise des documents
Quelques ressources utiles
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
Concrètement, à l'issue de cette formation ReactJS, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître les apports de la bibliothèque React dans le cadre d’un développement JavaScript
- Savoir coupler React JS avec des modules complémentaires, JSX et ES6
- Concevoir une application web monopage avec la bibliothèque React et l’architecture Flux
- Comprendre et maîtriser la notion d’immutabilité pour optimiser les performances des applications mises à jour uniquement lors de changement
- Comprendre et mesurer les impacts du choix d'une architecture incluant ce type d'application
| Tarif |
A partir de 1 950,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Comprendre les principes de développement et l'architecture Blazor
- Développer des interfaces utilisateurs en utilisant les différents composants disponibles
- Créer des pages, travailler le routage côté client et gérer les mises en page
- Accéder aux données et les gérer dans une application
- S'approprier les outils et meilleures pratiques pour développer avec Blazor
| Tarif |
A partir de 1 800,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
À 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
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
ExtjS 5 le Framework javaScript de Sencha ,vous permettra de développer des applications Web riches (RIA) et interactives pour mobiles ou Desktop. Ce standard du développement d'application Web respecte le modèle MVC (et même MVVM avec la version 5) et le HTML5 avec tous les navigateurs sur lesquels il s'exécute. Il propose de nombreux composants visuels d'une grande qualité (formulaire avancé, arbre, tableau, onglets,...), et une philosophie d'encapsulation du modèle événementiel qui facilite l'interactivité avec l'utilisateur.
Le design et la richesse de son arborescence de classes en font un modèle particulièrement apprécié des développeurs tant au niveau de la qualité du code que du rendu graphique mais aussi sur le plan professionnel car il facilite le travail en équipes.
Les nouveautés (tactiles, MVVM, responsive, etc.) apportées par ExtJS 5 par rapport à ExtJS 4 seront abordées.
| Tarif |
A partir de 2 260,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
À l'issue de la formation Créer des CSS avec Sass, vous aurez acquis les connaissances et compétences nécessaires pour :
- Optimiser la gestion des styles CSS
- Comprendre la syntaxe de SASS
- Maîtriser la compilation et la création des fichiers CSS
- Déployer une stratégie de maintenance et de réutilisabilité
| Tarif |
A partir de 1 240,00 € |
| Durée |
2j / 14h |
| Modes |
|
Formation Node.js : Développer des Web Services en JavaScript avec Node.js
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation Node.js, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître le fonctionnement et les usages courants de la plateforme Node.js
- Connaître les spécificités de la programmation côté serveur en JavaScript
- Savoir installer et configurer un serveur Node.js
- Connaître les particularités de la programmation asynchrone et celles de la programmation orientée événements
- Savoir paramétrer et manipuler l’API Node.js et son serveur d’API REST
- Savoir se connecter à une base de données
- Mettre en œuvre les bonnes pratiques Node.js
| Tarif |
A partir de 1 850,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Concrètement, cette formation Ext JS 7 vous apporte les compétences et connaissances nécessaires pour :
- Utiliser les composants de base d'Ext JS 7
- Concevoir des architectures
- Gérer les données et leur environnement graphique
- Connaitre les concepts avancés, plugins et outils
- Connaître les nouveautés apportées par la v7
| Tarif |
A partir de 2 260,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Découvrir le fonctionnement de Node.js
- Créer une application Node.js en suivant les bonnes pratiques de développement
- Identifier les composants de la plate-forme
- Utiliser Node.js de façon appropriée en fonction des situations
| Tarif |
A partir de 1 390,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
À 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
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Mettre en oeuvre toutes les possibilités interactives du format PDF
- Utiliser les options de présentation des documents
- Créer des formulaires numériques et ajouter des fonctionnalités de calcul, de manipulation et d'envoi des données.
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
