Conception de sites Web avec React

Bibliothèque d'interface utilisateur UI

4.3(91)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

1

Introduction à React

4 leçons
  1. Qu'est-ce que React6:55
  2. Installation des outils8:50
  3. Créer votre premier projet22:16
  4. Outil Code SandBox16:22
2

Utiliser JSX avec React

6 leçons
  1. Explication de JSX et du Compilateur Babel24:07
  2. Application Pratique Simple5:25
  3. Gestion des Valeurs15:23
  4. Gestion du Style et des Propriétés24:13
  5. Ajout de Style Personnalisé aux Éléments14:48
  6. Application Pratique21:39
3

Composant

14 leçons
  1. Qu'est-ce que le composant ?29:53
  2. Modification du code pour la nouvelle mise à jour5:21
  3. Intégration du composant avec l'application pratique précédente11:09
  4. Gestion du modèle et explication de l'importation et de l'exportation25:52
  5. Application Pratique sur le Modèle10:19
  6. Explication des Props24:48
  7. Application Pratique sur les Props33:17
  8. Utilisation de React DevTools15:32
  9. Explication de la Méthode Map16:24
  10. Application Pratique sur la Méthode Map30:47
  11. Explication des Fonctions Clés Utilisées19:17
  12. Explication de la Fonction Fléchée10:19
  13. Contrôle de l'Affichage par Conditions19:56
  14. Application Pratique12:15
4

Explication des Hooks

5 leçons
  1. Introduction à l'état12:53
  2. Explication du Hook UseState29:29
  3. Application pratique17:00
  4. Gestion des événements12:56
  5. Travailler avec les formulaires19:01
5

Projet final

4 leçons
  1. Étape Un25:34
  2. Étape Deux8:01
  3. Étape Trois10:31
  4. Étape Quatre21:31
6

Extensions

1 pièces jointes
  1. Télécharger les fichiers du projet final

Formateur

Ing. Amr Abdel Fattah

Ing. Amr Abdel Fattah

Ingénieur en systèmes informatiques spécialisé dans le développement d'applications mobiles et de sites Web, avec une expérience dans la création de plateformes et d'applications Web populaires.
7,112 étudiants20 cours