Progressive Web App (PWA) - Initiation
Durée
3 jours, 21 heures
Modalité
Objectifs
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
Appliquer des techniques de conception de progressive web apps pwa
Choisir les frameworks adaptés
Appliquer des techniques de conception de progressive web apps pwa
Choisir les frameworks adaptés
Prérequis
Disposer de connaissances certaines de l'intégration front-end HTML, CSS et JavaScript
Public cible
Chefs de projet web, architectes, développeurs
Financement
- OPCO
- France Travail
Programme
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 ?
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
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)
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
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
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
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
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
Modalités d'évaluation
- Les acquis des participants seront mesurés tout au long de la session de formation.
- L'évaluation privilégiera l'aspect formatif et les interactions participant/formateur. Elle pourra éventuellement prendre l'aspect d'un QCM.
- Une attestation de fin de formation reprendra l'ensemble des objectifs pédagogiques de la formation et sanctionnera l'acquisition des savoirs du participant.
Méthodes mobilisées
- Exercices d'autopositionnement, partages d'expériences interactifs entre stagiaires
- Supports théoriques et pratiques
- Mises en situation
En savoir plus
Télécharger le programme
PDF — 1,2 Mo
Accessibilité aux personnes handicapées
Comment se déroulent nos formations ?
Avis et satisfaction
recommandent lexom
Score obtenu à partir de 8389 réponse depuis 2020
- 89% recommandent les compétences formateur Basé sur 8389 réponses d'apprenants
- 90% sont satisfait de la proximité du lieu de formation Basé sur 8389 réponses d'apprenants
- 88% sont satisfait de l'organisation globale des formations Basé sur 8389 réponses d'apprenants
Prochaines sessions
Ouvrez votre session dès maintenant
Garantie dès un inscrit
Cette formation dans vos locaux
(1) Coût pédagogique journalier distanciel
Délai estimé : entrée en formation possible 4 à 6 semaines après inscription, session garantie dès un inscrit.
Prochaines sessions
Ouvrez votre session dès maintenant
Garantie dès un inscrit
Cette formation dans vos locaux
(1) Coût pédagogique journalier distanciel
Délai estimé : entrée en formation possible 4 à 6 semaines après inscription, session garantie dès un inscrit.