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.
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.
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.
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.
Building Interactive Applications with React, Redux and GraphQL
28 HeuresDans cette formation en direct, dirigée par un instructeur, les participants apprendront à construire des applications React en utilisant Flux et GraphQL. Le cours couvre l'installation, la configuration, l'intégration, les tests, le déploiement et les meilleures pratiques tout en accompagnant les participants dans la création d'une série d'exemples d'applications qui démontrent comment ajouter des niveaux supplémentaires de complexité et de "coolness" à une application en utilisant les outils et les techniques les plus avancés.
Le développement d'applications avec React nécessite un mode de pensée différent, comparé à ce à quoi certains développeurs sont habitués, en particulier lorsqu'ils viennent de l'état d'esprit d'autres frameworks MVC tels que AngularJS et Bootstrap. Cette formation couvre les principes fondamentaux des technologies utilisées à chaque étape afin que les participants soient non seulement capables de construire une application fonctionnelle, mais aussi de comprendre pourquoi une approche particulière est utilisée. Cela pose les bases d'une réflexion indépendante et créative sur la conception et les résultats souhaités pour la construction de leurs propres applications à l'avenir.
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.
React Patterns
14 HeuresCette formation en direct, animée par un instructeur (sur site ou à distance), est destinée aux développeurs possédant les compétences de React qui souhaitent optimiser et améliorer leur création d'applications React en comprenant et en appliquant les modèles de composants de React .
À la fin de cette formation, les participants seront en mesure de:
- Comprendre les différents types de modèles de React
- Utiliser l'API de contexte React pour les applications Web
Format du cours permettant d'évaluer les participants
- Conférence interactive et discussion.
- Beaucoup d'exercices et de pratique.
- Mise en œuvre pratique dans un environnement de laboratoire réel.
Options de personnalisation du cours
- Pour demander une formation personnalisée pour ce cours, veuillez nous contacter pour organiser cela.
- Pour en savoir plus sur React , veuillez visiter: https://reactjs.org
React, Redux and TypeScript
21 HeuresReact est une bibliothèque largement utilisée pour la création d'applications à page unique en Java Script et HTML . Il est utilisé par des sociétés telles que Facebook , Instagram, Netflix ou le New York Times.
Ce cours présentera les bases sur lesquelles React et d'autres bibliothèques (comme Angular et Vue.js ) sont basées et met en évidence les spécificités de React . Il couvrira également les technologies couramment utilisées avec React , telles que Redux et React -Router.
À la fin de ce cours, les participants seront en mesure de créer des applications de complexité React avec React tout en respectant les meilleures pratiques.
React, Relay, and GraphQL
14 HeuresCette formation en direct avec instructeur (sur site ou à distance) s'adresse aux développeurs qui souhaitent utiliser GraphQL et Relay pour gérer les données sur les applications React.
A l'issue de cette formation, les participants seront capables de :
- Mettre en place l'environnement de développement nécessaire pour démarrer le contrôle des données pour React applications.
- Délivrer des interactions instantanées entre l'interface utilisateur et la réponse.
- Agréger les données de plusieurs bibliothèques en une seule API pratique.
- Precherche de données à l'aide de GraphQL et Relay.
Spring Boot, React, and Redux
14 HeuresCette formation en direct avec instructeur (en ligne ou sur site) s'adresse aux développeurs web qui souhaitent créer des applications web fonctionnelles front-end et back-end avec Spring Boot, React, and Redux.
A l'issue de cette formation, les participants seront capables de :
- Créer une application front-end avec React et Redux.
- Créer des API RESTful avec Spring Boot.
- Sécuriser les services web avec Spring security et les jetons web JWT.