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

Objectifs de la formation

Savoir architecturer et concevoir des projets web JEE performants à  base de Servlets et de JSP - Mettre en place le pattern MVC
Tarif

A partir de 1 625,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Créer des Design de site web - Créer des sites web - Intégrer des pages HTML
Tarif

A partir de 2 475,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Créer des sites Web avec InDesign
  • Décrire le marché du Digital Publishing
  • Définir les formes de documents digitaux possibles avec InDesign sans coder
  • Créer un projet de document digital adapté à tous les écrans
  • Créer des documents animés et interactifs
  • Créer des prospectus numériques
  • Utiliser les palettes d'objets interactifs d'InDesign
  • Utiliser les palettes d'interactions complémentaires proposées avec le plug-in in5
  • Produire des eBooks interactifs et des sites Web
  • Exporter un document sous différents formats (Publish Online et ePub FXL)
  • Exporter au format HTML5 avec le plug-in in5.
Tarif

A partir de 1 340,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Appréhender l'ensemble des concepts et principes du référencement ;
  • Savoir définir les expressions sur lesquels vous pourrez positionner votre site ;
  • Définir vos objectifs, qualifier et quantifier les moyens nécessaires ;
  • Savoir maîtriser les freins et leviers du référencement ;
  • Savoir comment améliorer l'architecture de votre site ;
  • Savoir comment améliorer le contenu de vos pages Web ;
  • Savoir comment acquérir des liens pertinents ;
  • Maîtriser l'optimisation du développement de votre site.
Tarif

Contacter l'organisme

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Découvrir la méthodologie de l'UX design et du pilotage de projets Web (pour des sites, des apps et tout support numérique)
  • Expérimenter les bonnes pratiques en matière d’interfaces (UI) pour une proposition de valeur menant à la satisfaction des internautes
  • Activer, mesurer et optimiser les bons leviers pour favoriser des parcours menant à la conversion, du SEO à l'A/B testing
Tarif

A partir de 1 590,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise

Objectifs de la formation

Maîtriser la création de sites web en HTML/CSS et JavaScript/DHTML
Tarif

A partir de 1 275,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Gérer des identités Azure AD
  • Inscrire des périphériques dans Azure
  • Gérer les profils de périphériques
  • Gérer les profils utilisateurs
  • Déployer des applications
  • Gérer la conformité des périphériques
  • Gérer la protection des périphériques
  • Déployer des nouveaux périphériques
  • Appréhender Windows 365 et Azure Virtual Desktop
Tarif

A partir de 2 950,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Décrire l'architecture logicielle de Magento ;
  • Modifier l'intégration des pages Web de Magento ;
  • Concevoir des templates personnalisés
  • Etendre les fonctionnalités de Magento en créant des modules spécifiques ;
  • Concevoir et implémenter des services Web
  • Définir des tests unitaires
  • Mettre en oeuvre les bonnes pratiques en matière de développement et personnalisation pour Magento.
Tarif

Contacter l'organisme

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Identifier et décrire l'ensemble des concepts ASP .NET ;
  • Personnaliser une application Web ;
  • Accéder aux données dans les pages Web ;
  • Manipuler des données XML ;
  • Créer et consommer des Services Web ;
  • Sécuriser une application Web ;
  • Utiliser les composants les extensions Microsoft Ajax, ainsi que l'Ajax Control Toolkit ;
  • Déployer une application Web
Tarif

A partir de 990,00 €

Durée

35 heures

Modes
  • Distance

Microsoft 365 - Power Apps/Power Automate

Proposé par CIT FORMATION INFORMATIQUE

Objectifs de la formation

Tout utilisateur “fonctionnel” souhaitant créer des mini-applications métiers (basées sur les données) avec Power Apps et automatiser ses flux avec Power Automate 

À l'issue de la formation, le stagiaire sera capable de : 

  • Construire une application PowerApps par rapport à un besoin métier 
  • Vous connecter à des sources de données locales et dans le cloud 
  • Utiliser le centre d'administration de PowerApps 
  • Automatiser ses processus avec Power Automate 
Tarif

A partir de 1 350,00 €

Durée

3 jour(s)

Modes
  • Entreprise
  • Distance
  • Centre

Je cherche à faire...