Empire Training

Développement Web - React JS

Formation React JS :
Utilisé par les leaders du secteur tels que Facebook, Netflix ou encore Airbnb, React JS est une bibliothèque Javascript développée à l’origine par Facebook. Flexible et particulièrement performante, React JS permet de réutiliser des composants avec des données pouvant changer au cours du temps. Au terme de cette formation, vous comprendrez les concepts de React JS, sauriez vous développer en utilisant les bonnes pratiques et choisir les outils de développement les plus adaptés !

Une formation flexible 100% en ligne

Démarrez à tout moment votre nouvelle carrière ! Disponible à temps partiel ? Pas de problème, étudiez à votre rythme.

Des projets professionnalisants

Vous développerez vos compétences professionnelles en travaillant sur des projets concrets inspirés de la réalité en entreprise.Pas de problème, étudiez à votre rythme.

Un accompagnement personnalisé

Bénéficiez de sessions de mentorat hebdomadaires avec un expert du métier.

Gagnez des certificats et des diplômes

Gagner des certificats et des diplômes peut améliorer votre carrière, élargir vos horizons et vous offrir une satisfaction personnelle accrue.

Objectifs de la formation ReactJS

Objectif opérationnel : 

Savoir utiliser la bibliothèque React JS pour faciliter la création d’applications web isomorphiques accessibles et performantes.

Objectifs pédagogiques : 

Concrètement, à l’issue de cette formation ReactJS, vous aurez acquis les connaissances et compétences nécessaires pour : 

  • Connaître les apports de la bibliothèque React dans le cadre d’un développement JavaScript
  • Savoir coupler React JS avec des modules complémentaires, JSX et ES6
  • Concevoir une application web monopage avec la bibliothèque React et l’architecture Flux
  • Comprendre et maîtriser la notion d’immutabilité pour optimiser les performances des applications mises à jour uniquement lors de changement
  • Comprendre et mesurer les impacts du choix d’une architecture incluant ce type d’application

À qui s’adresse cette formation ?

Public :

Ce cours ReactJS s’adresse aux développeurs JavaScript recherchant comment faciliter la création d’une application web monopage tout en maintenant un niveau élevé de flexibilité et de performance. Les développeurs concernés possèdent du recul et de l’expérience sur le langage JavaScript et son environnement et sont sensibles au motif d’architecture logicielle MVC.

Prérequis :

Les participants à cette formation ReactJS possèdent obligatoirement de solides connaissances des technologies web (HTML, CSS) et de JavaScript validées à travers le développement de projets web préalables. Ils sont également sensibilisés à la problématique de performance, au cœur de cette formation.

Une pédagogie basée sur la pratique

  • Acquérir des compétences essentielles en validant des projets professionnels.
  • Progressez à l’aide d’un expert du métier.
  • Gagnez un véritable savoir-faire ainsi qu’un portfolio pour le démontrer.

Projet 1

Démarrez votre formation de React JS 

Philosophie de React

Les autres Frameworks JavaScript
Environnement de développement
Outils de debug

Pour ce projet, vous trouverez une utilité particulière dans les cours suivants :

Premiers développements avec ReactJS :

Le composant
Principe et conséquences du Virtual Dom
La fonction render()
‘props’ et ‘state’
Le langage JSX

Les possibilités de build

Build complet avec webpack
Build managé avec la cli create-react-app
Les différents packages de bootstraping React
Optimisation et construction des fichiers nécessaires à l’affichage complet du site (js, mais aussi images et css)
Comparaison de la version lien dans le html/ la version développement et la version production

Découvrez les métiers de développeur

Les composants fonctionnels et de classe
Composition de multiple composants
Cycle de vie d’un Composant de classe
Les Hooks des composants fonctionnels
Gestion des événements click, mouseover…

Projet 2

Gestion centralisée des données

Présentation des différentes technologies de gestion (Redux, MobX, context, Recoil etc.)
Présentation de Redux
Le Store et les Actions
Création de Reducteurs pour les Actions
Utilisation avec React

Les cours suivants vous seront utiles pour ce projet :

Application monopage avec ReactJS et un module de store de variables

Flux/Redux : présentation. Propagation de données.
Comparaison des architectures.
Création de vues et contrôleurs dans Flux.
Rôle du “Dispacther” store reducer action.

Le Router

Les différents Routers
HashRouter ou PushState
Conséquences sur le déploiement

Application isomorphique

Présentation de NodeJS
Principe et bénéfices du développement isomorphique
Découverte du Framework NextJs

Un encadrement individuel et privilégié.

La communauté Empire Training

Pré- inscription en ligne

Veuillez remplir le formulaire

Les champs marqués d’un * sont obligatoires

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

Pré inscription développement web

Cliquez ou déplacez un fichier dans cette zone pour le téléverser.

Comment se déroule un parcours Empire Training ?

Dès la formation choisie jusqu’à leur entrée dans leur nouvelle carrière, nos étudiants racontent chaque étape de leur expérience et le soutien qu’ils ont reçu.