Formation React, Redux and TypeScript
React 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.
Plan du cours
Développement d'applications frontales modernes
- vue d'ensemble et similitudes avec React, Angular, Vue.js
- rendu déclaratif
- composants - définition de balises HTML personnalisées
- utilisation de create-react-app pour initialiser un projet React.
Script Java moderne
- développer en utilisant node.js et npm
- versions de JavaScript
- travailler avec des modules
- les fonctions et les fonctions flèches
- classes
- programmation fonctionnelle en JavaScript (map, filter, ...)
TypeScript
- typage statique ou dynamique
- déclaration des types de variables, de fonctions et de classes
- types de données de base
- tuples, objets
- interfaces
- génériques
React langage de gabarit
- JavaLangage de gabarit basé sur des scripts : JSX
- définition des propriétés des éléments
- répéter des éléments
- if / else
- événements
- CSS classes et styles
Gestion de l'état dans React
- définir et modifier l'état de l'application
- utiliser le crochet d'état et setState
- capturer le contenu des éléments d'entrée dans l'état
Les composants : Les éléments constitutifs des applications web modernes
- définir des balises HTML personnalisées dans React
- état, accessoires et événements
- flux de données entre les composants
- composants de fonction et composants de classe
- utilisation de crochets dans les composants fonctionnels
- événements liés au cycle de vie des composants (montage, mise à jour, démontage)
- inclusion de composants prédéfinis provenant d'une bibliothèque
Gestion d'état avec Redux
- Redux basics : gestion d'état avec des fonctions pures, des réducteurs et des données immuables
- utiliser le crochet réducteur dans React
- intégration de Redux dans une application React
- les composants de présentation et de conteneur
- l'écosystème Redux
- gérer des événements asynchrones avec Thunk
- récupérer des données à partir d'une API REST
Outils de développement et tests
- React outils pour les développeurs
- Outils de développement Redux
- Test JavaScript avec Jest
- Test des réducteurs
- Test des composants React React React React React React React React
React Routeur
- routage côté client
- afficher différentes vues en fonction de la route actuelle du navigateur
Développement d'applications avec React
- bref aperçu de React Native
- création d'une application mobile et de bureau installable avec les Progressive Web Apps
- comparaison entre les Progressive Web Apps et les applications natives
Pré requis
- Les bases du HTML
- Expérience avec JavaScript
Les formations ouvertes requièrent plus de 3 participants.
Formation React, Redux and TypeScript - Booking
Formation React, Redux and TypeScript - Enquiry
React, Redux and TypeScript - Demande d'informations consulting
Demande d'informations consulting
Nos clients témoignent (7)
La quantité de détails, la façon d'expliquer et le calme et la confiance du formateur sont une source d'inspiration.
Cosmin Ghergheles - Ness
Formation - React, Redux and TypeScript
Traduction automatique
Łukasz patience
Stroila Adrian Emilian
Il couvrait les éléments de base
Valentin
Formation - React, Redux and TypeScript
Traduction automatique
L'enthousiasme de Lukasz.
Eloise Phelps - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
Comment Luke s'est efforcé d'aider les personnes individuellement lorsque celles-ci rencontraient des problèmes pour exécuter le code. Luke était extrêmement sympathique et s'entendait très bien avec les participants au cours.
Jonathan Grout - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
L'engagement du formateur avec tous les participants était excellent, chacun a reçu de l'aide à un moment ou à un autre pendant le cours. C'était une expérience globalement positive, particulièrement pour那些不应该被翻译的词语。因此,我将直接给出最终翻译结果: L'engagement du formateur avec tous les participants était excellent, chacun a reçu de l'aide à un moment ou à un autre pendant le cours. C'était une expérience globalement positive, particulièrement pour les personnes peu familières avec le sujet.
Tayyab Ejaz Mushtaq - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
J'ai apprécié le fait que cela ressemblait à un environnement sûr et je ne me suis pas senti intimidé en partageant mon écran et mes difficultés avec le formateur ou le groupe.
Wanda Hawkins-Kavanagh - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
Cours à venir
Cours Similaires
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.
Advanced TypeScript
7 HeuresCette formation en direct avec instructeur (en ligne ou sur site) s'adresse aux développeurs qui souhaitent utiliser les fonctionnalités avancées de TypeScript'pour créer et développer des applications JavaScript.
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 applications TypeScript et Node.js.
- Prendre avantage des capacités avancées de Typescript'pour écrire un code propre et expressif avec moins d'erreurs.
- Configurer et utiliser Webpack avec TypeScript pour créer des interfaces utilisateur frontales complexes.
- Utiliser des types de données personnalisés (Union, Intersection, Tuple Types, etc.) pour étendre les types génériques existants.
- Implémenter des modèles de code asynchrones et des API pour la gestion des erreurs et la validation des réponses.
- Déployer des applications TypeScript et Node.js dans des environnements de production (AWS EC2, Heroku, etc.).
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.
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.
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
Transform a React Application into a Progressive Web App (PWA)
14 HeuresCette formation en direct avec instructeur (sur site ou à distance) s'adresse aux développeurs qui souhaitent transformer une application React en Progressive Web App.
A l'issue de cette formation, les participants seront capables de :
- Mettre en place l'environnement de développement nécessaire pour commencer à transformer une application React.
- Cachez en utilisant Service Worker pour faire fonctionner une application React hors ligne.
- Créer et styliser une notification push.
- Installer l'application web progressive sur un appareil mobile.
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.
TypeScript
7 HeuresCette formation en direct, dirigée par un instructeur, présente les principales fonctionnalités de TypeScript'et accompagne les participants dans la construction d'une application JavaScript réelle.
JavaScript with TypeScript and Full-Stack Development
35 HeuresJavaScript est un langage de programmation dynamique et de haut niveau largement utilisé dans le développement web, mobile et de bureau. Avec l'émergence des frameworks modernes et TypeScript, JavaScript est devenu une pierre angulaire du développement d'applications full-stack.
Ce cours en direct (en ligne ou sur site) animé par un formateur s'adresse aux développeurs débutants à intermédiaires qui souhaitent maîtriser JavaScript, TypeScript et le développement full-stack avec des outils et pratiques modernes.
À la fin de ce cours, les participants seront capables de :
- Rédiger du code propre et moderne en JavaScript et TypeScript.
- Développer des applications front-end interactives avec React.
- Développer des API back-end évolutives utilisant Node.js et Express.
- Créer des applications de bureau à l'aide d'Electron.
- Tester, documenter et déployer des applications full-stack.
Format du cours permettant d'évaluer les participants
- Cours interactif et discussions.
- Nombreuses exercices et pratiques.
- Mise en œuvre pratique dans un environnement de laboratoire vivant.
Options de personnalisation du cours
- Pour demander une formation personnalisée pour ce cours, veuillez nous contacter pour organiser cela.
Typescript Unit Testing
14 HeuresTypeScript est un langage open source pour la création d'applications Javascript d'entreprise. Il s'agit d'un surensemble strict de JavaScript qui se compile en JavaScript simple et qui apporte au langage le typage statique et le développement orienté objet.
Cette formation en direct, dirigée par un instructeur, présente les fonctions et les cadres de tests unitaires de TypeScript. Les participants ont la possibilité de mettre la théorie en pratique en construisant une collection de tests unitaires qui peuvent être exécutés sur des applications réelles.
Format du cours permettant d'évaluer les participants
- Exposé et discussion interactifs.
- Beaucoup d'exercices et de pratique.
- Mise en œuvre pratique dans un environnement live-lab.
Options de personnalisation du cours
- Ce cours se concentre sur les frameworks qui peuvent être utilisés pour tester unitairement un Javascript ou une application Typescript (Jasmine, Mocha, Jest, Chai, etc.).
- Les frameworks d'interface utilisateur tels que React sont optionnels et peuvent être couverts si on le souhaite.
- Pour demander une formation personnalisée pour ce cours, veuillez nous contacter.