Les bases de React JS #1/9 : La découverte du framework
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h39
de formation
18
leçons vidéo
3
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Les bases de React JS #1/9 : La découverte du framework

4.8/5 Trustpilot (1391 avis) Satisfait ou remboursé
1h39
de formation
18
leçons vidéo
3
chapitres

Apprenez à développer des applications web modernes avec React JS, le framework JavaScript populaire, dans cette formation en ligne complète.

Dans cette première partie, nous allons découvrir les concepts clés de React, tels que JSX, les composants et Babel.
Nous allons apprendre à écrire des composants sous la forme de fonction JS qui retourneront du code JSX.
Nous utiliserons Babel afin de traduire le code JSX en langage JS compréhensible pour les navigateurs.

À la fin de cette 1ère partie dédiée à l'apprentissage du framework ReactJS, vous aurez une meilleure vue sur ses fonctionnalités.

Afin de pouvoir suivre cette formation dans de bonnes conditions, il est indispensable de connaître le HTML ainsi que le CSS et surtout vous devez maîtriser le JavaScript moderne.
Voici un Bundle de 14h pour apprendre à développer en JS moderne.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction à React
Chapitre 2
Application
Chapitre 3
Pour la prochaine fois

Table des matières

Chapitre 1 : Introduction à React

1h08
 
Leçon 1Découvrir la philosophie de React
Leçon 2Installer le framework React
Leçon 3Mettre en place une page web
Leçon 4Afficher un élément dans un autre élément
Leçon 5Ajouter des propriétés
Leçon 6Ajouter un nouvel élément dans un élément
Leçon 7Découvrir le langage JSX
Leçon 8Passer du JavaScript à JSX
Leçon 9Créer notre premier Composant
Leçon 10Passer un props d'un Composant parent à un composant enfant
Leçon 11Passer plusieurs props d'un composant parent à un composant enfant
Leçon 12Le site de Babel

Chapitre 2 : Application

29m14
 
Leçon 1Mise en place des bases du travail
Leçon 2Ecrire et afficher le composant Parent
Leçon 3Déclarer le composant Enfant
Leçon 4Recevoir et afficher les props
Leçon 5Attention aux noeuds !

Chapitre 3 : Pour la prochaine fois

02m09
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Bernard Chabloz
Bernard Chabloz
Publié le 20/11/2023
Progressif et clair, comme toujours! nb: en V18, ReactDOM.render(, truc) n'est plus supporté. La structure se monte en deux temps: 1. const root = ReactDOM.createRoot(truc); 2. root.render();
Carl Brison
Carl Brison
Vous avez parfaitement raison er c'est ce que nous verrons dans le second épisode. Merci beaucoup pour votre commentaire ;-)
Regis Philippe
Regis Philippe
Publié le 16/11/2023
Toujours aussi inintéressant , je vais attaquer le deuxième volet. merci
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 06/11/2023
Je découvre React , cela parait touffu et malgré ces bonnes explications je vais reprendre l'ensemble pour bien comprendre la finalité ... Didier
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire, Didier ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de l'exercice

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h39 de vidéo • 3 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 781 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1425 tutos gratuits

Notre politique de protection des données