PJS 4 jours (28 heures) HT (hors promotion ou remise particulière)

Transcription

1 L institut de formation continue des professionnels du Web Formation Polymer JS Référence formation : Durée : Prix conseillé : PJS 4 jours (28 heures) HT (hors promotion ou remise particulière) 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 pratique donne une vision complète du Framework, depuis son architecture jusqu à sa mise en œuvre complète dans le cadre d'une application Web. Objectif pédagogique A l issue de cette formation, les participants seront en mesure de : 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 1.0 Pré-requis Connaissance de base en HTML, CSS, JavaScript et concepts objet. Public Architectes techniques, Chefs de projet Web, Développeurs, Experts front-end, Intégrateurs. Dates des prochaines sessions Du lundi 07/03 au jeudi 10/ Du lundi 20/06 au jeudi 23/ Du lundi 21/11 au jeudi 24/ Plan de cours

2 PROGRAMME DE LA 1ÈRE JOURNÉE DE FORMATION Introduction et généralités Qu'est-ce qu'un Framework de développement et l'intérêt d'un Framework. La spécification«web Components» du W3C. Vue d ensemble de Polymer JS : historique et présentation de Polymer JS 1.0 Parcours du site Polymer JS Rappels et mise à niveau web Le protocole et les verbes HTTP Le langage HTML, les styles CSS et la programmation en langage JavaScript Brefs rappels sur la Programmation Orientée Objet (POO) Quelques concepts importants L application web monopageou SPA (Single Page Application) La structure des données JSON (JavaScript Object Notation) Communication avec AJAX (Asynchronous JavaScript and XML) L architecture REST (Representational State Tranfer) Le DOM (Document Object Model) : structure des pages HTML Le Shadow DOM LePolyfill Notions de Layout etrwd (Responsive Web Design) PrésentationduMaterial Design Découverte des principaux éléments de Polymer JS Présentation des 7 familles de composant Web de Polymer JS IronElements Google Web Components Gold Elements Paper Elements Platinum Elements NeonElements Molecules Description des principaux éléments de Polymer JS 1.0 Découverte du site qui offre un ensemble de composants Open Source tiers PROGRAMME DE LA 2NDE JOURNÉE DE FORMATION L'environnement de travail de Polymer JS Gestionnaires de packages avec Bower et NPM Le générateur de projet Polymer : Yeoman generator Chrome devtools : inspecteur et debugger web Postman : outil de test pour REST Gulp : le serveur Gulp et gulpfile.js Le test d un «Web Component» Installation et manipulation de Polymer JS Installation de Polymer JS Déclaration et utilisation d un composant web Premiers pas avec Polymer JS au travers de l application «Polymer Starter Kit» Découverte de l architecture d un projet Polymer JS Le fichier «index.html» Le fichier «elements.html» Exploration des répertoires du projet Anatomie d un «Web Component»Polymer JS Le styling

3 Le templating Les properties Les méthodes (publics et privées) Les évènements (events) Les listeneners Vue d ensemble dudatabinding (approfondi au 3ème jour) Les comportements (behaviors) Gestion de la gesture pour les applications tactiles Polymer Layout System Comprendre le système de mise en forme de Polymer Le routing Le fichier «routing.html» Utilisation de Page.js Les animations Neon Animation Behaviors PROGRAMME DE LA 3ÈME JOURNÉE DE FORMATION Enregistrement et cycle de vie d un élément DOM Manipulation du local DOM Particularités du Shadow DOM : observation avec l outil Chrome dev La gestion du template Affichage conditionnel Le templaterepeater Connexion aux données Approfondissement du Databinding et computed bindings Communication des propriétés d un élément avec le DOM 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 Création d un premier«web Component» Méthodes de création d un web element (manuelle et avec le générateur Yeoman) Application des principaux conceptspour créer son premier composant web Interaction entre «Web Component» Passage de paramètres Appels de méthodes externes Ajax et Polymer JS 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) PROGRAMME DE LA 4ÈME JOURNÉE DE FORMATION

4 Création d une application web à base de «Web Components» Création d une application de type «Todo List» en Responsive Web Design L application utilise l ensemble des concepts vus : Création de composants, Styling de composants, Templating : conditions et répétition, Communication entre les composants, Consommation et production de données au format JSON, Interaction, Animation Optimiser une application Polymer JS Vulcanize Rendre l application utilisable offline grâce au «Service Worker» Utilisation de Platinum-sw, le service worker de Polymer Les autres solutions X-Tag de Mozilla Bosonic Conclusion Synthèse de la formation Remise des documents

5 Evaluation des acquis Avant et après la formation Parce ce que la formation est un moment privilégié de sa carrière professionnelle, la pédagogie ne s arrête pas à un stage de quelques jours. Ainsi en vous inscrivant à une formation Clever-Institut, vous bénéficiez de l ouverture d un compte sur notre site internet vous permettant de : exprimer, en amont du stage, vos attentes quant à cette formation, afin de nous permettre de personnaliser chacune de nos sessions déjeuner avec le formateur et les autres stagiaires, afin de transformer ce moment en partage et retours d expérience évaluer la formation sur son contenu et sa pédagogie, et en partager le contenu avec les futurs stagiaires échanger avec votre formateur pendant les 15 jours qui suivent votre stage, pour toute question ou interrogation en rapport avec formation Comment s inscrire? La demande d'inscription à une session de formation se fait en ligne. Une fois votre inscription enregistrée, vous recevez dans les 48heures la Convention de Formation Professionnelle Continue simplifiée. Dès réception par nos services, de la convention signée, la convocation de stage est envoyée par mail aux stagiaires qui se voient ouvrir un compte sur notre site internet, leur permettant de préparer leur formation (accès, communication de leurs attentes, etc.). A noter, que l'inscription est considérée comme définitve, à la signature de la convention de stage. Clever Institut L institut de formation continue des professionnels du web Numéro agrément formation : , boulevard des Capucines PARIS info@clever-institut.com