Objectifs de cette formation de 3 jours

Appliquer des techniques de conception de Progressive Web Apps (PWA)
Déterminer l'architecture de base des PWA
Différencier les stratégies de mise en oeuvre des PWA
Utiliser les API HTML 5
Utiliser les outils de développement et de contrôle des PWA
Choisir les frameworks adaptés.

DURÉE

3 jours
soit 21 heures

PUBLIC

Chefs de projet web, architectes, développeurs

PRÉ-REQUIS

Disposer de connaissances certaines de l'intégration front-end HTML, CSS et JavaScript

Satisfaction Clients

Enquetes satisfaction
Du 12/02/2020 au 27/07/2024

  • Compétences formateur (6603 réponses clients)
    89%
  • Proximité (3003 réponses clients)
    88%
  • Organisation globale (6598 réponses clients)
    90%
  • Utilité (6588 réponses clients)
    86%

Recommanderiez vous Lexom ? (6517 clients)

OUI à 93% !

Programme de la formation

A l'issue de la formation, les participants seront préparés à :

Jour 1 - Matin

1. Identifier les fonctions de base des PWA
  • Présentation générale des Progressive Web Apps
  • L'historique de la mobilité
  • Positionnement et impact sur le web
  • Applications mobiles natives ou PWA ?
2. Déterminer les composants de base des PWA
  • La dimension « progressive » des PWA
  • Architecture et composants principaux d'une PWA
  • La sécurité imposée avec HTTPS

Jour 1 - Après-midi

3. Construire un Service Worker
  • Les API de base (ES6, Fetch)
  • Rappels sur les promises
  • Le cycle de vie d'un Service Worker (enregistrement, installation, activation)
  • L'installation téléchargement et périmètre d'action)
  • La mise à jour
  • La gestion des outils de mise en oeuvre (bibliothèques, composants et frameworks)
  • Le développement et le débogage (outils navigateurs, Lighthouse)

Jour 2 - Matin

4. Gérer le cache
  • Les options de stockage
  • Cache statique et cache dynamique
  • La mise en cache de fichiers avec un Service Worker
  • La gestion du cycle de vie des contenus en cache
  • Le stockage de données avec IndexedDB
  • Travailler avec IndexedDB et les promises
  • L'architecture Application Shell
  • Les évènements online / offline

Jour 2 - Après-midi

5. Opérer l'installation de l'application
  • La gestion de Web App Manifest
  • La création d'un fichier manifest.json
  • Les différents composants
  • Les propriétés du Web App Manifest
  • La Web App Install Banner
  • La compatibilité des navigateurs desktop et mobiles
6. Créer des pages web responsives
  • Gérer le responsive design
  • L'utilisation des media queries
  • L'utilisation des images de manière responsive
  • L'ajout d'animations

Jour 3 - Matin

7. Administrer les notifications et push de données
  • Les API notifications et push
  • L'intégration aux notifications natives de l'OS
  • L'utilisation de Background Sync pour gérer la mise à jour des tâches de fond
  • Les options des notifications
  • La gestion des autorisations

Jour 3 - Après-midi

8. Utiliser des outils supplémentaires en PWA
  • Bibliothèques et frameworks
  • La gestion des Service Workers avec Workbox
  • Outils de développement des navigateurs
  • La réalité virtuelle et la réalité augmentée
  • Le paiement simplifié avec l'API Payment Request
  • La lecture de QR codes
Dernière date de modification : 2019-12-10

Pédagogie

Parcours Pédagogique Lexom

Arrivez le jour J en toute sérénité !

Vous êtes sur le point de commencer une nouvelle formation en présentiel et nous savons à quel point il est important pour vous d'en tirer le meilleur parti. Pour vous assurer une expérience optimale, nous vous proposons une opportunité unique : une session d'échange avec votre formateur avant le début de la formation.

Pourquoi participer à cette session d'échange ?

Faites connaissance avec votre formateur avant même le premier jour de formation. Apprenez à connaître son parcours, son expertise et son approche pédagogique. Cette connexion initiale facilite une atmosphère d'apprentissage plus ouverte et engageante.

Profitez de ce temps pour discuter de vos attentes et objectifs spécifiques. Partagez vos expériences antérieures et vos besoins particuliers. Votre formateur pourra ainsi adapter le contenu et les méthodes d'enseignement pour mieux répondre à vos attentes.

Une bonne préparation est la clé du succès. En ayant déjà échangé avec votre formateur, vous serez mieux préparé et plus motivé pour vous investir pleinement dès le premier jour de formation.

Maximisez la réussite de votre formation !

Accès plateforme administrative & pédagogique :

Dès votre inscription, vous disposerez d'un « profil stagiaire » et d'un accès à notre plateforme collaborative. Vous y trouverez toutes les données relatives à votre formation. Tout au long de votre parcours d'apprentissage, cette plateforme centralisera les échanges entre vous, votre formateur et le Groupe Lexom, afin que toutes les informations utiles vous soient facilement accessibles. Vous pourrez y télécharger votre convocation, remplir une auto-évaluation avant la formation, consulter l'évaluation de votre parcours par le formateur, obtenir votre support de cours et bien plus encore...

Auto-évaluation :

Chez LEXOM, nous vous encourageons à être acteur de l'élaboration de votre parcours de formation. C'est pourquoi, en amont de chacune de nos sessions, vous êtes invité à réaliser une auto-évaluation. Réaliser cet exercice vous offre la possibilité de vous situer par rapport aux objectifs fixés et de prendre conscience de votre marge de progression, favorisant ainsi votre implication. C'est également un moyen pour le formateur d'appréhender votre niveau général, avant une étape que nous jugeons indispensable : la prise de contact téléphonique.

Appel avant formation :

Nous considérons la prise de contact téléphonique comme un temps fort de la formation ; elle est l'occasion pour chacun de se présenter mais permet également au formateur de bien cibler les attentes du stagiaire. Les informations recueillies lors de cet appel viennent en complément de celles obtenues lors de l'auto-évaluation, permettant au formateur de rendre la formation la plus opérationnelle possible.

Emails d'immersions :

Afin de vous accompagner au mieux dans votre parcours d'intégration, vous recevrez régulièrement des mails vous rappelant les différentes étapes post-formation, ainsi que quelques conseils qui vous permettront d'arriver bien préparé le jour J.

Plongez au cœur de l'apprentissage !

Vecteur incontournable de la transmission du savoir, le présentiel est incontestablement le temps fort de votre parcours de formation. Riche en échanges d'expériences et en interactions, cette étape vous permet de bénéficier d'un accompagnement personnalisé. En effet, nos formateurs veillent à varier et adapter leurs méthodes pédagogiques de façon à capter au mieux votre attention et ainsi garantir votre implication. Ils veillent également à appuyer leur discours de cas pratiques et de mises en situation professionnelle. Chez LEXOM, nous considérons le lien humain comme une valeur ajoutée essentielle à tout apprentissage ; c'est pourquoi, tous experts dans leur domaine, nos formateurs prendront plaisir à partager leur expérience personnelle afin d'enrichir toujours plus votre expérience formative.

Consolidez vos acquis et partagez votre expérience.

Evaluation de fin de formation :

Afin de permettre au formateur de s'assurer de la bonne acquisition des compétences par le stagiaire, nos sessions de formation sont régulièrement ponctuées de temps d'évaluation. Se présentant comme une synthèse de toutes les évaluations proposées au cours de la formation, l'évaluation de fin de formation mesure les écarts entre objectifs fixés et résultats obtenus.

Evaluation formateur :

Toute critique est source d'amélioration, et c'est pourquoi, afin d'estimer la qualité de l'enseignement dispensé et de permettre à nos formateurs de repenser leurs méthodes pédagogiques, vous serez invité à réaliser une évaluation du formateur à la fin de la session.

Support de cours :

À l'issue de la formation, vous aurez la possibilité de télécharger, sur notre plateforme collaborative, le support de cours conçu par le formateur. Ce contenu sera une source d'information supplémentaire sur laquelle vous pourrez vous appuyer lors de votre mise en situation professionnelle.

Bilan d'évolution :

Un bilan d'évolution, permettant d'apprécier votre progression, de l'auto-évaluation à l'évaluation finale réalisée par le formateur, vous sera délivré à l'issue de la formation.

Avancez avec confiance grâce à nos experts !

Votre formation en présentiel vient de se terminer et vous êtes maintenant prêt(e) à appliquer vos nouvelles compétences dans votre environnement professionnel. Nous savons que la transition de la théorie à la pratique peut parfois poser des défis imprévus. C'est pourquoi nous vous proposons une solution sur mesure : notre option de Tutorat Post-Formation.

Pourquoi choisir le Tutorat Post-Formation ?

Après avoir suivi la formation, bénéficiez d'un accompagnement individualisé, à raison de 8h réparties sur 4 mois. Votre formateur reste à votre disposition pour vous aider à naviguer les premières semaines de mise en pratique. Profitez de conseils adaptés à votre contexte spécifique et renforcez vos acquis.

Faites face à vos responsabilités professionnelles avec assurance, sachant que vous n'êtes pas seul(e) dans cette phase de transition.

Méthodes pédagogiques

  • Exposés interactifs détaillant les principes essentiels.
  • Exercices progressifs accompagnés (et/ou en autonomie) pouvant être tirés de la pratique professionnelle du stagiaire. Il pourra ainsi tester et voir en situation réelle les savoirs vus.

Modalités d'évaluation

  • L'évaluation est faite au moyen d'un exercice final réalisé en autonomie et reprenant l'ensemble des points abordés ou d'une évaluation tout au long de la formation abordant chacun des points de l'avancement d'un projet.
  • Une attestation de formation reprenant l'ensemble des objectifs pédagogiques sera délivrée à chaque participant à l'issue de la formation.

Villes dans lequelles nous organisons la formation Progressive Web App (PWA) - Initiation

Formation Code Postal Département
Formation Progressive Web App (PWA) - Initiation Paris 75000 Paris
Formation Progressive Web App (PWA) - Initiation Marseille 13000 Bouches-du-Rhône
Formation Progressive Web App (PWA) - Initiation Toulouse 31500 Haute-Garonne
Formation Progressive Web App (PWA) - Initiation Bordeaux 33300 Gironde
Formation Progressive Web App (PWA) - Initiation Montpellier 34000 Hérault
Formation Progressive Web App (PWA) - Initiation Lille 59800 Nord
Formation Progressive Web App (PWA) - Initiation Strasbourg 67000 Bas-Rhin
Formation Progressive Web App (PWA) - Initiation Lyon 69000 Rhône
Formation Progressive Web App (PWA) - Initiation Toulon 83200 Var
Formation Progressive Web App (PWA) - Initiation Grenoble 38000 Isère
Formation Progressive Web App (PWA) - Initiation Nantes 44200 Loire-Atlantique
Formation Progressive Web App (PWA) - Initiation Dijon 21000 Côte-d'Or
Formation Progressive Web App (PWA) - Initiation Nimes 30000 Gard
Formation Progressive Web App (PWA) - Initiation Rennes 35000 Ille-et-Vilaine
Formation Progressive Web App (PWA) - Initiation Saint Etienne 42000 Loire
Formation Progressive Web App (PWA) - Initiation Orleans 45000 Loiret
Formation Progressive Web App (PWA) - Initiation Clermont Ferrand 63000 Puy-de-Dôme
Formation Progressive Web App (PWA) - Initiation Annecy 74000 Haute-Savoie
Formation Progressive Web App (PWA) - Initiation Versailles 78000 Yvelines
Formation Progressive Web App (PWA) - Initiation Avignon 84000 Vaucluse
Formation Progressive Web App (PWA) - Initiation Evry 91000 Essonne
Formation Progressive Web App (PWA) - Initiation Nanterre 92000 Hauts-de-Seine
Formation Progressive Web App (PWA) - Initiation Saint Denis 93200 Seine-Saint-Denis
Formation Progressive Web App (PWA) - Initiation Angers 49000 Maine-et-Loire
Formation Progressive Web App (PWA) - Initiation Brest 29200 Finistère
Formation Progressive Web App (PWA) - Initiation Metz 57050 Moselle
Formation Progressive Web App (PWA) - Initiation Caen 14000 Calvados
Formation Progressive Web App (PWA) - Initiation Mulhouse 68100 Haut-Rhin
Formation Progressive Web App (PWA) - Initiation Nancy 54100 Meurthe-et-Moselle
Formation Progressive Web App (PWA) - Initiation La Rochelle 17000 Charente-Maritime
Formation Progressive Web App (PWA) - Initiation Agen 47000 Lot-et-Garonne
Formation Progressive Web App (PWA) - Initiation Albi 81990 Tarn
Formation Progressive Web App (PWA) - Initiation Alençon 61000 Orne
Formation Progressive Web App (PWA) - Initiation Amiens 80090 Somme
Formation Progressive Web App (PWA) - Initiation Angoulême 16000 Charente
Formation Progressive Web App (PWA) - Initiation Argenteuil 95100 Val-d'Oise
Formation Progressive Web App (PWA) - Initiation Arras 62000 Pas-de-Calais
Formation Progressive Web App (PWA) - Initiation Auch 32810 Gers
Formation Progressive Web App (PWA) - Initiation Aurillac 15000 Cantal
Formation Progressive Web App (PWA) - Initiation Auxerre 89000 Yonne
Formation Progressive Web App (PWA) - Initiation Belfort 90000 Territoire de Belfort
Formation Progressive Web App (PWA) - Initiation Besançon 25000 Doubs
Formation Progressive Web App (PWA) - Initiation Blois 41000 Loir-et-Cher
Formation Progressive Web App (PWA) - Initiation Bourg en Bresse 01000 Ain
Formation Progressive Web App (PWA) - Initiation Bourges 18000 Cher
Formation Progressive Web App (PWA) - Initiation Cahors 46000 Lot
Formation Progressive Web App (PWA) - Initiation Carcassonne 11000 Aude
Formation Progressive Web App (PWA) - Initiation Châlons en Champagne 51000 Marne
Formation Progressive Web App (PWA) - Initiation Chambéry 73000 Savoie
Formation Progressive Web App (PWA) - Initiation Chartres 28000 Eure-et-Loir
Formation Progressive Web App (PWA) - Initiation Châteauroux 05380 Hautes-Alpes
Formation Progressive Web App (PWA) - Initiation Colmar 68000 Haut-Rhin
Formation Progressive Web App (PWA) - Initiation Créteil 94000 Val-de-Marne
Formation Progressive Web App (PWA) - Initiation Digne les Bains 04000 Alpes-de-Haute-Provence
Formation Progressive Web App (PWA) - Initiation Epinal 88000 Vosges
Formation Progressive Web App (PWA) - Initiation Evreux 27000 Eure
Formation Progressive Web App (PWA) - Initiation Gap 05000 Hautes-Alpes
Formation Progressive Web App (PWA) - Initiation Guéret 23000 Creuse
Formation Progressive Web App (PWA) - Initiation La Roche sur Yon 85000 Vendée
Formation Progressive Web App (PWA) - Initiation Laval 53000 Mayenne
Formation Progressive Web App (PWA) - Initiation Le Mans 72100 Sarthe
Formation Progressive Web App (PWA) - Initiation Limoges 87280 Haute-Vienne
Formation Progressive Web App (PWA) - Initiation Mâcon 71870 Saône-et-Loire
Formation Progressive Web App (PWA) - Initiation Melun 77000 Seine-et-Marne
Formation Progressive Web App (PWA) - Initiation Mende 48000 Lozère
Formation Progressive Web App (PWA) - Initiation Montauban 82000 Tarn-et-Garonne
Formation Progressive Web App (PWA) - Initiation Moulins 03000 Allier
Formation Progressive Web App (PWA) - Initiation Nevers 58000 Nièvre
Formation Progressive Web App (PWA) - Initiation Niort 79000 Deux-Sèvres
Formation Progressive Web App (PWA) - Initiation Périgueux 24000 Dordogne
Formation Progressive Web App (PWA) - Initiation Perpignan 66100 Pyrénées-Orientales
Formation Progressive Web App (PWA) - Initiation Poitiers 86000 Vienne
Formation Progressive Web App (PWA) - Initiation Quimper 29000 Finistère
Formation Progressive Web App (PWA) - Initiation Reims 51100 Marne
Formation Progressive Web App (PWA) - Initiation Rodez 12000 Aveyron
Formation Progressive Web App (PWA) - Initiation Rouen 76100 Seine-Maritime
Formation Progressive Web App (PWA) - Initiation Saint Brieuc 22000 Côtes-d'Armor
Formation Progressive Web App (PWA) - Initiation Saint Lô 50000 Manche
Formation Progressive Web App (PWA) - Initiation Tarbes 65000 Hautes-Pyrénées
Formation Progressive Web App (PWA) - Initiation Tours 37100 Indre-et-Loire
Formation Progressive Web App (PWA) - Initiation Valence 26000 Drôme
Formation Progressive Web App (PWA) - Initiation Vannes 56000 Morbihan
Formation Progressive Web App (PWA) - Initiation Vesoul 70000 Haute-Saône
Formation Progressive Web App (PWA) - Initiation Pau 64000 Pyrénées-Atlantiques
Formation Progressive Web App (PWA) - Initiation Mont de Marsan 40000 Landes