PWA: Progressive Web App

Inter-company training

How long does the training course last?

 2,00 day(s)

In which language(s) is the training course taught?

EN FR

When will the next session take place?

Who is organising this training course?

Dawan is a training organisation that offers more than 2000 training courses in IT, management, project management and sales in instructor-led live online or on-site trainings. We have 11 centres in France and we have developed partnerships with local structures in Brussels, Luxembourg and Geneva. Our catalogue includes hundreds of topics: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, IA etc. Our courses have been created and designed by in-house trainers who have over 20 years of teaching experience. Constantly renewed, they are adapted to the requirements of our customers and to the evolution of technologies.

See more

Who is the training course aimed at?

Développeurs Web et Mobile

What are the prerequisites?

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

What are the aims or the skills being targeted?

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

What does the training course cover?

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 stratégie 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

What teaching methods are used?

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

How is the assessment organised?

Contrôle continu

What will you receive at the end of the training course?

Attestation de fin de stage mentionnant le résultat des acquis

How to contact the training provider?

Dawan - Service commercial

These courses might interest you

EN
Day
OmniPage
On request
Computer science - Data digitalisation