Cours React JS

React (appelé aussi React.js ou React JS en langage courant) est un moteur de rendu JavaScript qui se démarque de ses concurrents !
developpement
28
Fév
Certifiant
Durée estimée de 45 heures
Niveau Débutant
Thématique Développement
React (appelé aussi React.js ou React JS en langage courant) est un moteur de rendu JavaScript qui se démarque de ses concurrents par une architecture qui se veut efficace et performante. Il a été initialement créé chez Facebook qui l'a utilisé pour développer le fil d'actualité de son réseau social. Ses caractéristiques permettent de faciliter la création d’applications web: -ReactJS permet de fabriquer des composants Web -Un composant ReactJS génère du code HTML à chaque changement d'état -ReactJS ne gère que la partie interface de l'application web (Vue) -ReactJS peut être utilisé avec d’autres bibliothèques ou frameworks (AngularJS)
Afficher la description entière
Objectifs
  • Mettre en place un projet avec Create React App
  • Créer des composants React complets avec JavaScript et JSX
Savoirs
  • Savoir utiliser les outils de développement adaptés
  • Construire une application React JS en respectant les bonnes pratiques
  • Installer, configurer et utiliser les bibliothèques
Pré-requis
  • Connaissances de base en JavaScript.

Programme

Total learning: 12 lessons / 12 quizzes Time: 45 heures
  • Cours React JS
    React JS : L'écosystème  Dans ce module vous allez voir la liste et le rôle des outils/technologies liées à un projet reactjs lorsqu'il est installé "from scratch", comme c'est le cas en entreprise. Mais le reste du temps, le cours et les exercices se baseront sur l'outil officiel de facebook "create-react-app", permettant de compiler un projet react sans aucune configuration de build.
    1459 vues
    Avancé
    7h
    Détails du cours
    0/6

    • 1
      Les outils liés à la configuration d’un projet Reactjs
    • 2 Questions 0 question10 min
    • 2
      Comment démarrer un projet ReactJs rapidement grâce aux générateurs
    • 2 Questions 0 question10 min
    • 3
      Comment démarrer un projet ReactJs rapidement grâce aux générateurs
    • 2 Questions 0 question10 min
  • Cours React JS
    React JS : L'anatomie d'un component  L'objectif de ce module est de rendre le plus clair et accessible possible l'élément central de la librairie ReactJS, à savoir le component.
    1459 vues
    Avancé
    10h
    Détails du cours
    0/6

    • 1
      La structure d’un component
    • 2 Questions 0 question10 min
    • 2
      Les éléments fréquents associés au composant
    • 2 Questions 0 question10 min
    • 3
      Importer/exporter des composants
    • 3 Questions 0 question10 min
  • Cours React JS
    React JS : Techniques de programmation additionnelles  Vous allez voir dans ce module diverses techniques de programmation liées majoritairement aux évolutions de la librairie React qui propose continuellement toujours plus de fonctionnalités ou encore du fait du transcompilateur babeljs qui donne la possibilité au programmeur d'utiliser des syntaxes alternatives.
    1459 vues
    Avancé
    14h
    Détails du cours
    0/6

    • 1
      Des éléments subtiles de la librairie
    • 2 Questions 0 question10 min
    • 2
      Les renderings conditionnels
    • 2 Questions 0 question10 min
    • 3
      Différentes manières de “lier” les fonctions à la classe du composant
    • 2 Questions 0 question10 min
  • Cours React JS
    React JS : React-router (version 4)  Les objectifs de ce module est de définir le rôle des éléments de base en insistant sur l'élément Route et enfin de vous fournir des techniques de programmation supplémentaires.La version de react-router exploitée lors de ce module est la version 4.
    1459 vues
    Avancé
    14h
    Détails du cours
    0/6

    • 1
      Définir le rôle des éléments de base
    • 2 Questions 0 question10 min
    • 2
      Divers cas pratiques sur l’élément Route
    • 2 Questions 0 question10 min
    • 3
      Quelques “best practices” de react-router
    • 2 Questions 0 question10 min
  • Certifiant Cours React JS
  • React JS : L’écosystème

     

    React peut être qualifié de moteur de rendu Web. Il s’agit d’une librairie JavaScript et non d’un framework – comme AngularJS par exemple.

    Pour gérer la structure applicative d’un site web sous React, Facebook a développé Flux. Un patron de conception qui n’impose pas d’implémentation de référence.

    En termes de performance, React optimise les opérations sur le DOM en utilisant un DOM virtuel. Pour manipuler le Virtual DOM, React fait appel à JSX. Un langage qui étend JavaScript avec une syntaxe déclarative permettant de définir le mode de rendu HTML du composant.

     

    React JS : L’anatomie d’un component

    React permet aux développeurs de créer des Component (Composants) correspondant aux parties de l’interface. Les component peuvent être reutilisés ou combiné avec autres Component afin de créer une interface complète.

     

    L’idée de  Component est la clé pour résoudre les difficultés rencontrées lorsque le projet devient plus en plus grand. L’interface est créée à partir du couplage de Component. Ce dernier représente la caractéristique la plus importante que React fournit.

     

    React JS : Techniques de programmation additionnelles

     

    React peut s’écrire avec la “véritable syntaxe” JavaScript mais cela est moins facile à écrire et encore moins à lire. Ainsi, React fait appel à JSX qui est une extension créée par Facebook qui ajoute une syntaxe XML à JavaScript. JSX apporte une véritable souplesse dans l’écriture, dans la lecture et la compréhension.

    React JS : React-router (version 4)

     

    React Router 4 est un ensemble de composants de navigation qui offrent un routage déclaratif dans vos applications React.

    Le routage est de la plus haute importance dans presque toutes les architectures d’application. Plus votre application est grande, plus votre fonctionnalité de routage devient complexe, des scénarios de routage simples à ceux profondément imbriqués.

    React Router est la bibliothèque la plus populaire et la plus utilisée pour le routage dans les applications React.

    Refermer la description

    Avis clients

    4.2/5
    (5 avis)
      4 /5
      Genial
      Génial, je le recommande à tous !
      4 /5

      Très bon concept pour ce former à distance, les cours sont clairs et l'équipe pédagogique très a l'écoute!
      4 /5
      Genial
      Je suis très heureux d'avoir trouvé cette formation avec un niveau aussi fort de soutien académique.
      4 /5
      Top
      Excellent cours avec beaucoup de ressources utiles. Dynamique et facile à suivre. Sauve temps et argent à tous ceux qui ont un projet à gérer.
      5/5
      Super
      Excellent Cours, très bonne pédagogie, et super énergie.

    Ecrire un avis

    Cours React JS
    S'ABONNER
    Certifiant
    Niveau Débutant
    45 heures
    1459 vues
    Accès illimité
    12 vidéos
    12 modules
    Parcours Cours React JS
    Cours React JS Cours React JS
    Vous êtes une entreprise et vous souhaitez faire
    monter en compétences vos collaborateurs ?
    2,500 €
    (0 vote)
    Agile
    Certification Project Management Practitioner AgilePM®
    55 heures
    Agile
    Dans un contexte de plus en plus concurrentiel caractérisé par l’évolution du besoin (nouveaux services, nouvelles fonctionnalités…), les méthodes Agiles révolutionnent la gestion de projet et apportent des réponses claires aux enjeux actuels. Elles sont de plus en plus utilisées et les personnes capables d’évoluer, d’optimiser ou de déployer un cadre de travail agile sont aujourd’hui très recherchées. Cette formation vous donnera toutes les connaissances nécessaires pour maîtriser scrum avec un double objectif à l’issue de la formation : Faire de vous un collaborateur pleinement opérationnel pour le travail en mode agile Vous préparer dans les meilleures conditions au passage de la certification Project Management Practitioner AgilePM® La certification Project Management Practitioner AgilePM® est très valorisée sur le marché du travail et l’avoir est une garantie de pouvoir vous positionner plus facilement sur les postes qui évoluent dans un contexte agile.
    Certification Project Management Practitioner AgilePM®
    55 heures
    Débutant
    (0 vote)
    2,500 €
    1,999 €
    (0 vote)
    Gestion de projet
    Certificat de conseil en organisation et en management du changement
    60 heures
    Gestion de projet
    Dans le contexte actuel où la digitalisation des entreprises, quel que soit leur domaine d’activité, est en enjeu concurrentiel critique, maîtriser sa transition digitale est une des clés de réussite des entreprises actuelles et de demain.
    Certificat de conseil en organisation et en management du changement
    60 heures
    Débutant
    (0 vote)
    1,999 €
    1,999 €
    (5 votes)
    IT management
    PRINCE2® Foundation et Practitioner
    40 heures
    IT management
    PRINCE2® (PRojet IN Controlled Environments) est une méthode de gestion de projet structurée basée sur les bonnes pratiques. Cette méthode normée s’appuie sur 3 axes principaux : La Gestion, l’Organisation et le Contrôle du projet. PRINCE2 propose une approche très structurante depuis l’initialisation jusqu’à la clôture du projet. La double certification PRINCE2® Foundation et Practitioner démontre compréhension théorique de la méthode ainsi qu’une capacité à appliquer la méthode PRINCE2 dans un contexte projet exigeant.
    PRINCE2® Foundation et Practitioner
    40 heures
    Intermédiaire
    (5 votes)
    1,999 €
    1,999 €
    (6 votes)
    Big data
    Certification Exin CCC Big Data Foundation
    50 heures
    Big data
    Le Chef de projet est un acteur essentiel de la réussite de tout projet. Véritable chef d'orchestre il doit proposer une stratégie gagnante et livrer un produit à haute valeur ajoutée. Aussi à l'aise sur l'aspect méthodologique que sur la gestion du facteur humain, le Chef de Projet a une vision à la fois macro et micro du projet. La spécialité Big Data répond aux collaborateurs en charges des projets informatiques dans les environnements Big Data et qui souhaitent avoir les compétences et connaissances pour maîtriser le pilotage de ces projets.
    Certification Exin CCC Big Data Foundation
    50 heures
    Intermédiaire
    (6 votes)
    1,999 €
    1,999 €
    (6 votes)
    Devops
    Certification DASA DevOps Fundamentals
    80 heures
    Devops
    Le Product Owner tient un rôle essentiel dans la démarche agile / scrum. Il garantit la réalisation de produits à haute valeur ajoutée en appliquant la méthodologie scrum. Son rôle est de concentrer les équipes sur le développement d’éléments prioritaires, importants et attendus pour les clients et/ou les utilisateurs en utilisant les valeurs et les principes.
    Certification DASA DevOps Fundamentals
    80 heures
    Intermédiaire
    (6 votes)
    1,999 €

    Nous travaillons avec les startups les plus innovantes dans leur domaine.



    Nous nous engageons à vous apporter des formations de qualité référencées.

    Une question ? Vous souhaitez vous lancer ?
    N’hésitez pas à nous contacter