Formation PWA

DÉVELOPPER DES PROGRESSIVE WEB APPS :

La notion de PWA consiste à mettre en œuvre de nouveaux standards du Web pour apporter aux sites et applications Web des capacités jusqu'ici réservées aux applications mobiles (installation locale, fonctionnement offline, notifications push...). Cette formation vous apportera les clés pour la mise en œuvre des PWA.

Objectifs pédagogiques :

  • Appréhender l'état de l'art des Progressive Web Apps
  • Connaître les différentes stratégies de mise en œuvre des Progressive Web Apps
  • Identifier les composants et outils nécessaires ou facilitant la mise en œuvre de Progressive Web Apps
  • Mettre en œuvre les techniques de conception de Progressive Web Apps
  • Tp : Conception d'un site Web avec enrichissement progressif en PWA.

<

Tarification et déroulement

Formation Accélérée

3000 DH ≈

  • Type de formation : Individuel
  • Volume horaire : 24 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Horaire : Flexible selon votre disponibilité et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 3 jours ou bien répartir votre heures selon votre rythme, votre engagement

Formation continue

1000 DH/Mois ≈

  • Type de formation : Individuel
  • Volume horaire : 24 heures
  • Durée de la formation : 3 mois
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription

Formation continue

400 DH/Mois ≈

  • Type de formation : En groupe
  • Volume horaire : 24 heures
  • Durée de la formation : 3 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits

Formation continue Accélérée

1000 DH/Mois ≈

  • Type de formation : En groupe
  • Volume horaire : 24 heures
  • Durée de la formation : 1 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : 3 séances de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits
×

Formulaire d'inscription au Competence Center

Virement Bancaire

Comment dois-je faire pour payer les frais d'inscription

Competence Center met à votre disposition des méthodes de paiement flexibles et en toute sécurité

Paiement par virement bancaire (RIB : 127270212119022082000414).

Paiement en cash chez notre centre (À côté de la pharmacie Bahja sur l'avenue Mhd 5, au-dessus du café El Mamouniya).

Programme de formation

1 INTRODUCTION :

  • Retour sur l'histoire de la mobilité.
  • L'impact de la mobilité sur le Web.
  • Comparatif forces/faiblesses entre applications mobiles natives et Web.

2 LES COMPOSANTS DE BASE DES PWA :

  • Un proxy dans le navigateur avec les Service Workers.
  • La sécurité imposée avec HTTPS.
  • Quel support dans les navigateurs ?
  • La dimension "Progressive" dans les PWA.

3 LE SERVICE WORKER EN DÉTAILS :

  • Rappels sur les principes et API de base : ES6, promises, Fetch...
  • Cycle de vie d'un Service Worker.
  • L'installation : téléchargement, périmètre d'action (scope).
  • La mise à jour.
  • Le déclenchement, les événements pris en charge.
  • Tp : Création et installation d'un Service Worker.

4 API CACHE : TOLÉRANCE DE DÉFAILLANCE RÉSEAU ET OFFLINE :

  • Opérations de base sur l'API Cache depuis un Service Worker.
  • Quels contenus peuvent être en cache ?
  • Gestion du cycle de vie des contenus en cache.
  • Autres moyens de stockage : pas de support localStorage, mais IndexedDB.
  • Une SPA ultra rapide avec l'architecture Application Shell.
  • Accéder au cache depuis une page.
  • Tp : Mise en place du cache sur ressources statiques, sur pages.

5 OUTILS POUR LA MISE EN ŒUVRE :

  • Bibliothèques, composants et frameworks : Workbox, frameworks intégrant de base les Service Workers.
  • Développement et débogage : outils navigateurs, Lighthouse.
  • Tp : Manipulation des outils navigateurs, de Lighthouse.

6 INSTALLATION DE L'APPLICATION SUR L'APPAREIL :

  • Le Web App Manifest.
  • La Web App Install Banner.
  • Comportement des différents navigateurs mobiles et desktop.
  • Tp : Mise au point du Manifest.

7 LES NOTIFICATIONS ET LE PUSH DE DONNÉES :

  • L'API Notifications.
  • Intégration aux notifications natives de l'OS.
  • Gestion d'autorisation par l'utilisateur.
  • Pousser des données depuis le serveur avec l'API Push.
  • Mise à jour en tâche de fond avec l'API Background Sync.
  • Tp : Mettre en place une notification.

8 AUTRES CAPACITÉS NOUVELLES SUR LE WEB POUR ALLER PLUS LOIN :

  • Paiement simplifié avec l'API Payment Request.
  • Lecture de QR code avec les API getUserMedia/Stream et Shape Detection.
  • Réalité virtuelle et réalité augmentée.
  • Tp : Lire un QR code.

Notre priorité

Formation flexible

Vous souhaitez actualiser vos connaissances ou acquérir un diplôme ? Choisissez parmi les différentes formations en informatique le cours qui vous convient, à vos rythme, tout au long de vos formation.

Qualités requises

L’informatique est un outil majeur de stratégie et de compétitivité. Il est devenu indispensable aux entreprises et au grand public... Profitez des conseils avec nous pour bien maîtriser l’informatique.

Formation à distance

Il est possible de devenir webmaster, webdesigner ou référenceur... Profitez avec notre centre des formations diplômantes et certifiantes à distance pour s’orienter aux métiers du web.

prix compétitifs

Depuis la création de notre centre, nous ne cessons de développer nos connaissances pour assurer de formation performante avec un prix abordable, raisonnable et particulièrement avantageux.