
Conception de sites Web avec React
Bibliothèque d'interface utilisateur UI
9h 42min34 leçons6 sections
Ce que vous apprendrez
- Comprendre les fondamentaux de React
- Créer des composants interactifs
- Gérer l'état et les props efficacement
- Concevoir des applications web dynamiques
- Utiliser les Hooks dans React
- Maîtriser la création d'interfaces utilisateur interactives
À propos du cours
React JS est une bibliothèque JavaScript conçue pour aider les développeurs à créer des interfaces utilisateur pour des applications web, avec une large gamme de composants tels que des menus, des barres de recherche, des boutons et tout autre élément avec lequel les utilisateurs interagissent sur un site web. Avant React JS, les développeurs utilisaient JavaScript manuellement sans bibliothèques ou s'appuyaient sur des bibliothèques plus faibles comme jQuery, ce qui entraînait des temps de développement plus longs et des risques d'erreurs accrus. Dans ce cours, nous explorerons tout sur React JS, des bases à la maîtrise.
Résultats attendus
- Compréhension approfondie des concepts de React avec application pratique.
- Capacité à créer des applications web interactives et modernes.
- Maîtrise des outils comme JSX, Hooks et composants.
- Créer un projet final qui reflète les compétences acquises pendant le cours.
Contenu du cours
1Introduction à React
4 leçons
- Qu'est-ce que React6:55
- Installation des outils8:50
- Créer votre premier projet22:16
- Outil Code SandBox16:22
2Utiliser JSX avec React
6 leçons
- Explication de JSX et du Compilateur Babel24:07
- Application Pratique Simple5:25
- Gestion des Valeurs15:23
- Gestion du Style et des Propriétés24:13
- Ajout de Style Personnalisé aux Éléments14:48
- Application Pratique21:39
3Composant
14 leçons
- Qu'est-ce que le composant ?29:53
- Modification du code pour la nouvelle mise à jour5:21
- Intégration du composant avec l'application pratique précédente11:09
- Gestion du modèle et explication de l'importation et de l'exportation25:52
- Application Pratique sur le Modèle10:19
- Explication des Props24:48
- Application Pratique sur les Props33:17
- Utilisation de React DevTools15:32
- Explication de la Méthode Map16:24
- Application Pratique sur la Méthode Map30:47
- Explication des Fonctions Clés Utilisées19:17
- Explication de la Fonction Fléchée10:19
- Contrôle de l'Affichage par Conditions19:56
- Application Pratique12:15
4Explication des Hooks
5 leçons
- Introduction à l'état12:53
- Explication du Hook UseState29:29
- Application pratique17:00
- Gestion des événements12:56
- Travailler avec les formulaires19:01
5Projet final
4 leçons
- Étape Un25:34
- Étape Deux8:01
- Étape Trois10:31
- Étape Quatre21:31
6Extensions
1 pièces jointes
- Télécharger les fichiers du projet final
Formateur

Ing. Amr Abdel Fattah
6,563 étudiants20 cours





