Booster des Talents IT

Formation PWA Progressive Web AppsNew Formation !

formation pwa
Formez-vous au nouveau paradigme du développement web !
Alors que le modèle des applications mobiles natives tend à s’essouffler, une nouvelle approche de développement a fait son apparition. Les Progressive Web Applications, qui mêlent le meilleur du web et le meilleur des applications natives ont le vent en poupe. Poussées par Google notamment, les PWA se veulent rapides, fiables, engageantes et disposent de fonctionnalités jusqu’alors réservées aux applications mobiles : accès à la caméra, support hors-ligne ou encore notifications push. Notre formation PWA Progressive Web Apps s’inscrit dans ce changement de paradigme, amené à façonner le Web de demain. Elle vous apportera toutes les connaissances et compétences nécessaires pour le développement d’applications web progressives, pour faire passer l’expérience utilisateur à un tout autre niveau et coller aux nouveaux usages d’un marché en constante mutation. Après avoir passé en revue les nouveaux concepts liés aux PWA, vous apprendrez toutes les bonnes pratiques pour créer et optimiser ces étonnantes applications web !
Prixà partir de
1650 €HT
RéférenceAF27085
Durée3 jours
Public Architectes, Chefs de Projet, Développeurs
PrérequisConnaissances basiques en JavaScript, HTML et CSS
TP60%

Plan de Formation PWA Progressive Web Apps

Introduction à la formation PWA Progressive Web Apps

Présentation générale des Progressive Web Apps
Historique et positionnement
La dimension « progressive » des PWAs
PWA vs. applications mobiles natives et Single Page Applications
Architecture et composants principaux d’une PWA
Avantages et limitations

Atelier : Création d’une première application web progressive

Web App Manifest

Créer un fichier manifest.json
Composants (background_color, description, dir, etc)
Configurer les propriétés du Web App Manifest
Web App Install Banner
Compatibilité avec les différents navigateurs mobiles et desktop

Atelier : Création, configuration, déploiement et test d’un manifest

Service Worker

Les APIs Cache et Fetch
Rappels sur les promises, ES2015
Qu’est-ce qu’un service worker ?
Comprendre l’intérêt de l’utilisation des services workers
Cycle de vie : enregistrement, installation, activation
Périmètre d’action, évènements pris en charge
Support des navigateurs

Atelier : Création de votre propre service worker

Gestion du cache

Options de stockage
Identifier les objets à mettre en cache
Cache statique et cache dynamique
Mettre des fichiers en cache avec un service worker
Stratégies de cache et gestion du cache avancée
Implémenter la solution IndexedDB
Travailler avec IndexedDB et les promises
Application Shell

Atelier : Mise en cache de fichiers avec un service worker, stockage de données avec IndexedDB

Responsive Design

Considérations pour créer des pages web responsives
Les Media Queries, nouveautés de CSS3
Utiliser les images de manière responsive
Ajouter des animations

Atelier : Styliser son application pour la rendre responsive, utilisation des media queries

Notifications et Push de données

Les APIs Notifications et Push
Options des notifications et gestion des autorisations
Bonnes pratiques pour l’implémentation de notifications push (timing, cible, pertinence, design)
Utiliser Background Sync pour gérer les tâches de fond
Synchroniser des données dans le service worker

Atelier : Création et affichage de notifications, utilisation de l’API Background Sync pour différer l’envoi de données

Outils

Bibliothèques et frameworks
Outils de développement des navigateurs
Workbox pour la gestion des service workers
Lighthouse, en tant qu’extension et depuis la ligne de commande
Débogage

Atelier : Installation de Lighthouse, audit et optimisation d’une application web

Utilisation d’APIs pour interagir avec l’appareil et aller plus loin

GPS, vibration et autres fonctionnalités d’application native
Simplifier le paiement, lire les QR Codes, etc

Nos autres formations Développement mobile

AF27745Formation React Native New Formation ! 28 sessions prévues4 jours2350 €HT
AF27085Formation PWA Progressive Web Apps New Formation ! 27 sessions prévues3 jours1650 €HT
AF26944Formation Kotlin New Formation ! 32 sessions prévues4 jours2250 €HT
AF26242Formation Ergonomie mobile et tactile 33 sessions prévues3 jours1650 €HT
AF24389Formation Ionic 31 sessions prévues2 jours1090 €HT
Voir les 17 formations
Vous pouvez également être intéressé par des formations Android, applications web progressives, Google, progressive web apps, pwa, service workers, web app manifest ou par les formations de notre filière Développement mobile
A propos de PWA Progressive Web Apps
Une Progressive Web App (PWA) est une application web qui fonctionne à la fois sur ordinateur (par l’intermédiaire d’un navigateur web) et qui offre un ressenti comparable à celui d’une application native sur mobile. Cette approche pour le développement d’applications vise à offrir une expérience utilisateur aussi bonne que pour une application mobile, en enlevant les contraintes qui y sont généralement liées (publication sur les stores, utilisation élevée de la mémoire…). Parmi les avantages conférés par les Progressive Web Apps, on peut citer un chargement instantané (grâce au Service Worker), un engagement de l’utilisateur renforcé avec la prise en charge des notifications Push, une sécurité accrue par l’utilisation de HTTPS, la possibilité d’accéder à l’application depuis plusieurs périphériques (Responsive) ou encore la disponibilité sur l’écran d’accueil avec le Web App Manifest. En savoir plus
Prixà partir de
1650 €HT
RéférenceAF27085
Durée3 jours
Public Architectes, Chefs de Projet, Développeurs
PrérequisConnaissances basiques en JavaScript, HTML et CSS
Travaux pratiques60%
Suivez l'une de
nos 27 sessions
le 28/01/2019 à Paris
le 30/01/2019 à Lille
le 11/02/2019 à Nantes
le 13/02/2019 à Grenoble
le 13/02/2019 à Lyon
le 25/03/2019 à Paris
le 26/03/2019 à Toulouse
le 01/04/2019 à Lyon
le 01/04/2019 à Grenoble
le 03/04/2019 à Aix-en-Provence
le 20/05/2019 à Lille
le 21/05/2019 à Paris
le 03/06/2019 à Grenoble
le 03/06/2019 à Lyon
le 05/06/2019 à Nantes
le 01/07/2019 à Paris
le 16/07/2019 à Toulouse
le 04/09/2019 à Aix-en-Provence
le 30/09/2019 à Grenoble
le 30/09/2019 à Lyon
le 02/10/2019 à Lille
le 21/10/2019 à Paris
le 19/11/2019 à Nantes
le 25/11/2019 à Grenoble
le 25/11/2019 à Lyon
le 02/12/2019 à Paris
le 03/12/2019 à Toulouse
Voir toutes les dates