كورس رياكت | React JS Course
4.0
(6)
54 learners
What you'll learn
This course includes
- 27.5 hours of video
- Certificate of completion
- Access on mobile and TV
Course content
1 modules • 130 lessons • 27.5 hours of video
كورس رياكت | React JS Course
130 lessons
• 27.5 hours
كورس رياكت | React JS Course
130 lessons
• 27.5 hours
- كورس رياكت | React JS Course Intro 05:45
- هدية رمضان؟ ما الجديد بخصوص كورس رياكت React JS؟ 04:21
- 1: عن كورس رياكت | المتطلبات | طريقة التعلم | about React course 05:30
- 1.5: كيف تحصل على كل أكواد الكورس من github 09:45
- 1.6: الحصول على الأكواد و التعامل معها باستخدام git 05:41
- 2: ما هو رياكت ؟ | What is React JS 08:27
- 3: التجربة الأولى ل React 09:16
- 4: تجهيز بيئة العمل و إنشاء مشروع React جديد 10:50
- 5: فهم هيكلة مشاريع React 14:02
- 6: بناء ال component الأول في React 17:46
- 7: ما هو ال component في React؟ | شرح نظري 05:46
- 8: مقدمة إلى ال JSX 11:06
- 9: إضافة Style لعناصر ال JSX 10:20
- 10: إضافة ال Classes في ال JSX 12:00
- 11: تحدي بناء ال Components 03:37
- 12: حل تحدي ال Components في React 28:41
- 13: إرسال ال props في ال Components 19:07
- 14: إرسال ال JSX كـ Props إلى ال Component 14:03
- 15: تحدي ال Props 01:53
- 16: حل تحدي ال Props 10:41
- 17: Conditional Rendering in React 12:20
- 18: Rendering List in React 15:22
- 19: تحدي ال List Rendering 01:53
- 20: حل تحدي ال List Rendering 15:40
- 21: مقدمة إلى ال State في رياكت | Intro to State in React 08:19
- 22: مشكلة تعديل ال State من ال Component 06:19
- 23: ما هو ال React DOM و كيف يعمل؟ 08:21
- 24: useState Hook in React 18:39
- 25: إدارة ال State مع المدخلات | Managing State with Input in React 13:58
- 26: State with Forms in React 17:54
- 27: حل مشكلة ال Object State في ال Form 13:59
- 28: Other Form Fields with State 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:15
- 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
- خاتمة السلسلة | ماذا بعد رياكت؟ 05:32
Take this course with you
Download the app to continue lessons from your phone anytime.
