PWA - Développer des Progressive Web Applications (PWA)

Référence : 18782-180625-4-PWA

Infos pratiques

  • Durée : 2 jours soit 14 heures
  • Population visée : Ouvrier – Employé – Employé qualifié – Cadre – Cadre supérieur
  • Public concerné : Toute personne souhaitant apprendre à développer des progressive Web Applications

Programme

Objectifs pédagogiques

A l’issue de cette formation, l’apprenant sera capable de :

  • Développer une Progressive Web Application ;
  • Mettre en place un Service Worker ;
  • Gérer le cache avec différentes stratégies pour le mode hors ligne ;
  • Créer et afficher des notifications.

Pré-requis

  • Avoir une bonne maîtrise des langages Web tels que HTML, CSS et JavaScript.

Objectifs opérationnels et contenu de la formation

Présentation PWA

  • Historique
  • Description
  • Contraintes

Architecture applicative

  • Notion " application shell "
  • Expérience utilisateur
  • Travaux pratiques : Génération d'un projet et mise en place de l'architecture

Manifest

  • Définition
  • Options du manifeste
  • Travaux pratiques : Réalisation d'une application permettant de manipuler un manifest.

Service Worker

  • Définition
  • Cycle de vie
  • Communication avec l'application
  • Outils de développements
  • Travaux pratiques : Réalisation d'une application permettant de manipuler les transitions et les animations

 

Cache

  • Définition
  • Cacher les fichiers statiques
  • Cacher des requêtes
  • Différentes stratégies de cache
  • Travaux pratiques : Réalisation d'une application permettant de mettre en place le mode hors ligne d'une application en cachant les fichiers statiques et les requêtes

Push notifications

  • Concepts
  • Autorisation
  • PushManager API
  • Outils de développement
  • Travaux pratiques : Réalisation d'une application permettant de s'enregistrer auprès d'un serveur de push et affichage de notifications

Méthodes et moyens

  • Explications théoriques suivies de pratiques guidées puis mises en autonomie
  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Méthodes d’évaluation des acquis

  • Exercices de synthèse et d’évaluation
  • Evaluation de fin de stage

Profil formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Support stagiaire

  • Support papier ou électronique (dématérialisé)
  • Les exercices d’accompagnement peuvent être récupérés sur clef USB