Objectifs pédagogiques
- Créer des Progressive Web Apps (PWA) pour les Smartphones et tablettes
- Décrire l'architecture de base des PWA
- Utiliser les API HTML 5
- Utiliser les outils de développement et de contrôle des PWA
- Exploiter les frameworks adaptés.
Modalités et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour les cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatique...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Niveau requis
Avoir suivi les formations JVS-IN "JavaScript" et HTM-FND "HTML 5 et CSS 3 - Création de pages Web" ou avoir les connaissances équivalentes.
Testez vos connaissances
Afin de vous orienter vers la formation la plus adaptée à votre niveau, passez votre test de connaissances pour évaluer vos compétences actuelles.
Temps estimé : 4 minutes.
Passer le testPublic concerné
Webdesigners et développeurs Web.
Programme
Le concept
- Les solutions sur mobile
- Sites Web
- Hybrides
- Natives
- Limite des PWA
- Compatibilité des navigateurs
Les API HTML 5
- Les API de base
- Service Worker
- Mise en oeuvre
- Cycle de vie
- Mise à jour
- Cache API
- Contenu et cycle de vie
- Online / offline
UX
- Icône et splash screen
- Changements d'état
- Lors d'une mise à jour
- Evènements online / offline
- Background Sync
Installation de l'application
- Web App Manifest
- Web App Install Banner
- Compatibilité des navigateurs
Notifications et push
- API notifications
- Notifications natives de l'OS
- API push
- Background Sync
Outils
- Frameworks
- Google Workbox
- Angular
- React
- Vue
- Preact
- Outils navigateurs
- Extension Lighthouse
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation