Création et intégration de web components pour applications mobile et multi-plateformes
Objectifs de la formation
- Comprendre les Web Components
- Comprendre comment utiliser Stenciljs pour générer des composants Web et des applications Web progressives (PWA)
- Mettre en œuvre les applications multi-plateforme
- Intégration avec Angular, React et VueJS.
- L’intégration mobile dans le développement des Web Components
Programme de la formation
Web Component : créer des composants Web autonomes et réutilisables
- La norme des Web Components.
- Rappels DOM & AJAX.
- Template HTML à chargement différé.
- Shadow DOM, et CSS, les fragments de documents.
- CSS : le besoin d’encapsulation.
- Custom Elements.
StencilJS le compilateur de Web Component proposé par Ionic
- Présentation de Stencil
- Premiers pas avec les composants Stencil
- Propriétés, méthodes et gestion de l’état des composants
- Gestion des évènements et interactions utilisateur
- Routage
- Formulaires
- Service Workers
- Introduction à LIT Web Component Library, une bibliothèque simple qui permet de créer des composants Web légers et rapides
Réutilisation des composants cross-frameworks
- Développement de composants « cross-plateformes/cross-projet »
- Intégration avec Angular, React et VueJS
- Encapsuler son code Angular avec Angular Elements
- Créer des Web Components avec React
- Alléger son code React avec Preact
- L’intégration dans Vue.js
Analyse d’un cas concret dans le contexte de l’entreprise
- Présentation d’un composant
- Analyse « critique » de l’approche
- Retour d’expérience
- Revue des best practices
- Proposition d’architecture du code
MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS
Modalités pédagogiques :
- Évaluation des besoins et du profil des participants.
- Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
- Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
- Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
- Méthodes expositive, active et participative.
- Réflexion et échanges sur cas pratiques.
- Retours d'expériences.
- Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.
Éléments matériels :
- Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
- Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.
Référent pédagogique et formateur :
- Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
- Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
- Feuilles de présences signées des participants et du formateur par demi-journée.
- Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Back to Bibliothèques et frameworks javascript
