Note sur la COVID-19: Tous les cours sont maintenant donnés en mode virtuel, jusqu'à nouvel ordre.

Formation privée en virtuel pour votre équipe (Québec)
Dates de votre choix (en fonction des disponibilités)

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

Course List

Calendrier

Octobre 2020

Plan de cours

Fondements de 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
  • Utiliser des clés
9. Charger des données dans le « state » Nouveau
  • Utiliser fetch() pour obtenir des données d’un API
  • Modifier les données avec un API
  • Programmation asynchrone en JS
  • Utiliser les notifications Google Firebase
10. 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
11. Meilleures pratiques d'architecture React Nouveau
  • Où placer l’État
  • Pourquoi l’État devrait-il être immuable?
  • Qu’en est-il de css?

Cours de 2 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 2 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 2 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

Formation corporative personalisée à votre équipe. Répond à vos besoin et votre budget.

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

Pour un cours de 2 jours vous payez CA$873.00 par personne.

Pour ce groupe de 8 participants, le montant total est de CA$6,984.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