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 Web Development
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
  • 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
  • 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
  • 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
  • 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 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

    Certifiant
    Niveau Débutant
    45 heures
    1459 vues
    1 d’accès
    12 vidéos
    12 modules
    Parcours React JS
    React JS React JS
    Vous êtes une entreprise et vous souhaitez faire
    monter en compétences vos collaborateurs ?
    1,999 €
    (0 vote)
    Gestion de projet
    Certifiant
    23 semaines
    Gestion de projet
    Further your career in agile as a PMI Agile Certified Practitioner (PMI-ACP)®. The PMI-ACP certification officially recognizes your agile knowledge and demonstrates your subject matter expertise to peers, managers, stakeholders, and employers. This learning path is designed to help you learn, study, and take the PMI-ACP exam. Courses within the path prepare you for the...
    Certifiant
    23 semaines
    Débutant
    (0 vote)
    1,999 €
    1,999 €
    (0 vote)
    Vidéo, Audio
    Certifiant
    27 heures
    Vidéo, Audio
    Portez la conception graphique à un niveau supérieur en y intégrant du mouvement. Apprenez à utiliser les effets visuels, l’animation et les techniques cinématographiques pour donner vie à vos conceptions. Apprenez à développer des idées innovantes de contenus animés et à présenter des produits de façon engageante en tant que motion designer.
    Certifiant
    27 heures
    Débutant
    (0 vote)
    1,999 €
    1,999 €
    (0 vote)
    Design
    Certifiant
    7 semaines
    Design
    Le design thinking implique des stratégies et des systèmes qui améliorent et affinent le processus de conception. Il stimule l’innovation dans toutes les industries, des hôpitaux aux compagnies pétrolières, des organismes sans but lucratif aux écoles. Dans ce cursus d’apprentissage, préparez-vous à explorer les principes de base du design thinking et à apprendre à en...
    Certifiant
    7 semaines
    Débutant
    (0 vote)
    1,999 €
    1,999 €
    (0 vote)
    IT, Web Development
    Certifiant
    18 semaines
    IT, Web Development
    Développez vos compétences en bases de données avec Microsoft SQL Server, un des systèmes de gestion de bases de données les plus utilisés. En suivant ce parcours d’apprentissage, vous évoluerez en mise en oeuvre et administration SQL Server depuis les bases vers les sujets les plus avancés, notamment les performances et la réplication.
    Certifiant
    18 semaines
    Débutant
    (0 vote)
    1,999 €
    1,999 €
    (0 vote)
    Retouche d'images, Photographie
    Certifiant
    14 semaines
    Retouche d'images, Photographie
    En tant que designer web, il est important de maîtriser Photoshop pour optimiser l’intégration des visuels sur un site web. Commencez donc par comprendre les nombreuses options offertes pour diffuser les photos selon les besoins de vos clients. Créez des maquettes dans Photoshop CC pour modéliser et présenter vos projets. Ensuite, réalisez des visuels percutants...
    Certifiant
    14 semaines
    Débutant
    (0 vote)
    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