Formation PWA Progressive Web Apps

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

  • Concevoir des Progressive Web Apps
  • Connaître le Web App Manifest
  • Utiliser le Service Worker
  • Gérer le cache
  • Maîtriser le Responsive Design
  • Manier les notifications et le push de données
  • Connaître les outils et les APIs

Sparks


Tout l'IT, vraiment tout
Voir la fiche entreprise

Tarif

A partir de 1 950,00 €

Durée 3 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Sparks


Tout l'IT, vraiment tout
Voir la fiche

Tarif

A partir de 1 950,00 €

Durée 3 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

Alors que le modèle des applications mobiles natives tend à s’essouffler, une nouvelle approche de développement a fait son apparition. Les Progressive Web Applications, qui mêlent le meilleur du web et le meilleur des applications natives ont le vent en poupe. Poussées par Google notamment, les PWA se veulent rapides, fiables, engageantes et disposent de fonctionnalités jusqu’alors réservées aux applications mobiles : accès à la caméra, support hors-ligne ou encore notifications push. Notre formation PWA Progressive Web Apps s’inscrit dans ce changement de paradigme, amené à façonner le Web de demain. Elle vous apportera toutes les connaissances et compétences nécessaires pour le développement d’applications web progressives, pour faire passer l’expérience utilisateur à un tout autre niveau et coller aux nouveaux usages d’un marché en constante mutation. Après avoir passé en revue les nouveaux concepts liés aux PWA, vous apprendrez toutes les bonnes pratiques pour créer et optimiser ces étonnantes applications web !

Programme

Introduction à la formation PWA Progressive Web Apps

Présentation générale des Progressive Web Apps
Historique et positionnement
La dimension « progressive » des PWAs
PWA vs. applications mobiles natives et Single Page Applications
Architecture et composants principaux d’une PWA
Avantages et limitations
Exemple de cas pratique : Création d’une première application web progressive

Web App Manifest

Créer un fichier manifest.json
Composants (background_color, description, dir, etc)
Configurer les propriétés du Web App Manifest
Web App Install Banner
Compatibilité avec les différents navigateurs mobiles et desktop
Exemples de cas pratiques : Création, configuration, déploiement et test d’un manifest

Service Worker

Les APIs Cache et Fetch
Rappels sur les promises, ES2015
Qu’est-ce qu’un service worker ?
Comprendre l’intérêt de l’utilisation des services workers
Cycle de vie : enregistrement, installation, activation
Périmètre d’action, évènements pris en charge
Support des navigateurs
Exemple de cas pratique : Création de votre propre service worker

Gestion du cache

Options de stockage
Identifier les objets à mettre en cache
Cache statique et cache dynamique
Mettre des fichiers en cache avec un service worker
Stratégies de cache et gestion du cache avancée
Implémenter la solution IndexedDB
Travailler avec IndexedDB et les promises
Application Shell
Exemples de cas pratiques : Mise en cache de fichiers avec un service worker, stockage de données avec IndexedDB

Responsive Design

Considérations pour créer des pages web responsives
Les Media Queries, nouveautés de CSS3
Utiliser les images de manière responsive
Ajouter des animations
Exemples de cas pratiques : Styliser son application pour la rendre responsive, utilisation des media queries

Notifications et Push de données

Les APIs Notifications et Push
Options des notifications et gestion des autorisations
Bonnes pratiques pour l’implémentation de notifications push (timing, cible, pertinence, design)
Utiliser Background Sync pour gérer les tâches de fond
Synchroniser des données dans le service worker
Exemples de cas pratiques : Création et affichage de notifications, utilisation de l’API Background Sync pour différer l’envoi de données

Outils

Bibliothèques et frameworks
Outils de développement des navigateurs
Workbox pour la gestion des service workers
Lighthouse, en tant qu’extension et depuis la ligne de commande
Débogage
Exemples de cas pratiques : Installation de Lighthouse, audit et optimisation d’une application web

Utilisation d’APIs pour interagir avec l’appareil et aller plus loin

GPS, vibration et autres fonctionnalités d’application native
Simplifier le paiement, lire les QR Codes, etc

Prérequis

Connaissances en JS, HTML et CSS

Public

Architectes logiciels,

Ces formations pourraient vous intéresser

Formation Gestion des conflits

Proposé par LEFEBVRE DALLOZ COMPETENCES

Objectifs de la formation

  • Analyser le conflit
  • Développer la coopération
  • Gérer les comportements
  • Utiliser le champ des émotions
  • Résoudre le conflit
Tarif

A partir de 1 490,00 €

Durée

2 jours

Modes
  • Entreprise
  • Centre
  • Distance

Auditer et sécuriser un site Web

Proposé par ENI Service

Objectifs de la formation

  • Auditer une application Web par un test de pénétration à l'aide d'outils automatiques mais aussi manuellement ;
  • Mettre en place des contres mesures pour se prémunir des attaques.
Tarif

Contacter l'organisme

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Citer les principaux enjeux et concepts de la responsabilité sociétale de l'entreprise (RSE)
  • Enumérer les obligations et référentiels essentiels de la RSE
  • Lister les étapes-clés de réduction des impacts et de mise en oeuvre d'une démarche RSE
Tarif

A partir de 190,00 €

Durée

1 heure 30

Modes
  • Entreprise

Objectifs de la formation

  • Exploiter les avantages pratiques des ETF dans sa gestion
  • Expliquer les étapes du processus d'émission des ETF par les banques
  • Décrire le processus de formation des prix de marché
Tarif

Contacter l'organisme

Durée

Nous contacter

Modes

Objectifs de la formation

  • Maîtriser les fonctionnalités du navigateur
  • Effectuer des recherches efficaces
  • Utiliser la messagerie en ligne et instantanée
  • Utiliser un agenda en ligne et partagé
Tarif

Contacter l'organisme

Durée

1j / 7h

Modes
  • Centre
  • Entreprise
  • Distance

Formation Atelier de La Fresque du Climat®

Proposé par LEFEBVRE DALLOZ COMPETENCES

Objectifs de la formation

  • Expliquer les liens de causes à effets qui régissent le climat, ainsi que ses conséquences.
  • Identifier les différents leviers d'action possibles pour faire face au réchauffement climatique, dans un contexte de transition écologique globale.
  • Comparer l'impact des différents leviers d'action imaginables, les critiquer de manière constructive, et argumenter sur ses choix et idées, dans un contexte défini.
Tarif

A partir de 645,00 €

Durée

3 heures 30

Modes
  • Entreprise
  • Centre

Le travail collaboratif en ligne

Proposé par GROUPE LEXOM

Objectifs de la formation

  • Différencier les concepts liés au travail collaboratif
  • Préparer et opérer un travail collaboratif
  • Distinguer les spécificités de la collaboration mobile
Tarif

A partir de 1 390,00 €

Durée

1j / 7h

Modes
  • Centre
  • Entreprise
  • Distance

Excel - Les Formulaires

Proposé par GROUPE LEXOM

Objectifs de la formation

  • Utiliser les barres d'outils Formulaires ou Commandes
  • Créer un formulaire simple à partir d'une feuille de calcul Excel
  • Lier les données du formulaire à une feuille de calcul ou classeur
  • Créer une boîte de dialogue simple et de manipuler automatiquement les données saisies
Tarif

A partir de 1 390,00 €

Durée

1j / 7h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Connaître et savoir utiliser les bons réseaux sociaux pour son entreprise
  • Créer des publications professionnelles et des contenus
  • Mettre en place des visuels adaptés à vos réseaux sociaux
  • Optimiser la gestion des pages professionnelles avec l’outil 2.0 « Meta Business Suite »
  • Animer le compte social professionnel
  • Créer une campagne sponsorisée efficace sur les réseaux sociaux
  • Élaborer un plan social média en créant sa ligne éditoriale.
Tarif

A partir de 2 200,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Préciser le fonctionnement de la finance responsable dans l'univers plus global de la finance
  • Désigner les différents enjeux de la finance durable : enjeux environnementaux et sociétaux
  • Définir précisément ce qu'est la finance responsable et identifier ses différents acteurs
  • Expliquer le cadre règlementaire et donc les obligations qui en découlent
  • Identifier les différents produits financiers présents sur le marché
Tarif

A partir de 155,00 €

Durée

7 heures

Modes
  • Entreprise

Je cherche à faire...