Formation "REACT JS - Débutant"

Dans un monde où le numérique ne cesse d'évoluer, maîtriser React JS est devenu un atout incontournable pour toute personne désireuse de se positionner avantageusement sur le marché du travail. Les entreprises, en quête de solutions rapides et performantes, privilégient les professionnels capables de créer des applications web dynamiques et réactives. La formation "REACT JS - Débutant" de ONLYWEB FORMATION est conçue pour vous offrir les compétences essentielles nécessaires à la compréhension et à l'implémentation de ce framework JavaScript prisé.

En vous formant à React JS, vous développez des compétences recherchées telles que le DataBinding, l'utilisation de JSX, et la gestion du cycle de vie des composants. Ces connaissances vous ouvrent des portes vers des opportunités d'emploi plus nombreuses et variées, et vous préparent à des évolutions de carrière vers des postes à responsabilités.

En outre, être à la pointe des technologies modernes vous permet de répondre aux besoins croissants des entreprises en matière de développement web, vous positionnant ainsi comme un acteur clé dans ce domaine en pleine expansion.

Pour en savoir plus sur la formation, consultez notre page dédiée.

Public

À qui s'adresse la formation REACT JS (Débutant)

Cette formation "REACT JS - Débutant" s'adresse à toute personne souhaitant acquérir des compétences fondamentales en développement d'applications web interactives, notamment les développeurs débutants, les étudiants en informatique ou les professionnels en reconversion. Elle convient également aux autodidactes ayant des bases en HTML, CSS et JavaScript, désireux d'approfondir leur maîtrise de React pour créer des applications modernes et dynamiques.

Objectifs

Compétences visées pour la formation REACT JS (Débutant)

La formation "REACT JS - Débutant" vise à fournir aux participants les compétences essentielles pour créer des applications dynamiques avec React. Vous apprendrez à installer et configurer votre environnement, à comprendre les composants et le cycle de vie React, ainsi qu'à maîtriser le DataBinding et les concepts avancés tels que le State et les Props. Cette formation vous prépare à développer des interfaces utilisateur efficaces et réactives.

Programme

Les bases des composants Rich Intern. App.

  1. Fondamentaux : HTML, CSS, JavaScript, DOM
  2. Limites des applications JavaScript
  3. Ecosystèmes des framework JavaScript
  4. Principes du DataBinding
  5. Positionnement et philosophie de ReactJS
  6. Présentation de JSX
  7. Environnements IDE et PlugIns

Installer l'environnement de travail

  1. Installer Node & NPM
  2. Initialiser un projet node

Installer React

  1. Framework vs librairie, composants et DOM
  2. Le JSX
  3. Installation de React

Comprendre les composants React JS

  1. Créer une application React via CDN
  2. L'intérêt de JSX par rapport à JavaScript
  3. Les composants parent
  4. Compiler le code ES6 via Babel
  5. La méthode ReactDOM
  6. Utiliser create-react-app
  7. Qu'est ce que React.StrictMode
  8. Le destructuring et createRoot

Créer un projet React

  1. Package.json
  2. Dossier public, src & lancer le projet

Connaitre les fondamentaux d'ECMA Script 6

  1. Les constantes et le destructuring
  2. Les arrow functions, paramètres par défaut
  3. Les classes ES6
  4. Gestions des modules, import/export
  5. Les templates string
  6. Le spread operator

Savoir créer un composant React

  1. Démarrage du projet
  2. Afficher un tweet grâce au JSX
  3. Afficher depuis les "Props"

Comprendre les concepts de React JS

  1. Que sont les notions PROPS et STATE
  2. Export Default et Named Exports
  3. Que sont les évènements JavaScript
  4. Mutation du State dans un composant class
  5. Incrémenter un State dans React
  6. Destructuring Array et fonction CallBack
  7. Passer une fonction dans un Prop
  8. Le React Fragment
  9. Le destructuring dans React
  10. Les conditions dans React
  11. Les images dans React
  12. Les formulaires dans React
  13. Les packages NPM
  14. Le CSS dans React
  15. Le custom Button

Maitriser le container

  1. Mapper les données pour renvoyer du JSX
  2. PropTypes et composants réutilisables
  3. Retraiter la donnée avant de l'afficher

Maitriser le composant stateful

  1. Structure du code
  2. Cycle de vie d'un composant
  3. Gestion du state et des inputs
  4. Gestion du CSS

Comprendre le cycle de vie d'un composant

  1. Que sont les méthodes de cycle de vie
  2. La phase de montage
  3. La phase de mise à jour
  4. La phase de démontage
  5. La méthode getDerivedStateFromProps
  6. La méthode shouldComponentUpdate

Comprendre le Two way data binding

  1. Des "props" aux enfants depuis le parent
  2. Mise en place de la méthode pour publier
  3. Mise en place de la méthode pour supprimer
  4. Définir les propriétés par défaut
  5. Les références

Installer React-router

  1. Installation & configuration
  2. Refactoring

Savoir utiliser React Devtools

La formation REACT JS (Débutant) est dispensée sur 14 heures

Proche de chez vous

Formateur : Rodolphe DUTERVAL

Formateur REACT JS
Formateur & Développeur expert Web chez Simplon

Juin 2014 : Expert Informatique & système d’information@ Ingésup (Paris)

Parcours professionnel :

  • Depuis Déc.. 2018: Développeur Web Freelance (Valence)
  • Sept. 2015 – Oct. 2018 : Formateur informatique @ Simplon (Paris/Marseille)
  • 2013 : développeur web junior @ Société Générale (Paris)

Formateur JS pour les étudiants de la formation Dev WEB de Simplon.co

Références

Dernières organisations facturées :
- ANURA, Bourg-en-bresse
- ALLIANCE LAUNDRY FRANCE, Saint-priest
- MON COMPTE FORMATION GÉRÉ PAR LA CDD, Paris 07 sp
Statistiques
Déroulé pédagogique

Règlement intérieur
Engagements PSH
Conditions Générales de Vente
Cette offre de formation est d'actualité au 02/04/2025

Durée et montant de la formation

Intitulé Durée Montant HT
Formation REACT JS - Débutant 14 heures 1290.00 €

Demander une convention de formation

Inscription newsletter

Recevez la newsletter ONLYWEB Formation pour vous tenir informé des formations à venir et maintenir vos compétences.

ONLYWEB Formation, s'appuie sur le réseau d'experts EVA - Solutions

coordonnées

© ONLYWEB Formation
6 pl. Dumas de Loire
69009 Lyon
TÉL 09 72 13 00 73
EVA Solutions: La force du réseau