Formation Transform a React Application into a Progressive Web App (PWA)
React est une Java bibliothèque de script utilisée pour créer des applications web front-end. Progressive Web Apps sont des applications web qui fonctionnent et apparaissent comme des applications autochtones sur Android, Windows, et plus encore. La transformation d'une React application intègre des fonctionnalités indigènes telles que l'usabilité hors ligne, les notifications de pression, etc.
Cette formation guidée par les instructeurs, en direct (online ou sur site) est destinée aux développeurs qui souhaitent transformer une React application en une Progressive Web App.
À la fin de cette formation, les participants seront en mesure de :
- Créer l’environnement de développement nécessaire pour commencer à transformer une application React.
- Cache en utilisant Service Worker pour effectuer un React travail d'application hors ligne.
- Créer et styler une notification push.
- Installez l’application web progressive dans un appareil mobile.
Format du cours permettant d'évaluer les participants permettant d'évaluer les participants
- Lecture et discussion interactives.
- Beaucoup d’exercices et de pratiques.
- La mise en œuvre dans un environnement de laboratoire en direct.
Options de personnalisation de cours
- Pour demander une formation personnalisée pour ce cours, veuillez nous contacter pour organiser.
Plan du cours
Introduction
React et les bibliothèques JavaScript
- Processus utilisés dans les bibliothèques JavaScript pour développer des applications web
Vue d'ensemble du cycle de développement d'une application Web
- Applications natives et applications progressives
- JavaLogique des scripts, modèles CSS et modèles HTML
React Les applications Web progressives : une solution native
- Multiplateforme
- Rétrocompatibilité
- Parité des fonctionnalités
Applications Web progressives et notifications push
- API de poussée
- API de notification
Préparation de l'environnement de développement
- Installation et configuration de Node.Js
- Installation et configuration de NPM
Programmation et optimisation de l'application React
- Création d'une nouvelle application boilerplate React
- Installation de routeurs dom pour naviguer et sauvegarder dans l'application React
- Codage d'une liste de choses à faire
- Mise à jour des styles par défaut
- Enregistrement du Service Worker
Configuration des icônes et des notifications push
- Créer et styliser une notification push
- Créer et styliser des icônes
Déploiement de l'application
- Exécuter l'application React sur un simulateur mobile ou sur un appareil mobile
Test de l'application
- Vérification de l'application  ;React avec Lighthouse pour déterminer si elle répond à la norme PWA
Résumé et conclusion
Pré requis
- Expérience avec React
Public
- Développeurs
Les formations ouvertes requièrent plus de 3 participants.
Formation Transform a React Application into a Progressive Web App (PWA) - Booking
Formation Transform a React Application into a Progressive Web App (PWA) - Enquiry
Transform a React Application into a Progressive Web App (PWA) - Demande d'informations consulting
Demande d'informations consulting
Nos clients témoignent (1)
La diffusion des connaissances générales par Narendra et toutes les ressources de développement partagées
Pako Diale
Formation - Transform a React Application into a Progressive Web App (PWA)
Traduction automatique
Cours à venir
Cours Similaires
Advanced Progressive Web App (PWA)
14 HeuresCette formation en direct avec instructeur France (sur site ou à distance) est destinée aux développeurs qui souhaitent créer des Progressive Web Apps avancées qui exécutent des fonctions exclusives liées aux notifications push et à la disponibilité hors ligne.
A l'issue de cette formation, les participants seront en mesure de :
- Mettre en place l'environnement de développement nécessaire pour commencer à développer une Progressive Web App avancée.
- Créer des notifications push qui permettent des abonnements.
- Mettre en cache avec Service Worker pour faire fonctionner une application web hors ligne.
- Créer des notifications push qui invitent les visiteurs fréquents à installer l'application.
Advanced React
14 HeuresCette formation en direct avec instructeur (en ligne ou sur site) s'adresse aux développeurs qui souhaitent créer des composants React et concevoir des applications complexes.
A l'issue de cette formation, les participants seront capables de :
- Comprendre les concepts avancés de React, y compris les API de contexte, les HOC, l'état externe, les API asynchrones, etc.
- Construire des composants composables avec React.
- Entretenir l'authentification côté serveur et côté client.
- Implémenter React et les bibliothèques Redux pour gérer des applications complexes avec état.
- Réduire le code et optimiser les performances d'une application.
- Tester et déployer une application.
Ant Design
7 HeuresCette formation en <loc> ; (en ligne ou sur site) est destinée aux développeurs qui souhaitent utiliser Ant Design pour améliorer l'expérience utilisateur de leur application React.
À l'issue de cette formation, les participants seront en mesure de mettre en œuvre les composants React de Ant Design'pour développer de belles applications web de classe entreprise.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 HeuresCette formation en direct (en ligne ou sur site) est destinée aux développeurs qui souhaitent utiliser la pile FARM (FastAPI, React et MongoDB) pour créer des applications web dynamiques, performantes et évolutives.
A l'issue de cette formation, les participants seront capables de :
-
Mettre en place l'environnement de développement nécessaire qui intègre FastAPI, React, et MongoDB.
Comprendre les concepts clés, les fonctionnalités et les avantages de la pile FARM.
Apprendre à construire des API REST avec FastAPI.
Apprendre à concevoir des applications interactives avec React.
Développer, tester et déployer des applications (front-end et back-end) en utilisant la pile FARM.
Choosing the Right JavaScript Framework
14 HeuresCette formation en direct avec instructeur dans France (sur place ou à distance) est destinée aux développeurs qui doivent décider quel JavaScript framework utiliser pour développer des applications frontales.
A la fin de cette formation, les participants seront capables de :
- Mettre en place un environnement de développement optimal pour commencer à développer des applications frontales.
- Mettre en œuvre des applications de démonstration pour tester les limites et les avantages d'un cadre JavaScript.
- Choisir le framework JavaScript qui leur convient le mieux.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 HeuresCette formation en direct avec instructeur à France (en ligne ou sur site) est destinée aux développeurs .NET débutants qui souhaitent acquérir des compétences en JavaScript, Node.js et React pour développer et migrer activement des systèmes/plateformes.
A l'issue de cette formation, les participants seront capables de :
- Écrire et déboguer efficacement du code JavaScript.
- Construire et déployer des applications côté serveur en utilisant Node.js.
- Développer des interfaces utilisateurs dynamiques et réactives avec React.
- Intégrer des composants frontaux et dorsaux pour créer des applications complètes.
- Comprendre les meilleures pratiques pour migrer les systèmes existants vers des plateformes modernes basées sur le JavaScript.
Testing React Apps with Jest
14 HeuresCette formation en direct avec instructeur in <loc> ; (sur site ou à distance) est destinée aux ingénieurs qui souhaitent utiliser Jest pour tester React des applications et des composants.
A l'issue de cette formation, les participants seront capables de :
- Installer et configurer un environnement de test approprié.
- Écrire des tests asynchrones pour React applications et composants.
- Exécuter des tests Jest avancés qui incluent le mocking, les spies et les stubs.
MERN Fullstack Development
14 HeuresCette formation en direct avec instructeur (en ligne ou sur site) s'adresse aux développeurs web qui souhaitent utiliser la pile MERN pour le développement complet.
A l'issue de cette formation, les participants seront capables de :
- Intégrer React avec MongoDB, Express et Node.js.
- Construire une application web complète à partir de zéro.
- Mettre en œuvre la sécurité de l'application par l'autorisation et l'authentification.
Building Micro Frontends with React
21 HeuresCette formation en direct (en ligne ou sur site) s'adresse aux développeurs qui souhaitent utiliser React pour développer, tester et déployer des micro-frontaux pour de grandes applications web, les rendant hautement évolutifs, indépendants de la technologie et plus faciles à maintenir.
A l'issue de cette formation, les participants seront capables de :
- Mettre en place l'environnement de développement nécessaire pour commencer à développer des micro-frontaux avec React.
- Comprendre l'architecture, les concepts de base et les avantages des micro-frontaux.
- Apprendre à construire, intégrer, tester et déployer des micro-frontaux avec React.
- Mettre en œuvre des micro-frontaux avec la fédération de modules.
- Appliquer le pipeline CI/CD au flux de travail de niveau production.
- Connaître les problèmes courants liés aux CSS dans les micro-frontaux et comment les résoudre.
- Voir comment implémenter d'autres frameworks frontaux avec React.
Building Microservices with NodeJS and React
21 HeuresCette formation en direct animée par un instructeur (en ligne ou sur site) est destinée aux développeurs expérimentés qui souhaitent créer, déployer et mettre à l'échelle des applications à l'aide de microservices créés avec NodeJS et React.
Au terme de cette formation, les participants seront capables de :
- Développez, déployez et mettez à l'échelle des applications à l'aide de différents microservices. Créez une application rendue côté serveur React. Déployez des applications multiservices dans le cloud à l'aide de Docker et Kubernetes. Effectuer des tests d'application sur les microservices.
Next.js 14 Advanced Development
21 HeuresCette formation en direct (en ligne ou sur site) s'adresse aux développeurs web et architectes techniques de niveau intermédiaire à avancé qui souhaitent explorer les avancées de Next.js 14 et acquérir les connaissances nécessaires pour créer des applications web de pointe.
A la fin de cette formation, les participants seront capables de :
- Exploiter le plein potentiel de Next.js 14 pour construire des applications complexes.
- Utiliser les dernières fonctionnalités telles que Middleware, React Server Components, et Edge Functions.
- Mettre en œuvre les meilleures pratiques pour la performance, l'évolutivité et le référencement.
- Résoudre efficacement les problèmes courants dans les applications Next.js.
Next.js 14 - Advanced
21 HeuresCette formation en direct avec instructeur dans France (en ligne ou sur site) est destinée aux développeurs de niveau avancé qui souhaitent maîtriser les dernières fonctionnalités de Next.js 14, optimiser les performances et mettre en œuvre des techniques modernes de React.
A la fin de cette formation, les participants seront capables de :
- Mettre en œuvre des crochets React avancés et des fonctionnalités concurrentes.
- Comprendre et utiliser efficacement les stratégies de routage Next.js.
- Exploiter les composants de serveur, les actions de serveur et les approches de rendu hybrides.
- Optimiser la recherche de données, la mise en cache et la régénération statique incrémentale.
- Utiliser Next.js comme solution backend avec Edge Functions et Edge Runtime.
- Gérer l'état en utilisant React Context, Redux et les bibliothèques d'état atomique.
- Optimiser les performances de l'application pour Web Core Vitals.
- Tester, surveiller et déployer efficacement les applications Next.js.
Progressive Web Apps (PWA)
14 HeuresDans cette formation dirigée par un instructeur (sur site ou à distance), les participants apprendront à développer leur première application Web progressive en effectuant une série d'exercices pratiques qui aboutiront à la création et au déploiement d'une application Web progressive (PWA) fonctionnelle.
React : Construire des applications web hautement interactives
21 HeuresDans cette formation en direct, dirigée par un instructeur, nous démontrons la puissance et la flexibilité de React, nous le comparons à d'autres frameworks et nous accompagnons les participants pas à pas dans la création de leur propre application React.
A la fin de ce cours, les participants seront capables de :
- Comprendre la philosophie de conception de React' .
- Décider quand et où il est judicieux d'utiliser React, et quand repenser le modèle MVC conventionnel.
- Comprendre les concepts React tels que les composants, les accessoires, l'état et le cycle de vie.
- Implémenter des technologies connexes telles que Babel, Webpack et JSX.
- Construire, tester et déployer une application web interactive.
React with Next.js
14 HeuresCette formation en direct avec instructeur dans France (en ligne ou sur site) est destinée aux développeurs web qui souhaitent utiliser Next.js pour créer des applications React.
A l'issue de cette formation, les participants seront capables de :
- Développer des applications web côté serveur et des sites statiques en Next.js.
- Manipuler et stocker des données avec MongoDB.
- Sécuriser une application web avec l'authentification AuthO.