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

  • Contrôler la conformité de ses bulletins de paie pour éviter les risques de redressement URSSAF.
  • Appliquer la régularisation progressive des tranches.
  • Distinguer les différents cas de suspension ou de rupture du contrat de travail et traiter leurs incidences en paie.
  • Répondre aux questions des salariés sur le paiement du salaire et les détails du bulletin de paie : rubriques, cotisations, calculs.
Tarif

A partir de 2 235,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise

Adobe Dreamweaver - Les bases

Proposé par CIT FORMATION INFORMATIQUE

Objectifs de la formation

Toute personne n'ayant aucune connaissance de la structure des pages WEB et souhaitant réaliser un site avec Macromedia Dreamweaver.

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

  • De comprendre la structure d'un site Web
  • Concevoir et réaliser un site Web
  • Créer et modifier des pages graphiques et interactives
Tarif

Contacter l'organisme

Durée

3 jour(s)

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 2 125,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Wordpress - Tosa

Proposé par YOU WEB

Objectifs de la formation

  • Créer votre propre site Internet avec WORDPRESS : créer, déployer, optimiser, et administrer votre site web ou blog personnalisé
Tarif

A partir de 770,00 €

Durée

41 heures

Modes
  • Distance

Objectifs de la formation

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

  • Gérer des objets Microsoft Entra, le contrôle d'accès basé sur le rôle (RBAC), les abonnements et la gouvernance dans Azure
  • Gérer les comptes de stockage, les données dans le stockage Azure, le stockage de fichiers et d'objets blob Azure
  • Configurer et gérer les fonctionnalités réseau Azure telles que les services de connectivité, la protection des applications, la livraison des applications et les services de supervision réseau
  • Déployer et configurer des machines virtuelles, des conteneurs et des applications Web dans Azure
  • Superviser les ressources en utilisant Azure Monitor et implémenter la sauvegarde et la récupération dans Azure.
Tarif

A partir de 2 840,00 €

Durée

4j / 28h

Modes
  • Centre
  • Distance

Objectifs de la formation

Maîtriser les techniques de la rédaction pour le web et comprendre la problématique du référencement naturel en optimisant son contenu.
Tarif

A partir de 675,00 €

Durée

1j / 7h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

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

  • 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.
Tarif

A partir de 1 860,00 €

Durée

3j / 21h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Décrire le rôle du système BIG-IP en tant que proxy complet dans un réseau de distribution d’applications
  • Provisionnement du pare-feu d’application Web avancé F5
  • Définir un WAF (pare-feu d’application Web)
  • Décrire comment le pare-feu d’application Web avancé F5 protège une application web en sécurisant les types de fichiers, les URL et les paramètres
  • Définir les paramètres d’apprentissage, d’alarme et de blocage relatifs à la configuration du le pare-feu d’application Web avancé F5
  • Définir les signatures d’attaque et expliquer pourquoi la simulation des signatures d’attaque est importante
  • Déployer des campagnes de menace pour se protéger contre les menaces du CVE
  • Configurer le traitement de la sécurité au niveau des paramètres d’une application web
  • Déployer le pare-feu d’application Web avancé F5 en utilisant le générateur automatique de politiques
  • Régler une politique manuellement ou permettre l’élaboration automatique d’une politique
  • Intégrer les résultats d’un scan des vulnérabilités d’applications tierces dans une politique de sécurité
  • Configurer l’obligation de connexion pour le contrôle des flux
  • Atténuer les risques d’attaque de type « credential stuffing »
  • Configurer la protection contre les attaques par la force brute
  • Déployer une défense avancée contre le « scraping » web, tous les robots connus et les autres agents automatisés
  • Déployer DataSafe pour sécuriser les données côté client
Tarif

A partir de 3 300,00 €

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

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

  • Créer et utiliser des Web Services REST en PHP dans le cadre d'une application de type SOA ou d'utilisation dans le cadre d'interface graphique ou service
  • Mettre en oeuvre JSON/RPC et comparer avec REST.
Tarif

A partir de 1 220,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

Objectifs de la formation

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

  • Réaliser des infographies
  • Créer des logos
  • Utiliser les outils de Data Visualisation
  • Mettre en page des documents publicitaires, de packaging ou de PLV (Publicité sur le Lieu de Vente)
  • Créer des effets de texte
  • Exporter vos créations vers les logiciels PAO
  • Améliorer votre efficacité dans votre workflow
  • Dessiner en perspective
  • Utiliser Illustrator pour générer du code CSS et SVG pour le Web Design.
Tarif

Contacter l'organisme

Durée

10j / 70h

Modes
  • Centre
  • Distance

Je cherche à faire...