React Academy Virtual (Eastern Time zone)
Tuesday, June 9 au Thursday, June 11, 2020

Cette formation de 3 jours est seulement $1995. CDN$1395 Covid Sale

S'inscrire
Formation privée dans vos bureaux (Québec)
Dates de votre choix (en fonction des disponibilités)

Le prix dépend du nombre de personnes dans le groupe.

Course List

React Academy Virtual (Eastern Time zone)

React Academy Virtual (Eastern Time zone)from to by React Academy at location Virtual, Canada. The price is CDN$1495.
Intensive three-day workshop on React JS technology for web developers. Build modern websites with the latest techniques.

Calendrier

Juin 2020

Plan de cours

Cours Académie React

React est une bibliothèque JavaScript créée par Facebook. Elle permet aux développeurs de générer des applications Web à partir de données qui peuvent être modifiées sans avoir à rafraîchir la page. Elle offre plus de rapidité, de simplicité et d’évolutivité.

En quelques années, React est devenue une technologie éprouvée qui est utilisée sur des milliers de sites Web (Facebook, Netflix, Instagram, NY Times) et d’applications mobiles (Skype, Uber, Tesla).

Jour 1

Toutes les notions de base dont vous avez besoin
1. Introduction à React 
  • Qu’est-ce que React? (Avant 2015 : ReactJS)
  • Caractéristiques, avantages et inconvénients
  • Installation
  • Bonjour tout le monde avec React
  • Déploiement d’une application React
2. JSX et rendu 
  • API React
  • Langage JSX
  • DOM virtuel et réconciliation
3. Composants 
  • Types de composants
  • Utilisation de propriétés (Props React)
  • Utilisation d'états (State React)
4. Cycle de vie (Lifecycle) 
  • Création et destruction des composants
  • Méthodes du cycle de vie (componentDidMount(), componentWillUnmount())
  • Utilisation de SetState()
5. Gestion d’événements 
  • Liaisons d’événements (event listeners)
  • Événements synthétiques
6. Programmation fonctionnelle en utilisant les Hooks Nouveau
  • Que sont les Hooks?
  • Utiliser le Hook d’état
  • Utiliser le Hook d’effet

Jour 2

Renforcez vos compétences
7. Routage 
  • Historique (history)
  • Chemins (paths)
  • Hyperliens (links)
8. Formulaires 
  • Composants contrôlés
  • Composants libres (uncontrolled components)
  • Références (refs)
  • Validation
9. Charger des données dans le « state » Nouveau
  • Utiliser Fetch() pour obtenir des données d’un API
  • Profiter du cache avec createResource()
  • Faire patienter en montrant un Spinner grâce à Suspense
  • Découpage dynamique de code en petits fichiers grâce au « lazy load »
  • Utiliser des clés
10. Contexte Nouveau
  • Pourquoi utiliser un contexte?
  • Créer un contexte avec createContext()
  • Utiliser des fournisseurs et des consommateurs (providers and consumers)
  • Mettre à jour le contexte
11. Meilleures pratiques sur l’architecture d’applications React Nouveau
  • Composants d’ordre supérieur (higher-order components)
  • Props de rendu (render props)
  • Hooks personnalisés (custom hooks)
  • Où placer l’État
  • Pourquoi l’État devrait-il être immuable?
  • Qu’en est-il de css?

Jour 3

Maîtrisez la plateforme
12. Outils React avancés 
  • Introduction aux outils de développement React
  • Extension de débogage
  • Composants de navigation
  • Analyse des performances avec le profileur
  • Détection du rendu
  • Périmètres d’erreurs
13. Gestion de l’État avec Redux 
  • Introduction à Flux et à Redux
  • Actions
  • Réducteurs (reducers)
  • Stockage
  • Nouvelle approche : trousse de démarrage Redux
14. Utiliser Redux avec des appels asynchrones Nouveau
  • Utiliser le middleware de Redux
  • Utiliser Redux-thunk
  • Utiliser Redux dev tools
  • Utiliser Fetch() avec Redux
15. Optimiser les performances de React Nouveau
  • Livrer en mode « production »
  • Éviter la réconciliation
  • ShouldComponentUpdate()
  • Composants purs
16. Technologies additionnelles 
  • Présentation de React Native : développement d’applications mobiles avec React
  • Présentation de React Ionic : développement d’applications mobiles avec le DOM

Cours de 3 jours

Un expert du secteur vous enseigne les concepts fondamentaux se rapportant au codage d'une application de bout en bout à l'aide de React. Il aborde les notions React les plus récentes : Hooks, Context, Suspense et Mode concurrent.

Qu'est-ce que React?

React est une bibliothèque JavaScript créée par Facebook. Elle permet aux développeurs de générer des applications Web à partir de données qui peuvent être modifiées sans avoir à rafraîchir la page. Elle offre plus de rapidité, de simplicité et d’évolutivité.

Formation donnée au Canada

Si vous êtes au Canada, nous serons heureux de vous rendre visite! Nous donnons la formation entre autres à Montréal, à Vancouver, à Toronto, à Ottawa, à Calgary et à Québec.

Préalables

Vous devriez avoir une vaste expérience en matière de développement d’applications Web avec HTML5 et JavaScript. Aucune expérience préalable avec la bibliothèque React n’est nécessaire.

Atelier virtuel

Tous les ateliers sont virtuels pendant la Covid. Une partie importante de la formation est consacrée à la création d’applications et à l’expérimentation en direct (style «bootcamp»).

Technologie répandue

React est utilisée sur des milliers de sites Web (Facebook, Netflix, Instagram, NY Times) et d’applications mobiles (Skype, Uber, Tesla).

FAQ

Qu’est-ce que la formation React Academy?

Il s’agit d'une formation en classe de 3 jours offerte aux développeurs Web professionnels, disponible en cours public ou en entreprise.

Offrez-vous aussi des cours en ligne?

Pendant la Covid-19, tous nos cours sont virtuels, en direct avec le formateur

Quelle version de React utilisez-vous?

Nous enseignons *toujours* la dernière version de React. Nous mettons constamment à jour tout le matériel de formation à la dernière version.

Pouvons-nous personnaliser le contenu?

Les classes publiques respectent le plan de cours ci-dessus à la lettre. Mais nous pouvons assurément personnaliser le contenu de la formation en entreprise pour l’adapter aux préférences et aux attentes de votre équipe. Les sujets optionnels peuvent comprendre entre autres Bootstrap, Material Design, Firebase, Tests unitaires, React Native, Relay, Progressive Web App, Internationalisation et localisation, SEO.

Quels sont les préalables?

Vous devez connaître les notions de base de la programmation HTML, CSS et JavaScript. Par exemple, vous devez maîtriser suffisament JavaScript pour être capable de : déclarer des variables construire des boucles créer des expressions conditionnelles définir vos propres fonctions

Qu’est-ce que la formation React Academy?

Il s’agit d'une formation en classe de 3 jours offerte aux développeurs Web professionnels, disponible en cours public ou en entreprise.

Offrez-vous aussi des cours en ligne?

Pendant la Covid-19, tous nos cours sont virtuels, en direct avec le formateur

Quelle version de React utilisez-vous?

Nous enseignons *toujours* la dernière version de React. Nous mettons constamment à jour tout le matériel de formation à la dernière version.

Pouvons-nous personnaliser le contenu?

Les classes publiques respectent le plan de cours ci-dessus à la lettre. Mais nous pouvons assurément personnaliser le contenu de la formation en entreprise pour l’adapter aux préférences et aux attentes de votre équipe. Les sujets optionnels peuvent comprendre entre autres Bootstrap, Material Design, Firebase, Tests unitaires, React Native, Relay, Progressive Web App, Internationalisation et localisation, SEO.

Quels sont les préalables?

Vous devez connaître les notions de base de la programmation HTML, CSS et JavaScript. Par exemple, vous devez maîtriser suffisament JavaScript pour être capable de : déclarer des variables construire des boucles créer des expressions conditionnelles définir vos propres fonctions

Que faire si je n'ai pas d’ordinateur portable?

Nous ne fournissons généralement pas d’ordinateurs portables. Cependant, n’hésitez pas à communiquer avec nous dès que possible et nous verrons ce que nous pouvons faire pour vous aider.

Puis-je apporter un MAC ou un PC?

Aucun problème : vous pouvez apporter un PC ou un MAC. Ils vous offriront la même expérience pendant la formation.

Quelle est la configuration requise?

Des instructions d'installation détaillées sont envoyées aux participants environ une semaine avant la formation. En résumé, il s'agit d'installer Node.js et la dernière version de la bibliothèque React.

Quel éditeur de code ou IDE allons-nous utiliser?

Les participants peuvent utiliser l’outil de leur choix (par exemple : Sublime, Atom, Eclipse, WebStorm, Visual Studio). Le formateur utilise Visual Studio Code, qui est gratuit, disponible sur PC, MAC et Linux, et qui offre des extensions gratuites qui améliorent considérablement l’expérience de développement des applications React. Nous vous recommandons d'en faire l'essai!

Que faire si je n'ai pas d’ordinateur portable?

Nous ne fournissons généralement pas d’ordinateurs portables. Cependant, n’hésitez pas à communiquer avec nous dès que possible et nous verrons ce que nous pouvons faire pour vous aider.

Puis-je apporter un MAC ou un PC?

Aucun problème : vous pouvez apporter un PC ou un MAC. Ils vous offriront la même expérience pendant la formation.

Quelle est la configuration requise?

Des instructions d'installation détaillées sont envoyées aux participants environ une semaine avant la formation. En résumé, il s'agit d'installer Node.js et la dernière version de la bibliothèque React.

Quel éditeur de code ou IDE allons-nous utiliser?

Les participants peuvent utiliser l’outil de leur choix (par exemple : Sublime, Atom, Eclipse, WebStorm, Visual Studio). Le formateur utilise Visual Studio Code, qui est gratuit, disponible sur PC, MAC et Linux, et qui offre des extensions gratuites qui améliorent considérablement l’expérience de développement des applications React. Nous vous recommandons d'en faire l'essai!

Formateur : Eric Côté

Eric Côté est le propriétaire et formateur d’Académie React. Il travaille sur des ordinateurs depuis l’âge de 10 ans, où il utilisait un Commodore 64. Au début des années 1990, il a occupé le premier poste de webmestre pour le département d’éducation de l’Université de Montréal.

Il a ensuite donné de la formation en programmation informatique et en développement Web. Pendant de nombreuses années, il a été un excellent formateur des technologies Microsoft, notamment VB, C#, .NET, ASP.NET, MVC, Visual Studio, SQL Server et SharePoint. Il a formé des milliers de développeurs au fil des ans.

Au cours des dernières années, Eric s’est consacré à la programmation Open Source. Il effectue maintenant du développement à l’aide des technologies GitHub, React, Node.js, React Native, Babel, Webpack, des API REST et Docker.

Il est impatient de partager ses découvertes avec vous!

Nos clients

TCH Logo EnglishCreated with Sketch.

Écrivez-nous

Formation en entreprise

Recevez la formation à vos bureaux. Il vous suffit de fournir un local approprié, équipé d'un téléviseur ou d'un projecteur. Économisez temps et argent!

Ce cours coûte CA$436.50 par personne, par jour
->inclut un rabais de 10% pour les grands groupes.

Pour un cours de 3 jours vous payez CA$1,309.50 par personne.

Pour ce groupe de 8 participants, le montant total est de CA$10,476.00 (Comprend tous les frais. Taxes en sus.)

Explorez l'album photo

fine pointe de la technologie
Interactions avec le groupe
Obtenez de meilleures opportunités
Joignez vous aux pros!

Partenaires