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

  • Concevoir l'architecture et la mise en œuvre d'une application Web
  • Créer des modèles
  • Ajouter des contrôleurs à une application MVC
  • Utiliser le moteur de routage et créer des routes
  • Réaliser des vues avec Razor et créer des Tag Helpers 
  • Créer des View Component pour favoriser la réutilisation 
  • Optimiser les applications en réalisant des traitements asynchrones (AJAX) 
  • Mettre en place des contrôles de validation coté client 
  • Protéger les pages d’une application en intégrant une couche de sécurité?
  • Déployer une application sur un serveur Web  
  • Concevoir et exécuter des tests unitaires?
  • Concevoir et implémenter un service REST
Tarif

A partir de 2 850,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

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

  • Sécuriser un code PHP ou une interface avec du PHP
  • Créer des tests visant à éprouver la sécurité des applications Web, notamment sous PHP
  • Analyser et organiser la sécurité d'une application Web développée en PHP
  • Formuler des exigences de sécurité aux autres corps de métiers.
Tarif

A partir de 2 010,00 €

Durée

3j / 21h

Modes
  • Centre
  • Distance

Objectifs de la formation

Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes
Tarif

A partir de 2 645,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Construire une page Web en HTML5
  • Mettre en forme une page avec CSS3
  • Créer des formulaires avancés
  • Créer des tableaux de données
  • Créer des menus de navigation
  • Gérer des interactions simples en JavaScript
Tarif

A partir de 4 650,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

ASP.NET - Les fondamentaux

Proposé par CIT FORMATION INFORMATIQUE

Objectifs de la formation

Acquérir les fondamentaux pour développer des applications basées sur ASP.NET avec Visual Studio. 

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

  • Créer des pages dynamiques
  • Lier ses applications avec des bases de données
  • Intégrer des services Web utilisant les technologies XML
Tarif

Contacter l'organisme

Durée

5 jour(s)

Modes
  • Entreprise
  • Centre

Objectifs de la formation

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

  • Décrire le principe de Power Apps
  • Construire une application Power Apps
  • Définir le Dataverse
  • Utiliser le Dataverse
  • Concevoir une interface utilisateur
  • Expérimenter les fonctions de navigation
  • Utiliser le centre d'administration de Power Apps.
Tarif

A partir de 1 220,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

Objectifs de la formation

Maîtriser l'utilisation de Spring Boot, Web et Security pour la construction de web services REST - Implémenter une couche performance de persistance de données dans une base relationnelle
Tarif

A partir de 2 975,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

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

  • Organiser, noter et rechercher des photos
  • Corriger des photos, effectuer des retouches : retirer une tâche ou un élément gênant sur une photo
  • Réaliser des sélections et des détourages simples
  • Créer des collages photos avec des cadres et du texte
  • Partager et diffuser sur le Web et sur tablettes.
Tarif

A partir de 1 290,00 €

Durée

3j / 21h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • S'approprier les grands concepts de Web Intelligence
  • Gérer des documents et des rapports Webi
  • Créer des requêtes
  • Présenter des données dans des tableaux et des graphiques
  • Maîtriser les meilleures pratiques de mise en forme des documents
  • S'initier aux calculs, utiliser des fonctions et variables
Tarif

A partir de 1 200,00 €

Durée

2 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Savoir administrer un site web avec le CMS Joomla!
  • Mettre en place un environnement de travail local, installer Joomla! sur un serveur de test
  • Configurer le CMS, comprendre sa structure
  • Gérer les médias, travailler avec les menus et la page d'accueil
  • Travailler avec des extensions recommandées et natives, avec des templates
  • Savoir sauvegarder et transférer le site
Tarif

A partir de 1 950,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...