list 5 séquences
assignment Niveau : Introductif
label Informatique & Programmation
chat_bubble_outline Langue : Français
card_giftcard 12 points
- /5
Avis de la communauté
0 avis

Les infos clés

credit_card Formation gratuite
verified_user Certification payante
timer 20 heures de cours

En résumé

React.js est devenu une référence incontournable pour le développement d'expériences utilisateurs riches dans le navigateur web, y compris sur mobiles.

Ce cours vise à donner de solides bases sur React.js en explorant l'ensemble de ses concepts et possibilités, pour faciliter ensuite l'exploration du très vase écosystème qui gravite autour.

Nous allons commencer par découvrir les concepts-clés de React.js et par mettre en place un environnement de travail performant. Pas à pas, nous explorerons les fondamentaux du framework avant d'en dégager les subtilités et la puissance.

Ce cours vise particulièrement à démonter les pièges classiques que rencontrent les débutants - et même certains confirmés - sur React.js, et à mettre en lumière les meilleures pratiques établies chaque fois que possible. C'est la raison pour laquelle un volet entier sera consacré à la mise en place de tests automatisés des composants React.js.

more_horiz Lire plus
more_horiz Lire moins
dns

Le programme

Prérequis : Ce cours nécessite de maîtriser les bases de la programmation avec JavaScript, ainsi que des concepts de la programmation orienté objet. Si ce n’est pas le cas, vous pouvez suivre ce cours !

 
Partie 1 - Démarrez du bon pied
1. Découvrez l'utilité et les concepts clés de React
2. Démarrez facilement avec Create-React-App
3. Modernisez votre JavaScript avec ES2015
Quiz : Alors, bien compris les bases ?
 
Partie 2 - Faites vos premiers pas
1. Écrivez des fonctions pures
2. Décrivez un composant avec JSX
3. Réagissez aux événements
4. Contextualisez le contenu de vos composants
5. Manipulez des listes de composants
Quiz : Maîtrisez-vous JSX ?
 
Partie 3 - Créez des composants complets
1. Configurez vos composants avec les props
2. Définissez formellement vos props avec PropTypes
3. Gérez la complexité avec les classes ES2015
4. Définissez des méthodes métier
5. Faites référence au bon « this » dans vos fonctions
6. Mettez en place un état local
7. Mettez à jour l'état local avec « setState »
8. Apprivoisez le cycle de vie des composants
Activité : Créez un jeu du Pendu
 
Partie 4 - Gérez des formulaires
1. Simplifiez votre gestion des valeurs et événements
2. Validez et formatez à la volée avec les champs contrôlés
3. Déléguez des traitements avec les champs non contrôlés
4. Approfondissez vos connaissances avec les documentations
Quiz : React et les formulaires
 
Partie 5 - Testez vos composants
1. Découvrez les tests automatisés
2. Écrivez votre premier test avec Jest
3. Gagnez en expressivité avec Chai
4. Facilitez-vous l'écriture des tests avec Enzyme
5. Simulez des événements
6. Mettez en place un filet de sécurité avec les Snapshots
7. Auditez la couverture de vos tests
8. Explorez la documentation pour aller plus loin
Quiz : Le Test sur les Tests
 
Certificat de réussite
record_voice_over

Les intervenants

Christophe Porteneuve
Christophe est le fondateur et CTO de Delicious Insights, qui fait des formations tech de pointe sur Git, React, Node, Webpack et JavaScript

store

Le concepteur

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

Quelle note donnez-vous à cette ressource ?
Contenu
0/5
Plateforme
0/5
Animation
0/5