Formation PWA Progressive Web Apps
Notre formation Progressive Web Apps pour vous apprendre à développer des PWA en 3 jours !
Vue d'ensemble
Connaissances en JS, HTML et CSS
Objectifs pédagogiques
Programme détaillé
Introduction à la formation PWA Progressive Web Apps
Présentation générale des Progressive Web Apps
Historique et positionnement
La dimension « progressive » des PWAs
PWA vs. applications mobiles natives et Single Page Applications
Architecture et composants principaux d’une PWA
Avantages et limitations
Création d’une première application web progressive
Web App Manifest
Créer un fichier manifest.json
Composants (background_color, description, dir, etc)
Configurer les propriétés du Web App Manifest
Web App Install Banner
Compatibilité avec les différents navigateurs mobiles et desktop
Création, configuration, déploiement et test d’un manifest
Service Worker
Les APIs Cache et Fetch
Rappels sur les promises, ES2015
Qu’est-ce qu’un service worker ?
Comprendre l’intérêt de l’utilisation des services workers
Cycle de vie : enregistrement, installation, activation
Périmètre d’action, évènements pris en charge
Support des navigateurs
Création de votre propre service worker
Gestion du cache
Options de stockage
Identifier les objets à mettre en cache
Cache statique et cache dynamique
Mettre des fichiers en cache avec un service worker
Stratégies de cache et gestion du cache avancée
Implémenter la solution IndexedDB
Travailler avec IndexedDB et les promises
Application Shell
Mise en cache de fichiers avec un service worker, stockage de données avec IndexedDB
Responsive Design
Considérations pour créer des pages web responsives
Les Media Queries, nouveautés de CSS3
Utiliser les images de manière responsive
Ajouter des animations
Styliser son application pour la rendre responsive, utilisation des media queries
Notifications et Push de données
Les APIs Notifications et Push
Options des notifications et gestion des autorisations
Bonnes pratiques pour l’implémentation de notifications push (timing, cible, pertinence, design)
Utiliser Background Sync pour gérer les tâches de fond
Synchroniser des données dans le service worker
Création et affichage de notifications, utilisation de l’API Background Sync pour différer l’envoi de données
Outils
Bibliothèques et frameworks
Outils de développement des navigateurs
Workbox pour la gestion des service workers
Lighthouse, en tant qu’extension et depuis la ligne de commande
Débogage
Installation de Lighthouse, audit et optimisation d’une application web
Utilisation d’APIs pour interagir avec l’appareil et aller plus loin
GPS, vibration et autres fonctionnalités d’application native
Simplifier le paiement, lire les QR Codes, etc
Prochaines sessions
Ils nous font confiance
Cette année notre filière Développement Mobile & Cross-Platform a accompagné plus de 17 entreprises dont :
Avis des participants
Un grand merci à Marius, la formation était dense mais très riche et très claire.
Il s'agissait d'une formation en cours particulier sur mesure, mon formateur a pu très bien s'adapter à mes besoins, il est très compétent.
Une formation riche et intense! Jean-Pierre le formateur est un e personne très sympathique et à l'écoute de nos questions et demandes.
Le formateur a su comprendre notre besoin, a pu adapter la formation selon nos souhaits, et tout s'est déroulé parfaitement!
J'aurais préféré me concentrer plus sur Kotlin au départ et finir avec Android (car moins grave pour moi si je ne finissais pas cette partie) Mais super formation !
Votre formateur
Stéphane R.
Formateur JavaScript & Angular
Stéphane intervient sur des formations portant sur le développement web et fullstack. Les sujets abordés incluent notamment JavaScript, Angular et React. Son activité de formation remonte à 2015, soit plus de 10 ans d’expérience.
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
Questions fréquentes
Combien de temps dure la formation PWA Progressive Web Apps ?
Cette formation se déroule sur 3 jours.
Quels sont les prérequis pour suivre la formation PWA Progressive Web Apps ?
Connaissances en JS, HTML et CSS
Quel est le prix de la formation PWA Progressive Web Apps ?
En inter-entreprises, elle est à 2 100 € HT par participant ; en intra-entreprise, elle est à 4 950 € HT pour le groupe. Un tarif sur-mesure est également disponible sur devis.
La formation PWA Progressive Web Apps délivre-t-elle une certification ?
Cette formation ne délivre pas de certification. Une attestation de fin de formation vous sera remise à l'issue de la session.
La formation PWA Progressive Web Apps est-elle éligible à un financement OPCO ?
Oui, cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
Choisissez votre formation
Mon contact chez SPARKS est professionnel et très réactif. Les échanges sont simples, efficaces, et la collaboration se déroule dans d'excellentes conditions.