Formation Intégration Web et mobile / Développeur Front End Progressive Web Apps (PWA) pour les mobiles

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques

• Créer des Progressive Web Apps (PWA) pour les Smartphones et tablettes
• Décrire l'architecture de base des PWA
• Utiliser les API HTML 5
• Utiliser les outils de développement et de contrôle des PWA
• Exploiter les frameworks adaptés.

Modalités et moyens pédagogiques

Formation délivrée en présentiel ou distanciel* (e-learning, classe virtuelle, présentiel à distance).

Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).

Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :

• Ordinateurs Mac ou PC (sauf pour les cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
• Environnements de formation installés sur les postes de travail ou en ligne
• Supports de cours et exercices

En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatique...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.

* nous consulter pour la faisabilité en distanciel

** ratio variable selon le cours suivi

Niveau requis

Avoir suivi les formations JVS-IN "JavaScript" et HTM-FND "HTML 5 et CSS 3 - Création de pages Web" ou avoir les connaissances équivalentes.

Public concerné

Webdesigners et développeurs Web.

Programme

Le concept

• Les solutions sur mobile
• Sites Web
• Hybrides
• Natives
• Limite des PWA
• Compatibilité des navigateurs

Les API HTML 5

• Les API de base
• Service Worker
• Mise en oeuvre
• Cycle de vie
• Mise à jour
• Cache API
• Contenu et cycle de vie
• Online / offline

UX

• Icône et splash screen
• Changements d'état
• Lors d'une mise à jour
• Evènements online / offline
• Background Sync

Installation de l'application

• Web App Manifest
• Web App Install Banner
• Compatibilité des navigateurs

Notifications et push

• API notifications
• Notifications natives de l'OS
• API push
• Background Sync

Outils

• Frameworks
• Google Workbox
• Angular
• React
• Vue
• Preact
• Outils navigateurs
• Extension Lighthouse

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

• En cours de formation, par des productions
• Et, en fin de formation, par un questionnaire d'auto-évaluation

Partager cette formation Télécharger au format pdf Ajouter à mes favoris