Formation Créer des applications web progressives pour mobiles : PWA avancées

Introduction aux PWA et leurs avantages

• —Définition et historique des Progressive Web Apps (PWA)
• —Comparaison PWA vs Applications natives vs Applications web traditionnelles
• —Les principes fondamentaux des PWA (Progressif, Réactif, Installable, Accessible, Fiable, Rapide, Engageant)
• —Avantages pour les développeurs et les utilisateurs finaux
• —Cas d'usage et exemples concrets de PWA réussies

Le Manifest Web App

• —Comprendre le rôle du Manifest Web App (Web App Manifest)
• —Structure et champs essentiels du Manifest (name, short_name, start_url, display, orientation, icons)
• —Personnalisation de l'expérience utilisateur à l'installation (splash screen, couleur du thème)
• —Validation et débogage du Manifest
• —Génération d'un Manifest simple pour un projet existant

Les Service Workers - Partie 1 : Introduction et Cache API

• —Architecture et cycle de vie d'un Service Worker
• —Enregistrement et installation d'un Service Worker
• —Stratégies de mise en cache avec le Cache API (cache-first, network-first, stale-while-revalidate)
• —Gérer les mises à jour des Service Workers
• —Démonstration de caching de ressources statiques

Les Service Workers - Partie 2 : Gestion des requêtes offlines

• —Interception des requêtes réseau avec l'événement `fetch`
• —Gérer les connexions offline et le mode avion
• —Stratégies avancées de cache pour les données dynamiques
• —Gestion des requêtes POST et des synchronisations en arrière-plan
• —Mise en place d'une expérience utilisateur offline rudimentaire

Rendre la PWA installable et engageante

• —Critères d'installabilité (Add to Home Screen - A2HS)
• —Implémentation du `beforeinstallprompt`
• —Gestion des bannières d'installation personnalisées
• —Introduction à l'API Notifications Push (Push API)
• —Mise en place de notifications simples pour réengager l'utilisateur

Optimisation des performances et Web Vitals

• —Mesure des performances avec Lighthouse et autres outils
• —Comprendre les Core Web Vitals (LCP, FID, CLS)
• —Optimisation du chargement des ressources (compression, lazy loading)
• —Amélioration de la réactivité et de l'interactivité
• —Bonnes pratiques pour une PWA rapide et fluide

Accès aux capacités natives et outils avancés

• —Utilisation des API Web pour un accès étendu (Geolocation, Device Orientation, Payment Request)
• —Service Workers pour les tâches de fond (Synchronisation périodique, Background Fetch)
• —Introduction à Workbox pour simplifier le développement de Service Workers
• —Débogage et tests des PWA sur différents navigateurs et appareils
• —Stratégies de déploiement et de maintenance d'une PWA

Projet pratique de création de PWA

• —Réalisation guidée d'une PWA complète à partir d'un site web existant
• —Intégration du Manifest Web App et icônes
• —Mise en œuvre de Service Workers pour le cache offline
• —Rendre l'application installable et recevoir des notifications
• —Tests et validation de la PWA sur des scénarios réels
• —--
• —*Compétences :**

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

- Connaissances de base en développement web (HTML, CSS, JavaScript). - Familiarité avec les concepts de responsive design. - Compréhension des requêtes HTTP et des API web.

- Ordinateur avec un système d'exploitation récent (Windows, macOS, Linux). - Navigateur web moderne (Chrome, Firefox, Edge, Safari) à jour. - Un éditeur de code (VS Code, Sublime Text, Atom). - Une connexion internet stable pour les ressources en ligne.

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

L'objectif est de maîtriser la conception et le déploiement d'applications web progressives (PWA) pour améliorer l'expérience utilisateur mobile.

Connaissance de base de l'informatique et de l'HTML/CSS.

Conception de l'architecture d'une PWA, développement de Service Workers performants, rendre une PWA installable et engageante, optimisation pour la performance et le SEO mobile

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.