Développement Web PWA Bases & Avancé

PWA

Service Workers, Manifest, Offline, Push Notifications…

📘 Présentation du cours

Apprenez à transformer vos sites web en applications mobiles puissantes et performantes grâce aux Progressive Web Apps (PWA).

Objectifs pédagogiques

  • Maîtriser le fichier manifest.json pour l'installation
  • Comprendre et implémenter les Service Workers
  • Mettre en place des stratégies de cache avancées avec Workbox
  • Gérer le mode hors-ligne et l'architecture Offline-First
  • Utiliser les APIs natives (Push, Share, File System)
  • Optimiser les performances et auditer avec Lighthouse

📚 Contenu du cours

Partie Partie 1 : Fondamentaux et Architecture

1
Introduction aux PWA
2
Le Manifeste de l'Application Web
3
Service Workers : Architecture et Enregistrement
4
Cycle de Vie et Événements SW
5
Stratégies de Mise en Cache avec Cache Storage
6
Workbox : La gestion moderne des SW

Partie Partie 2 : Données et Synchronisation

7
Mode Hors-ligne et UX (Offline-First)
8
IndexedDB : Stockage de données asynchrone
9
Background Sync et Periodic Sync
10
Notifications Push et Badging API
11
App Shell et Navigation Preload
12
Web Share et Contact Picker (APIs Fugu)

Partie Partie 3 : Fonctionnalités et Déploiement

13
Accès au Système de Fichiers (File System Access)
14
Performance, Web Vitals et PWA
15
Sécurité, HTTPS et CSP
16
Audit avec Lighthouse et Debugging
17
Projet Pratique : Dashboard PWA Complet
18
Déploiement, TWA et Future des PWA

Prérequis

Bonnes connaissances en HTML, CSS et JavaScript moderne (ES6+).

Méthodologie

Notre approche pédagogique est conçue pour une progression optimale :

Théorie simple
Pratique concrète
Quiz & Validation
Projet final

📖 Commencer le cours

Besoin d'aide ?
Tuteur Virtuel
Bonjour ! Je suis votre tuteur virtuel. Comment puis-je vous aider avec ce cours aujourd'hui ?
Historique des conversations
Chargement...