React.Js
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!
Course Content
Info
React.Js 1
04:21React.Js 2
05:30React.Js 3
09:45React.Js 4
05:41React.Js 5
08:27React.Js 6
09:16React.Js 7
10:50React.Js 8
14:02React.Js 9
17:45React.Js 10
05:46React.Js 11
11:06React.Js 12
10:20React.Js 13
12:00React.Js 14
03:37React.Js 15
28:41React.Js 16
19:07React.Js 17
14:03React.Js 18
01:53React.Js 19
10:41React.Js 20
12:20React.Js 21
15:22React.Js 22
01:53React.Js 23
15:40React.Js 24
08:19React.Js 25
06:19React.Js 26
08:21React.Js 27
18:39React.Js 28
13:58React.Js 29
17:54React.Js 30
13:59React.Js 31
16:1829: Select & Radio Inputs with State
10:3930: تحدي تحديث ال State Object
04:2331: حل تحدي تحديث ال Object State
10:2732: Using Arrays as State in the Component in React JS
17:2233: التعديل و الحذف في ال Array State في رياكت
17:2634: التعديل في ال Array State
09:4235: تحدي تحديث ال Array State
02:0736: حل تحدي تحديث ال Array State
14:0337: التحديث المتكرر لل state في رياكت
15:0538: تحدي التحديث المتتالي لل State
03:2239: حل تحدي التحديث المتتالي لل State
05:2240: عرض مشروع Loan Application Form
06:0041: المشروع الأول: بناء الواجهات و ال Components
35:0742: المشروع الأول: بناء المنطق البرمجي
38:22و إكمال المشروع Modal المشروع الأول: إظهار ال
28:0544: Communication using (Props)
15:4645: Sending the event handler to the props
12:3047: Prop Drilling Issue
11:2048 : Using (useContext) to Fix The Prop Drilling Issue
23:4849: Using (useContext) to Share Data in The APP
14:2750 : Context Challenge
03:4551 : Context Challenge Solution
11:4152 : Intro To React Router
17:3353 : Using (Link) To Navigate To Other Pages
09:4954 : Dynamic Routes
19:5755 : Extracting Params From The Dynamic Routes
12:4156 : 404 page إظهار صفحة الخطأ
09:5357 : Nested Routes – الروابط المتداخلة
11:4158 : SSR vs CSR – SPA? ما هي مواقع الصفحة الواحدة؟
08:5959 : البدء في استخدام أطر العمل التصميمية في رياكت
17:3760 : تخصيص التصميم الكلي للمشروع
10:3661 : Material UI تخصيص و ترتيب الصفحة في
10:4562 : icons استخدام ال
06:0063 : Material UI تحدي الـ
01:4764 : Material UI حل تحدي الـ
10:1065 : مقدمة لمشروع قائمة المهام
06:1966 : استعراض مشروع قائمة المهام
04:0167 : تنزيل المكتبات و البدء في المشروع
06:2268 : Todo List تصميم الهيكل العام لل
16:1769 : Todo Component بناء الـ
14:4470 : Todo Component إكمال بناء ال
07:5571 : إضافة خطوط خارجية للمشروع
19:5172 : إكمال التصميم الخاص بإضافة مهمة جديدة
08:3373 : في قائمة المهام Todos إظهار مجموعة
08:3174 : إضافة مهمة جديدة
09:0675 : إضافة مهمة للمهام المنجزة
21:0876 : Context (useContext hook) الاعتماد على ال
12:2177 : حذف المهام من قائمة المهام
19:1078 : تعديل مهمة في قائمة المهام
21:1479 : localStorage تخزين المهام في ال
14:5280 : useEffect in React and how to retrieve data from localStorage
13:2681 : Retrieving The Todos From Local Storage
07:5982 : تصنيف المهام المنجزة / غيرالمنجزة
18:2083 : إضافة اللمسات الأخيرة على المشروع
10:0384 : Project Deployment – رفع المشروع
11:2685 : مقدمة لتنظيف أكواد المشروع
03:4286 : Caching The Computations Using useMemo
15:5487 : Moving The Dialog Modals Up (lifting the state up)
29:5688 : Adding Toast as Providers
10:3689 : Adding Toast Logic With Context
15:1590 : Turning The Context Into Provider
26:0790.1 : تصحيح كود الدرس الأخير
03:3191 : Introduction To Use Reducer
36:3592 : Applying useReducers to Todo App
24:0493 : Applying useReducer on Update / Delete
19:3694 : Combining Reducer With Context
25:5395 : Fixing The Mutation Problem
10:1596 : useState – useEffect – useMemo – useContext – useReducer مراجعة عامة
21:4296 : useState – useEffect – useMemo – useContext – useReducer مراجعة عامة
04:1297 : API Section مقدمة إلى ال
02:4398 : استعراض مشروع الطقس
03:4099 : تنزيل المكتبات و الخطوط
12:46100 : بناء الواجهات
30:07101 : و فهمه api استعراض ال
09:24102 : API Request in React
12:56103 : useEffect Cleanup
18:12104 : في الصفحة API تعبئة بيانات ال
12:16105 : using moment library for data and time
07:25106 : translation using i18next in react
12:36107 : تغيير اللغة من خلال الضغط على الزر
12:35108 : تغيير اتجاه الموقع بناء على اللغة المحددة
05:26109 : اختتام و رفع المشروع
05:38110 : Redux مقدمة إلى فصل
04:49111 : Redux – شرح نظري
14:32112 : Redux with React البدء باستخدام
45:51113 : Using Redux for Subtraction
09:33114 : . مطابقة الشرح النظري و التطبيق العملي
12:32115 : Redux تحدي
01:23116 : Redux حل تحدي
04:00117 : Redux Dev Tool
08:34118 : The Problem of Async Logic in Redux
12:43119 : Async Logic in Redux – شرح نظري
04:36120 : Using Redux with API
16:40121 : Adding the Async Logic to Redux
13:44122 : Adding Async Logic to the Redux Code
25:00123 : Completing the Integration with Redux
12:03124 : Redux & Async Logic with Redux Revision
18:20

