Réservez les formations disponibles partout en France !

location-dot
location-dot
location-dot
À partir de
location-dot
740a10a9-f758-45cc-b137-b0af2691746a
image OF
Progressive Web Applications

Progressive Web Applications

Qualiopi
En centre
Non éligible CPF
Sélectionnez une session :

Choisissez une date pour pouvoir réserver !

Objectifs
Programme
  • Compréhension et manipulation des concepts associés aux PWA.
  • Manipulation des outils de débogage d’une PWA

1. Introduction

o Origines du concept

o Définition du terme F.I.R.E.

o Environnement de développement et de débogage

o Point sur les exercices à venir

o Point sur la sécurité dans les applications web

o Atelier: Mise en place d’un environnement de développement PWA

2. Manipulation des Services Workers

o Fonctionnement des services workers

o Installation d’un service worker

o Compréhension du cycle de vie d’un service worker. Comment agir sur le cycle de vie

o Manipulation des events du service worker: event ‘install’, ‘activate’, ‘fetch’

o Ateliers:

§ Installer un premier service worker

§ Débogage d’une PWA

§ Prendre le contrôle des événements

§ Découvrir les événements ‘install’, ‘activate’ et ‘fetch’

3. Gestion des stratégies de cache

o Présentation du concept d’App-shell

o Découvrons l’API de cache du service worker

o Découverte des stratégies de cache

o Découverte du mode offline

o Présentation de Workbox

o Ateliers:

§ Mettons en place un app-shell

§ Rendons notre application disponible hors ligne

§ Manipulons le cache d’un service worker

§ Utilisation de workbox pour gérer son cache

4. Aller plus loin avec le service worker

o Découverte de l’event ‘message’

o Découverte de l’évent ‘sync’

o Ateliers:

§ Mise en place d’une communication cross onglets basé sur l’événement ‘message’

§ Mise en place du background-sync pour l’envoi de messages

5. Rendre l’ application installable

o Présentation du manifest

o Présentation des enjeux de l’installation d’une PWA

o Comment rendre une PWA disponible sur les Stores

o Atelier: Création d’un manifest et installation de l’application

6. Engageons notre utilisateur

o Présentation des concepts d’UX de l’engagement utilisateur

o Utilisation de l’événement ‘push’ du service worker

o Découverte des notifications web

o Comment débugger une notification

o Ateliers:

§ Mise en place d’une notification avec Action

§ Mise en place d’un système de Push notification

7. Intégration à la plateforme

o Découverte des possibilités d’intégration d’API “Natives” : Geolocalisation, FullScreen

o Authentification simplifiée avec webAuthN

o PaymentRequest API

o Liste des APIs disponibles

o Design Responsive

o Ateliers:

§ Utilisation de l’api de geolocalisation, fullscreen

§ Mise en place d’une authentification WebAuthN

8. Améliorer la performance de l’application

o Retour sur les formats d’images à utiliser et les techniques associées

o Bonne pratiques de la performance web

o Présentation du pattern P.R.P.L.

o Atelier: Mise en place du P.R.P.L pattern

9. Tour des outils pouvant nous aider

o Liste d’outils pouvant aider à la réalisation d’une PWA

o CLI Angular, Vue, React, …

o Présentation de Workbox

o Atelier: Audit avec LightHouse CI

Public visé

Développeurs, intégrateurs, architectes logiciel, chefs de projet technique

Prérequis
  • Ce cours suppose que vous ayez déjà les bases de de la programmation d’application web (ES6).
  • Connaissances de base en Git
  • Développement front-end avec NPM
  • Installer nodejs (LTS) : https://nodejs.org/
  • Installer git : http://git-scm.com/
  • Votre éditeur favori (nous recommandons Visual Studio Code)
  • Installer Chrome et au moins un autre browser à jour (Edge, Safari, Firefox)

Choisissez une date pour pouvoir réserver !

Autres formations disponibles :
Prochaines sessions disponibles :01 avr.02 avr.03 avr.04 avr.
Qualiopi
En centre
Initial
Non éligible CPF
Prochaines sessions disponibles :08 avr.06 mai03 juin08 juil.
Qualiopi
En centre
Non éligible CPF
Prochaines sessions disponibles :22 avr.10 juin26 août14 nov.
Qualiopi
En centre
Non éligible CPF
Entreprise seulement
formation
Asnières-sur-Seine (92600)
STORYTELLING
Prochaines sessions disponibles :02 avr.29 avr.07 nov.12 nov.
Qualiopi
En centre
Non éligible CPF
Prochaines sessions disponibles :27 mai01 juil.09 déc.
Qualiopi
En centre
Non éligible CPF
logo ouformer
Réalisation :Definima
Utilisation des cookies

Nous utilisons des cookies pour vous fournir l'ensemble de nos services, notamment la recherche et les alertes. En acceptant, vous consentez à notre utilisation de ces cookies.

Refuser
Accepter