Progressive Web App (PWA) - Initiation
Proposé par
GROUPE LEXOM
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En centre
- En entreprise
- À distance
Objectifs pédagogiques
- Appliquer des techniques de conception de Progressive Web Apps (PWA)
- Déterminer l'architecture de base des PWA
- Différencier les stratégies de mise en oeuvre des PWA
- Utiliser les API HTML 5
- Utiliser les outils de développement et de contrôle des PWA
- Choisir les frameworks adaptés.
Programme de la formation
A l'issue de la formation, les participants seront préparés à :
Jour 1 - Matin
1. Identifier les fonctions de base des PWA
- Présentation générale des Progressive Web Apps
- L'historique de la mobilité
- Positionnement et impact sur le web
- Applications mobiles natives ou PWA ?
2. Déterminer les composants de base des PWA
- La dimension « progressive » des PWA
- Architecture et composants principaux d'une PWA
- La sécurité imposée avec HTTPS
Jour 1 - Après-midi
3. Construire un Service Worker
- Les API de base (ES6, Fetch)
- Rappels sur les promises
- Le cycle de vie d'un Service Worker (enregistrement, installation, activation)
- L'installation téléchargement et périmètre d'action)
- La mise à jour
- La gestion des outils de mise en oeuvre (bibliothèques, composants et frameworks)
- Le développement et le débogage (outils navigateurs, Lighthouse)
Jour 2 - Matin
4. Gérer le cache
- Les options de stockage
- Cache statique et cache dynamique
- La mise en cache de fichiers avec un Service Worker
- La gestion du cycle de vie des contenus en cache
- Le stockage de données avec IndexedDB
- Travailler avec IndexedDB et les promises
- L'architecture Application Shell
- Les évènements online / offline
Jour 2 - Après-midi
5. Opérer l'installation de l'application
- La gestion de Web App Manifest
- La création d'un fichier manifest.json
- Les différents composants
- Les propriétés du Web App Manifest
- La Web App Install Banner
- La compatibilité des navigateurs desktop et mobiles
6. Créer des pages web responsives
- Gérer le responsive design
- L'utilisation des media queries
- L'utilisation des images de manière responsive
- L'ajout d'animations
Jour 3 - Matin
7. Administrer les notifications et push de données
- Les API notifications et push
- L'intégration aux notifications natives de l'OS
- L'utilisation de Background Sync pour gérer la mise à jour des tâches de fond
- Les options des notifications
- La gestion des autorisations
Jour 3 - Après-midi
8. Utiliser des outils supplémentaires en PWA
- Bibliothèques et frameworks
- La gestion des Service Workers avec Workbox
- Outils de développement des navigateurs
- La réalité virtuelle et la réalité augmentée
- Le paiement simplifié avec l'API Payment Request
- La lecture de QR codes
Proposé par
GROUPE LEXOM
"New Skills Model"
Proposé par
GROUPE LEXOM
Progressive Web App (PWA) - Initiation
87 villes proposant cette formation
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
