Formation PWA: Progressive Web App

Qualiopi

Un support et les exercices du cours pour chaque stagiaire Un formateur expert ayant suivi une formation à la pédagogie Boissons offertes pendant les pauses en inter-entreprises Salles lumineuses et locaux facilement accessibles Méthodologie basée sur l'Active Learning : 75% de pratique minimum Matériel pour les formations présentielles informatiques : un PC par participant Positionnement à l'entrée et à la sortie de la formation Certification CPF quand formation éligible

À partir de 1575 €
Durée 14h en 2 jours
Localisation Partout en France
Logo de DAWAN - Formation PWA: Progressive Web App

Proposé par

DAWAN

Prérequis

Bonnes connaissances HTML5/CSS3 et JavaScript/ES6. Avoir quelques notions avec les JS API HTML5

Public admis

  • Salarié en Poste
  • Entreprise

Demandeur d'emploi et Etudiant non admis

Financement

  • Votre OPCO
  • Financement personnel

Financement CPF non pris en charge

Modalités

  • En centre
  • En entreprise
  • À distance

Objectifs pédagogiques

Apprendre à  développer des applications mobiles de type Progressive Web App (PWA)

Programme de la formation

Introduction

Présentation des types d'application mobile
Les avantages et inconvénients
Présentation des Progressives Web App (PWA)
Rappel HTML5
Rappel JavaScript/ES6 (promesse, fetch, async/await)

Définir les bases d'une PWA

Découvrir le context de développement
Les règles à respecter (https, sw, manifest)
Le principe du offline first
Les frameworks SPA
L'architecture Applications Shell

Atelier: Tester l'application avec Lighthouse 

Utiliser les services workers

Présentation des services workers
Déclaration et configuration
Découvrir les évènements disponibles (install, activate, fetch)
Mettre en cache des jeux de données
Construire et restituer une réponse depuis le service worker
Gérer la mises à jours des données

Atelier: mettre en place une strategie de mise en cache à l'aide d'un service worker 

Gérer le caches

Présentation de l'API cache
Type de contenu cachable
Les évènements disponibles
Manipuler les données dans le cache
Alternative à l'API cache: IndexedDB

Installer l'application

Le fichier manifest.json
Définir les caractéristiques de l'app (nom, images splash, icône)
Web App Install Banner
Les compatibilités navigateurs

Atelier: Créer le fichier manifest.json

Mettre en place des notifications 

Présentation de l'API Notification
Gestion des autorisations
Déclencher des notifications
Présentation de l'API Push
Notifier depuis un serveur

Atelier: Mettre en place des notifications 

 

Logo de DAWAN - Formation Formation PWA: Progressive Web App

Proposé par

DAWAN

"Formez-vous à l’excellence."

Voir la fiche entreprise
À partir de 1575 €
Logo de DAWAN - Formation PWA: Progressive Web App

Formation PWA: Progressive Web App

0 ville proposant cette formation
Logo

La 1ère plateforme pour trouver une formation, choisir son orientation ou construire son projet de reconversion.

© 2024 France Carrière. Tous droits réservés.