Objectifs pédagogiques / Compétences visées
- 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.
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.
Public 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
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)