Les PWAs

Développer des Progressive Web Apps

  • Filière :

    Développement logiciel

  • Sous-filière :

    Applications mobiles & PWA

  • Référence

    XW-PWA

  • Durée

    2 jours (14 h)

  • Prix unitaire HT

    1 150 € HT

Description

Avec les PWAs, l’expérience utilisateur s’améliore :

  • des applications plus accessibles puisque ne nécessitant aucune installation,
  • des chargements instantanés grâce aux services worker,
  • la gestion des notifications grâce à la Notification API Notification et la Push API,
  • la sécurité avec des applications HTTPS.

Objectifs pédagogiques

  • Comprendre les principes
  • Connaître les étapes pour mettre en oeuvre votre PWA
  • Mettre en oeuvre les outils pour optimiser votre application

Public cible

  • Chefs de projets
  • Concepteurs
  • Développeurs

Pré-requis

Connaissances de JavaScript

Programme de la formation

Introduction

  • La convergence de la mobilité et du web
  • Les contraintes de la mobilité pour les applications Web
  • Comparatif des applications hybrides / natives / web
  • Les limitations des PWAs

Les composants de base des PWA

  • L’Application Shell
  • Le Web App Manifest
  • Le Service Worker

Web App Manifest

  • Les propriétés
  • Les splashs screens
  • Tester le manifest

Invite d’installation de l’application

  • Page d’accueil (web)
  • Invite d’installation (native)

Le Service Worker

  • Architecture de base
  • Installation / Configuration
  • L’interface Cache

Notification API

  • Demande de permission
  • Affichage d’une notification
  • Associer des actions
  • Gestion des événements utilisateur dans le service worker

Push API

  • Fonctionnement
  • Gestion des événements push dans le service worker
  • Abonnement aux notifications push
  • Le protocole Web Push
  • Le protocole VAPID

Les Outils disponibles pour la mise en oeuvre

Qualité

Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.

Programme mis à jour le