React.Js

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Complete React.js Course – Build Modern Web Applications 

Join our comprehensive React.js course and learn how to build dynamic, high-performance web applications using one of the most popular JavaScript libraries. This course is suitable for all levels, from beginners to advanced learners, and provides practical skills for real-world web development.

What you will learn in this course:

  • Introduction to React.js and its core concepts

  • Understanding components, props, and state

  • Handling events and forms in React

  • Routing and navigation using React Router

  • Working with APIs and asynchronous data

  • Managing application state with Context API and Redux

  • Building responsive and interactive UI

  • Real-world projects and hands-on exercises

Course Features:

  • Clear and structured video lessons

  • Practical examples and real-world projects

  • Step-by-step guidance for all levels

  • Learn to create modern, scalable web applications with React.js

Start your journey in React.js development and gain the skills to build professional web applications!

 

Show More

What Will You Learn?

  • Understand the fundamentals of React.js and its core concepts
  • Build and manage components, props, and state
  • Handle events and create interactive forms
  • Implement routing and navigation with React Router
  • Work with APIs and manage asynchronous data
  • Manage application state using Context API and Redux
  • Create responsive and dynamic user interfaces
  • Develop real-world web applications with hands-on projects

Course Content

Info

  • React.Js 1
    04:21
  • React.Js 2
    05:30
  • React.Js 3
    09:45
  • React.Js 4
    05:41
  • React.Js 5
    08:27
  • React.Js 6
    09:16
  • React.Js 7
    10:50
  • React.Js 8
    14:02
  • React.Js 9
    17:45
  • React.Js 10
    05:46
  • React.Js 11
    11:06
  • React.Js 12
    10:20
  • React.Js 13
    12:00
  • React.Js 14
    03:37
  • React.Js 15
    28:41
  • React.Js 16
    19:07
  • React.Js 17
    14:03
  • React.Js 18
    01:53
  • React.Js 19
    10:41
  • React.Js 20
    12:20
  • React.Js 21
    15:22
  • React.Js 22
    01:53
  • React.Js 23
    15:40
  • React.Js 24
    08:19
  • React.Js 25
    06:19
  • React.Js 26
    08:21
  • React.Js 27
    18:39
  • React.Js 28
    13:58
  • React.Js 29
    17:54
  • React.Js 30
    13:59
  • React.Js 31
    16:18
  • 29: Select & Radio Inputs with State
    10:39
  • 30: تحدي تحديث ال State Object
    04:23
  • 31: حل تحدي تحديث ال Object State
    10:27
  • 32: Using Arrays as State in the Component in React JS
    17:22
  • 33: التعديل و الحذف في ال Array State في رياكت
    17:26
  • 34: التعديل في ال Array State
    09:42
  • 35: تحدي تحديث ال Array State
    02:07
  • 36: حل تحدي تحديث ال Array State
    14:03
  • 37: التحديث المتكرر لل state في رياكت
    15:05
  • 38: تحدي التحديث المتتالي لل State
    03:22
  • 39: حل تحدي التحديث المتتالي لل State
    05:22
  • 40: عرض مشروع Loan Application Form
    06:00
  • 41: المشروع الأول: بناء الواجهات و ال Components
    35:07
  • 42: المشروع الأول: بناء المنطق البرمجي
    38:22
  • و إكمال المشروع Modal المشروع الأول: إظهار ال
    28:05
  • 44: Communication using (Props)
    15:46
  • 45: Sending the event handler to the props
    12:30
  • 47: Prop Drilling Issue
    11:20
  • 48 : Using (useContext) to Fix The Prop Drilling Issue
    23:48
  • 49: Using (useContext) to Share Data in The APP
    14:27
  • 50 : Context Challenge
    03:45
  • 51 : Context Challenge Solution
    11:41
  • 52 : Intro To React Router
    17:33
  • 53 : Using (Link) To Navigate To Other Pages
    09:49
  • 54 : Dynamic Routes
    19:57
  • 55 : Extracting Params From The Dynamic Routes
    12:41
  • 56 : 404 page إظهار صفحة الخطأ
    09:53
  • 57 : Nested Routes – الروابط المتداخلة
    11:41
  • 58 : SSR vs CSR – SPA? ما هي مواقع الصفحة الواحدة؟
    08:59
  • 59 : البدء في استخدام أطر العمل التصميمية في رياكت
    17:37
  • 60 : تخصيص التصميم الكلي للمشروع
    10:36
  • 61 : Material UI تخصيص و ترتيب الصفحة في
    10:45
  • 62 : icons استخدام ال
    06:00
  • 63 : Material UI تحدي الـ
    01:47
  • 64 : Material UI حل تحدي الـ
    10:10
  • 65 : مقدمة لمشروع قائمة المهام
    06:19
  • 66 : استعراض مشروع قائمة المهام
    04:01
  • 67 : تنزيل المكتبات و البدء في المشروع
    06:22
  • 68 : Todo List تصميم الهيكل العام لل
    16:17
  • 69 : Todo Component بناء الـ
    14:44
  • 70 : Todo Component إكمال بناء ال
    07:55
  • 71 : إضافة خطوط خارجية للمشروع
    19:51
  • 72 : إكمال التصميم الخاص بإضافة مهمة جديدة
    08:33
  • 73 : في قائمة المهام Todos إظهار مجموعة
    08:31
  • 74 : إضافة مهمة جديدة
    09:06
  • 75 : إضافة مهمة للمهام المنجزة
    21:08
  • 76 : Context (useContext hook) الاعتماد على ال
    12:21
  • 77 : حذف المهام من قائمة المهام
    19:10
  • 78 : تعديل مهمة في قائمة المهام
    21:14
  • 79 : localStorage تخزين المهام في ال
    14:52
  • 80 : useEffect in React and how to retrieve data from localStorage
    13:26
  • 81 : Retrieving The Todos From Local Storage
    07:59
  • 82 : تصنيف المهام المنجزة / غيرالمنجزة
    18:20
  • 83 : إضافة اللمسات الأخيرة على المشروع
    10:03
  • 84 : Project Deployment – رفع المشروع
    11:26
  • 85 : مقدمة لتنظيف أكواد المشروع
    03:42
  • 86 : Caching The Computations Using useMemo
    15:54
  • 87 : Moving The Dialog Modals Up (lifting the state up)
    29:56
  • 88 : Adding Toast as Providers
    10:36
  • 89 : Adding Toast Logic With Context
    15:15
  • 90 : Turning The Context Into Provider
    26:07
  • 90.1 : تصحيح كود الدرس الأخير
    03:31
  • 91 : Introduction To Use Reducer
    36:35
  • 92 : Applying useReducers to Todo App
    24:04
  • 93 : Applying useReducer on Update / Delete
    19:36
  • 94 : Combining Reducer With Context
    25:53
  • 95 : Fixing The Mutation Problem
    10:15
  • 96 : useState – useEffect – useMemo – useContext – useReducer مراجعة عامة
    21:42
  • 96 : useState – useEffect – useMemo – useContext – useReducer مراجعة عامة
    04:12
  • 97 : API Section مقدمة إلى ال
    02:43
  • 98 : استعراض مشروع الطقس
    03:40
  • 99 : تنزيل المكتبات و الخطوط
    12:46
  • 100 : بناء الواجهات
    30:07
  • 101 : و فهمه api استعراض ال
    09:24
  • 102 : API Request in React
    12:56
  • 103 : useEffect Cleanup
    18:12
  • 104 : في الصفحة API تعبئة بيانات ال
    12:16
  • 105 : using moment library for data and time
    07:25
  • 106 : translation using i18next in react
    12:36
  • 107 : تغيير اللغة من خلال الضغط على الزر
    12:35
  • 108 : تغيير اتجاه الموقع بناء على اللغة المحددة
    05:26
  • 109 : اختتام و رفع المشروع
    05:38
  • 110 : Redux مقدمة إلى فصل
    04:49
  • 111 : Redux – شرح نظري
    14:32
  • 112 : Redux with React البدء باستخدام
    45:51
  • 113 : Using Redux for Subtraction
    09:33
  • 114 : . مطابقة الشرح النظري و التطبيق العملي
    12:32
  • 115 : Redux تحدي
    01:23
  • 116 : Redux حل تحدي
    04:00
  • 117 : Redux Dev Tool
    08:34
  • 118 : The Problem of Async Logic in Redux
    12:43
  • 119 : Async Logic in Redux – شرح نظري
    04:36
  • 120 : Using Redux with API
    16:40
  • 121 : Adding the Async Logic to Redux
    13:44
  • 122 : Adding Async Logic to the Redux Code
    25:00
  • 123 : Completing the Integration with Redux
    12:03
  • 124 : Redux & Async Logic with Redux Revision
    18:20

Student Ratings & Reviews

No Review Yet
No Review Yet
Scroll to Top
bannerbannerimprove alexa rank
Get new posts by email: