Formation Progressive Web App (PWA)

Objectifs

• Découvrir comment développer des Progressive Web Apps (PWA)


• Explorer les bénéfices et les contraintes des PWA


• S'initier aux diverses API nécessaires à la création de PWA

Programme de la formation

Module 1 : Introduction aux PWA

• Définition des Progressive Web Apps (PWA) : comprendre ce que sont les PWA, leurs avantages et leurs usages.


• Prérequis techniques : connaissances nécessaires en HTML, CSS, JavaScript et concepts de design responsive.

Module 2 : Découverte des API fondamentales

• API Service Worker : installation, configuration et utilisation de l'API pour gérer le cache et les requêtes réseau.


• API de stockage (IndexedDB) : apprendre à stocker des données en mode déconnecté.


• API de notification : mise en place et envoi de notifications push.

Module 3 : Mise en pratique initiale

• Création d'une PWA minimaliste : application des connaissances acquises pour développer une première PWA.

Module 4 : Approfondissement des concepts

• Utilisation avancée de l'API Service Worker : gestion des erreurs et optimisations en mode déconnecté.


• API de géolocalisation : intégration des données géographiques pour améliorer l'expérience utilisateur.


• API de caméra : accès à la caméra pour prendre des photos ou vidéos.


• API de microphone : enregistrement audio via le microphone.


• API de boussole : fournir des informations directionnelles à l'utilisateur.

Module 5 : Amélioration de la PWA

• Atelier pratique : enrichissement de la PWA développée précédemment en ajoutant des fonctionnalités avancées.

Module 6 : Conclusion et déploiement

• Publication de la PWA : étapes pour déployer sur un serveur web.


• Optimisation SEO : bonnes pratiques pour améliorer le référencement.


• Suivi des performances : outils et techniques pour monitorer l'efficacité de la PWA.

Validation et sanction

• Compréhension des PWA : Capacité à expliquer ce que sont les PWA et leurs avantages.


• Compétences techniques : Maîtrise des technologies web de base (HTML, CSS, JavaScript) et des concepts de design responsive.


• Utilisation des API : Savoir installer et configurer les API essentielles (Service Worker, IndexedDB, notifications, géolocalisation, caméra, microphone, boussole).


• Développement d'une PWA : Capacité à créer une PWA fonctionnelle et à intégrer des fonctionnalités avancées.


• Déploiement et optimisation : Compétences pour publier une PWA sur un serveur, optimiser pour le référencement et suivre les performances.


• Résolution de problèmes : Aptitude à gérer les erreurs et les situations hors ligne.


• Créativité et innovation : Développement d'applications web engageantes et adaptées aux utilisateurs.

Type de formation

Non certifiante

Sortie

Sans niveau spécifique