React 18
محتوى مجاني 100%
تعلم مكتبة React.js بالعربي وبناء تطبيقات الويب
تعلم بناء تطبيقات الويب أحادية الصفحة (SPA) مع Hooks و State Management وبناء المكونات وإعادة استخدامها باحترافية.
📚 32 درساً تدريبياً
🎯 المستوى: من الصفر حتى الاحتراف
💻 تطبيق عملي وأكواد قابلة للنسخ
React 18
دليل ومنهاج المسار التدريبي
ماذا ستتعلم في هذا المسار البرمجي؟
تعلم بناء تطبيقات الويب أحادية الصفحة (SPA) مع Hooks و State Management وبناء المكونات وإعادة استخدامها باحترافية.
✓
تأسيس برمجي وفهم منطقي عميق
✓
أكواد وأمثلة تطبيقية خطوة بخطوة
✓
تمارين وتأهيل حقيقي لسوق العمل
فهرس الدروس الكامل
دروس ومقالات الدورة (مرتبة بالترتيب الزمني خطوة بخطوة)
انقر على أي درس للانتقال مباشرة إلى المقال والشرح التطبيقي الخاص به مع الأكواد التوضيحية.
01
إدارة الحالة (State) في React
⏱️ 4 دقائق قراءة
📅 25 ديسمبر 2024
ابدأ الشرح
02
مقدمة إلى React
⏱️ 5 دقائق قراءة
📅 23 يناير 2025
ابدأ الشرح
03
المكونات (Components) في React
⏱️ 4 دقائق قراءة
📅 24 يناير 2025
ابدأ الشرح
04
JSX (JavaScript XML)
⏱️ 4 دقائق قراءة
📅 25 يناير 2025
ابدأ الشرح
05
التعامل مع props في React
⏱️ 4 دقائق قراءة
📅 26 يناير 2025
ابدأ الشرح
06
تأثير الـ State على إعادة الـ render في React
⏱️ 5 دقائق قراءة
📅 27 يناير 2025
ابدأ الشرح
07
التعامل مع الأحداث في React
⏱️ 4 دقائق قراءة
📅 28 يناير 2025
ابدأ الشرح
08
استخدام المراجع (Refs) في React
⏱️ 4 دقائق قراءة
📅 29 يناير 2025
ابدأ الشرح
09
العمل مع القوائم (Lists) في React
⏱️ 5 دقائق قراءة
📅 30 يناير 2025
ابدأ الشرح
10
المكونات المركبة (Nested Components) في React
⏱️ 5 دقائق قراءة
📅 31 يناير 2025
ابدأ الشرح
11
استخدام الـ Context API في React
⏱️ 5 دقائق قراءة
📅 01 فبراير 2025
ابدأ الشرح
12
التعامل مع الـ Forms في React
⏱️ 5 دقائق قراءة
📅 02 فبراير 2025
ابدأ الشرح
13
التحديثات المتقدمة للـ State (State Updater Functions)
⏱️ 5 دقائق قراءة
📅 03 فبراير 2025
ابدأ الشرح
14
التفاعل مع الـ APIs في React (Fetch API)
⏱️ 4 دقائق قراءة
📅 04 فبراير 2025
ابدأ الشرح
15
استخدام الـ Hooks في React
⏱️ 5 دقائق قراءة
📅 05 فبراير 2025
ابدأ الشرح
16
استخدام useEffect في React
⏱️ 4 دقائق قراءة
📅 06 فبراير 2025
ابدأ الشرح
17
إدارة الحالة المتقدمة باستخدام useReducer
⏱️ 4 دقائق قراءة
📅 07 فبراير 2025
ابدأ الشرح
18
Routing في React باستخدام React Router
⏱️ 4 دقائق قراءة
📅 08 فبراير 2025
ابدأ الشرح
19
التعامل مع الـ Error Boundaries في React
⏱️ 5 دقائق قراءة
📅 09 فبراير 2025
ابدأ الشرح
20
تحسين الأداء في React
⏱️ 4 دقائق قراءة
📅 10 فبراير 2025
ابدأ الشرح
21
بناء المكونات القابلة لإعادة الاستخدام (Reusable Components)
⏱️ 4 دقائق قراءة
📅 11 فبراير 2025
ابدأ الشرح
22
التعامل مع الأنماط المتقدمة في React (Higher-Order Components)
⏱️ 4 دقائق قراءة
📅 12 فبراير 2025
ابدأ الشرح
23
التعامل مع الأنماط المعمارية المتقدمة في React (Render Props)
⏱️ 4 دقائق قراءة
📅 13 فبراير 2025
ابدأ الشرح
24
استخدام Styled Components لتصميم واجهات في React
⏱️ 4 دقائق قراءة
📅 14 فبراير 2025
ابدأ الشرح
25
استخدام TypeScript مع React
⏱️ 5 دقائق قراءة
📅 15 فبراير 2025
ابدأ الشرح
26
بناء تطبيق كامل باستخدام React
⏱️ 5 دقائق قراءة
📅 16 فبراير 2025
ابدأ الشرح
27
استخدام Context API و Hooks معًا في React
⏱️ 5 دقائق قراءة
📅 18 فبراير 2025
ابدأ الشرح
28
استخدام Redux مع React
⏱️ 5 دقائق قراءة
📅 19 فبراير 2025
ابدأ الشرح
29
استخدام Webpack و Babel مع React
⏱️ 5 دقائق قراءة
📅 20 فبراير 2025
ابدأ الشرح
30
نشر تطبيق React على الويب
⏱️ 4 دقائق قراءة
📅 21 فبراير 2025
ابدأ الشرح
31
استخدام الـ Testing في React
⏱️ 5 دقائق قراءة
📅 25 فبراير 2025
ابدأ الشرح
32
دليلك العملي لربط React بـ Node.js و MongoDB وتقفيل الـ MERN Stack
⏱️ 7 دقائق قراءة
📅 11 سبتمبر 2026
ابدأ الشرح
المسار التالي الموصى به:
الانتقال إلى المسار التالي