Progressive Web App (PWA) - Initiation à Saint-Malo
Durée
3 jours, 21 heures
Localité
Saint-Malo (35400)
Financement
Modalité
Prochaines sessions sur Saint-Malo
Charte qualité Lexom
Chez Lexom, nous proposons des dates tout au long de l'année et toutes les sessions de formation sont maintenues dès la première inscription
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
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
Pourquoi suivre cette formation à Saint-Malo ?
Centre facilement accessible : Nos centres de formation sont idéalement situés en centre-ville, facilement accessibles en transports en commun et à proximité des principaux axes routiers.
Formateurs experts locaux : Nos formateurs à Saint-Malo sont des professionnels reconnus dans leur domaine avec plusieurs années d'expérience terrain.
Équipements de qualité : Salles équipées d'ordinateurs récents, connexion WiFi haut débit, espaces de pause confortables.
Réseau professionnel : Profitez de sessions inter-entreprises pour échanger avec d'autres professionnels de la région Bretagne.
Progressive Web App (PWA) - Initiation à proximité
Découvrez les autres villes où cette formation est également disponible. Trouvez le centre de formation le plus proche de chez vous.
En savoir plus
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
Vous souhaitez une autre date ?
Nous proposons des dates tout au long de l'année. Contactez nos conseillers pour plus d'informations.
(1) Cout pédagogique journalier distanciel
Vous souhaitez une autre date ?
Nous proposons des dates tout au long de l'année. Contactez nos conseillers pour plus d'informations.
(1) Cout pédagogique journalier distanciel