كورس رياكت | React JS Course

Chapters

1. 01كورس رياكت | React JS Course Intro05:45
2. 02هدية رمضان؟ ما الجديد بخصوص كورس رياكت React JS؟04:21
3. 031: عن كورس رياكت | المتطلبات | طريقة التعلم | about React course05:30
4. 041.5: كيف تحصل على كل أكواد الكورس من github09:45
5. 051.6: الحصول على الأكواد و التعامل معها باستخدام git05:41
6. 062: ما هو رياكت ؟ | What is React JS08:27
7. 073: التجربة الأولى ل React09:16
8. 084: تجهيز بيئة العمل و إنشاء مشروع React جديد10:50
9. 095: فهم هيكلة مشاريع React14:02
10. 106: بناء ال component الأول في React17:46
11. 117: ما هو ال component في React؟ | شرح نظري05:46
12. 128: مقدمة إلى ال JSX11:06
13. 139: إضافة Style لعناصر ال JSX10:20
14. 1410: إضافة ال Classes في ال JSX12:00
15. 1511: تحدي بناء ال Components03:37
16. 1612: حل تحدي ال Components في React28:41
17. 1713: إرسال ال props في ال Components19:07
18. 1814: إرسال ال JSX كـ Props إلى ال Component14:03
19. 1915: تحدي ال Props01:53
20. 2016: حل تحدي ال Props10:41
21. 2117: Conditional Rendering in React12:20
22. 2218: Rendering List in React15:22
23. 23Private videoUnavailable
24. 2419: تحدي ال List Rendering01:53
25. 2520: حل تحدي ال List Rendering15:40
26. 2621: مقدمة إلى ال State في رياكت | Intro to State in React08:19
27. 2722: مشكلة تعديل ال State من ال Component06:19
28. 2823: ما هو ال React DOM و كيف يعمل؟08:21
29. 2924: useState Hook in React18:39
30. 3025: إدارة ال State مع المدخلات | Managing State with Input in React13:58
31. 3126: State with Forms in React17:54
32. 3227: حل مشكلة ال Object State في ال Form13:59
33. 3328: Other Form Fields with State16:18
34. 3429: Select & Radio Inputs with State10:39
35. 3530: تحدي تحديث ال State Object04:23
36. 3631: حل تحدي تحديث ال Object State10:27
37. 3732: Using Arrays as State in the Component in React JS17:22
38. 3833: التعديل و الحذف في ال Array State في رياكت17:26
39. 3934: التعديل في ال Array State09:42
40. 4035: تحدي تحديث ال Array State02:07
41. 4136: حل تحدي تحديث ال Array State14:03
42. 4237: التحديث المتكرر لل state في رياكت15:05
43. 4338: تحدي التحديث المتتالي لل State03:22
44. 4439: حل تحدي التحديث المتتالي لل State05:22
45. 4540: عرض مشروع Loan Application Form06:00
46. 4641: المشروع الأول: بناء الواجهات و ال Components35:07
47. 4742: المشروع الأول: بناء المنطق البرمجي38:22
48. 48المشروع الأول: إظهار ال Modal و إكمال المشروع28:05
49. 4944: Communication using (Props)15:46
50. 5045: Sending the event handler to the props12:30
51. 5147: Prop Drilling Issue11:20
52. 5248 : Using (useContext) to Fix The Prop Drilling Issue23:48
53. 5349: Using (useContext) to Share Data in The APP14:27
54. 5450 : Context Challenge03:45
55. 5551 : Context Challenge Solution11:41
56. 5652 : Intro To React Router17:33
57. 5753 : Using (Link) To Navigate To Other Pages09:49
58. 5854 : Dynamic Routes19:57
59. 5955 : Extracting Params From The Dynamic Routes12:41
60. 6056 : 404 page إظهار صفحة الخطأ09:53
61. 6157 : Nested Routes - الروابط المتداخلة11:41
62. 6258 : SSR vs CSR - SPA? ما هي مواقع الصفحة الواحدة؟08:59
63. 6359 : البدء في استخدام أطر العمل التصميمية في رياكت17:37
64. 6460 : تخصيص التصميم الكلي للمشروع10:36
65. 6561 : Material UI تخصيص و ترتيب الصفحة في10:45
66. 6662 : icons استخدام ال06:00
67. 6763 : Material UI تحدي الـ01:47
68. 6864 : Material UI حل تحدي الـ10:10
69. 6965 : مقدمة لمشروع قائمة المهام06:19
70. 7066 : استعراض مشروع قائمة المهام04:01
71. 7167 : تنزيل المكتبات و البدء في المشروع06:22
72. 7268 : Todo List تصميم الهيكل العام لل16:17
73. 7369 : Todo Component بناء الـ14:44
74. 7470 : Todo Component إكمال بناء ال07:55
75. 7571 : إضافة خطوط خارجية للمشروع19:51
76. 7672 : إكمال التصميم الخاص بإضافة مهمة جديدة08:33
77. 7773 : في قائمة المهام Todos إظهار مجموعة08:31
78. 7874 : إضافة مهمة جديدة09:06
79. 7975 : إضافة مهمة للمهام المنجزة21:08
80. 8076 : Context (useContext hook) الاعتماد على ال12:21
81. 8177 : حذف المهام من قائمة المهام19:10
82. 8278 : تعديل مهمة في قائمة المهام21:14
83. 8379 : localStorage تخزين المهام في ال14:52
84. 8480 : useEffect in React and how to retrieve data from localStorage13:26
85. 8581 : Retrieving The Todos From Local Storage07:59
86. 8682 : تصنيف المهام المنجزة / غيرالمنجزة18:20
87. 8783 : إضافة اللمسات الأخيرة على المشروع10:03
88. 8884 : Project Deployment - رفع المشروع11:26
89. 8985 : مقدمة لتنظيف أكواد المشروع03:42
90. 9086 : Caching The Computations Using useMemo15:54
91. 9187 : Moving The Dialog Modals Up (lifting the state up)29:56
92. 9288 : Adding Toast as Providers10:36
93. 9389 : Adding Toast Logic With Context15:15
94. 9490 : Turning The Context Into Provider26:07
95. 9590.1 : تصحيح كود الدرس الأخير03:31
96. 9691 : Introduction To Use Reducer36:35
97. 9792 : Applying useReducers to Todo App24:04
98. 9893 : Applying useReducer on Update / Delete19:36
99. 9994 : Combining Reducer With Context25:53
100. 10095 : Fixing The Mutation Problem10:15
101. 10196 : useState - useEffect - useMemo - useContext - useReducer مراجعة عامة21:42
102. 10296 : useState - useEffect - useMemo - useContext - useReducer مراجعة عامة04:12
103. 10397 : API Section مقدمة إلى ال02:43
104. 10498 : استعراض مشروع الطقس03:40
105. 10599 : تنزيل المكتبات و الخطوط12:46
106. 106100 : بناء الواجهات30:07
107. 107101 : و فهمه api استعراض ال09:24
108. 108102 : API Request in React12:56
109. 109103 : useEffect Cleanup18:12
110. 110104 : في الصفحة API تعبئة بيانات ال12:16
111. 111105 : using moment library for data and time07:25
112. 112106 : translation using i18next in react12:36
113. 113107 : تغيير اللغة من خلال الضغط على الزر12:15
114. 114108 : تغيير اتجاه الموقع بناء على اللغة المحددة05:26
115. 115109 : اختتام و رفع المشروع05:38
116. 116110 : Redux مقدمة إلى فصل04:49
117. 117111 : Redux - شرح نظري14:32
118. 118112 : Redux with React البدء باستخدام45:51
119. 119113 : Using Redux for Subtraction09:33
120. 120114 : . مطابقة الشرح النظري و التطبيق العملي12:32
121. 121115 : Redux تحدي01:23
122. 122116 : Redux حل تحدي04:00
123. 123117 : Redux Dev Tool08:34
124. 124118 : The Problem of Async Logic in Redux12:43
125. 125119 : Async Logic in Redux - شرح نظري04:36
126. 126120 : Using Redux with API16:40
127. 127121 : Adding the Async Logic to Redux13:44
128. 128122 : Adding Async Logic to the Redux Code25:00
129. 129123 : Completing the Integration with Redux12:03
130. 130124 : Redux & Async Logic with Redux Revision18:20
131. 131خاتمة السلسلة | ماذا بعد رياكت؟05:32

About this course

رياكت هو أحد أشهر أطر عمل الجافاسكريبت في الوقت الحالي و هو من أكثر أطر العمل المطلوبة في سوق العمل، في هذه السلسلة أضع لكل شرحا مفصلا مزودا بأشكال التطبيق المختلفة و بالشروحات النظرية متى ما دعت الحاجة لأضمن وصول المعلومة للمتعلم، . حيث يتضمن هذا الكورس كل المفاهيم التي ستحتاجها لبدء مشروع رياكت حقيقي أو الدخول في أي فريق برمجي يستخدم إطار عمل رياكت. سنتعلم بناء المكونات و التعامل معها، سنفهم السبب الأساسي و القيمة الحقيقية التي أضافتها أطر العمل. سنفهم مفهوم (الستيت) و طريقة التعامل معها و إداراتها، سنتعلم كذلك طريقة ربط المشاريع بال API. و الأهم من هذا كاملا هو معرفة كيف تتعلم و ما هي الطريقة التي تبحث فيها عن المعلومة و تستخرج منها الحل ثم توظفه بالطريقة الصحيحة التي توفر لك الميزة ال…