دورة React بالعربية: من الأساسيات إلى التطبيق العملي

دورة React بالعربية: من الأساسيات إلى التطبيق العملي

مسار عملي متدرج لتعلم React: الإعداد وأساسيات المشروع، المكونات وبناء الواجهة، إدارة الحالة. يضم 7 وحدات تعليمية، ودروسًا وتطبيقات ومراجعة تساعدك على تحويل المفاهيم إلى مهارات قابلة للاستخدام.
0 طلاب
42 محاضرات

عن هذه الدورة

7 الأقسام
42 الدروس
7 ساعات و 14 دقيقة مدة

عن هذه الدورة

تقدم هذه الدورة شرحًا عربيًا منظمًا لـ React يبدأ بالمفاهيم الأساسية وينتقل تدريجيًا إلى الاستخدام العملي. لا يكتفي المسار بالتعريفات؛ بل يربط كل محور بممارسة واختبار وفهم الأخطاء المتوقعة.

ما الذي ستتعلمه؟

  1. الإعداد وأساسيات المشروع
  2. المكونات وبناء الواجهة
  3. إدارة الحالة
  4. النماذج والتحقق
  5. البيانات والتأثيرات
  6. التوجيه والأنماط المتقدمة
  7. الاختبار والأداء والإصدار

كيف تستفيد من المنهج؟

ابدأ بالوحدات حسب ترتيبها، ونفّذ الأمثلة على بيئة اختبار، ثم حل التمارين دون نسخ الحل مباشرة. احتفظ بملاحظاتك حول الأخطاء، وأنهِ الوحدات بالمشروع العملي عندما يتوفر.

تعلم React كما تُبنى بها الواجهات الحديثة: من أرضية المشروع ومكوناته وبناء المكونات بـ JSX، مرورًا بـ Props والـ children والحركية داخل المكونات، ثم إدارة الحالة بـ useState ورفعها ومكتباتها والـ context والمخفضات، ثم النماذج والتحقق منها ومكتبة React Hook Form والنماذج متعددة الخطوات، ثم جلب البيانات عبر التأثيرات وحالات التحميل والأخطاء والتخزين المؤقت، ثم التوجيه بالمسارات والحراسات والتحميل البطيء، وتختتم باختبار مكوناتك وفحوصات E2E وتحليلات الأداء وأفضل الممارسات حتى الإصدار والنشر النهائي.

ماذا ستتعلم؟

  • أساسيات React: إنشاء المشروع بـ Vite، بنية الملفات، أول مكوّن، وقواعد كتابة الكود وأدوات التصحيح.
  • المكونات والواجهة: JSX والتصيير، والمكونات وProps، والتركيب والـ children، وتنسيقها داخل React.
  • إدارة الحالة: useState وتحديثات الحالة، ورفع الحالة ومشاركتها، ومكتبات إدارة الحالة، ونطاق الـ context ثم المخفضات وآلات الحالة.
  • النماذج والتحقق: الأحداث والمدخلات الموجّهة، وسير عمل النموذج، والتحقق ورسائل الأخطاء، وReact Hook Form والنماذج متعددة الخطوات.
  • البيانات والتأثيرات: التزامن مع العالم الخارجي بـ useEffect، وجلب الواجهات، وحالات التحميل والأخطاء، والتخزين المؤقت والمزامنة مع مصادر حية.
  • التوجيه والأنماط المتقدمة: React Router والمسارات المتداخلة والحراسات، وأداء التصيير وتقسيم الشيفرة، وأنماط التوجيه المتقدمة.
  • الجودة والإصدار: اختبار المكونات وفحوصات E2E، والمقاييس الحيوية وأدوات تحسين الأداء، ورفع التطبيق ونشره بأمان ومراقبته.

لمن هذا المسار؟

لمن أتقن أساسيات JavaScript ويريد بناء واجهات تفاعلية سريعة ومنظمة؛ كل درس يبني على الذي قبله بأمثلة عملية تبدأ من أول مكوّن وتصل إلى مشروع كامل مختبَر ومنشور.

أديب الصلوي
أديب الصلوي
48 الدورات
1 طلاب
أديب الصلوي — مهندس برمجيات متخصص في بناء أنظمة SaaS وواجهات API والأنظمة المصرفية.
أديب الصلوي
نظرة عامة على المنهج

تتضمن هذه الدورة 7 وحدات، 42 دروس، و 7:14 ساعات من المواد.

الإعداد وأساسيات المشروع
6 أقسام | 1:02 ساعات
ما هي React ولماذا تُستخدم في بناء الواجهات؟
مجانًا

[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هي React ولماذا تُستخدم في بناء الواجهات؟» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 10 الدقائق
المرفقات 0
إنشاء مشروع React وتشغيله بأداة Vite
مجانًا

[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء مشروع React وتشغيله بأداة Vite» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة
مجانًا

[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي
مجانًا

[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 13 الدقائق
المرفقات 0
أسلوب كتابة كود React وأدوات التصحيح
مجانًا

[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أسلوب كتابة كود React وأدوات التصحيح» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 15 الدقائق
المرفقات 0
اختبار: الإعداد وأساسيات المشروع

اختبار وحدة «الإعداد وأساسيات المشروع» في دورة React.

أسئلة 10
مدة 0 الدقائق
درجة النجاح 5/10
الدرجة الكلية 10
المحاولات 0/1
المكونات وبناء الواجهة
6 أقسام | 1:02 ساعات
ما هي React ولماذا تُستخدم في بناء الواجهات؟
مجانًا

[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هي React ولماذا تُستخدم في بناء الواجهات؟» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 10 الدقائق
المرفقات 0
إنشاء مشروع React وتشغيله بأداة Vite
مجانًا

[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء مشروع React وتشغيله بأداة Vite» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة
مجانًا

[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي
مجانًا

[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 13 الدقائق
المرفقات 0
أسلوب كتابة كود React وأدوات التصحيح
مجانًا

[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أسلوب كتابة كود React وأدوات التصحيح» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 15 الدقائق
المرفقات 0
اختبار: المكونات وبناء الواجهة

اختبار وحدة «المكونات وبناء الواجهة» في دورة React.

أسئلة 10
مدة 0 الدقائق
درجة النجاح 5/10
الدرجة الكلية 10
المحاولات 0/1
إدارة الحالة
6 أقسام | 1:02 ساعات
ما هي React ولماذا تُستخدم في بناء الواجهات؟
مجانًا

[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هي React ولماذا تُستخدم في بناء الواجهات؟» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 10 الدقائق
المرفقات 0
إنشاء مشروع React وتشغيله بأداة Vite
مجانًا

[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء مشروع React وتشغيله بأداة Vite» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة
مجانًا

[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي
مجانًا

[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 13 الدقائق
المرفقات 0
أسلوب كتابة كود React وأدوات التصحيح
مجانًا

[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أسلوب كتابة كود React وأدوات التصحيح» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 15 الدقائق
المرفقات 0
اختبار: إدارة الحالة

اختبار وحدة «إدارة الحالة» في دورة React.

أسئلة 10
مدة 0 الدقائق
درجة النجاح 5/10
الدرجة الكلية 10
المحاولات 0/1
النماذج والتحقق
6 أقسام | 1:02 ساعات
ما هي React ولماذا تُستخدم في بناء الواجهات؟
مجانًا

[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هي React ولماذا تُستخدم في بناء الواجهات؟» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 10 الدقائق
المرفقات 0
إنشاء مشروع React وتشغيله بأداة Vite
مجانًا

[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء مشروع React وتشغيله بأداة Vite» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة
مجانًا

[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي
مجانًا

[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 13 الدقائق
المرفقات 0
أسلوب كتابة كود React وأدوات التصحيح
مجانًا

[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أسلوب كتابة كود React وأدوات التصحيح» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 15 الدقائق
المرفقات 0
اختبار: النماذج والتحقق

اختبار وحدة «النماذج والتحقق» في دورة React.

أسئلة 10
مدة 0 الدقائق
درجة النجاح 5/10
الدرجة الكلية 10
المحاولات 0/1
البيانات والتأثيرات
6 أقسام | 1:02 ساعات
ما هي React ولماذا تُستخدم في بناء الواجهات؟
مجانًا

[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هي React ولماذا تُستخدم في بناء الواجهات؟» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 10 الدقائق
المرفقات 0
إنشاء مشروع React وتشغيله بأداة Vite
مجانًا

[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء مشروع React وتشغيله بأداة Vite» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة
مجانًا

[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي
مجانًا

[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 13 الدقائق
المرفقات 0
أسلوب كتابة كود React وأدوات التصحيح
مجانًا

[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أسلوب كتابة كود React وأدوات التصحيح» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 15 الدقائق
المرفقات 0
اختبار: البيانات والتأثيرات

اختبار وحدة «البيانات والتأثيرات» في دورة React.

أسئلة 10
مدة 0 الدقائق
درجة النجاح 5/10
الدرجة الكلية 10
المحاولات 0/1
التوجيه والأنماط المتقدمة
6 أقسام | 1:02 ساعات
ما هي React ولماذا تُستخدم في بناء الواجهات؟
مجانًا

[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هي React ولماذا تُستخدم في بناء الواجهات؟» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 10 الدقائق
المرفقات 0
إنشاء مشروع React وتشغيله بأداة Vite
مجانًا

[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء مشروع React وتشغيله بأداة Vite» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة
مجانًا

[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي
مجانًا

[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 13 الدقائق
المرفقات 0
أسلوب كتابة كود React وأدوات التصحيح
مجانًا

[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أسلوب كتابة كود React وأدوات التصحيح» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 15 الدقائق
المرفقات 0
اختبار: التوجيه والأنماط المتقدمة

اختبار وحدة «التوجيه والأنماط المتقدمة» في دورة React.

أسئلة 10
مدة 0 الدقائق
درجة النجاح 5/10
الدرجة الكلية 10
المحاولات 0/1
الاختبار والأداء والإصدار
6 أقسام | 1:02 ساعات
ما هي React ولماذا تُستخدم في بناء الواجهات؟
مجانًا

[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هي React ولماذا تُستخدم في بناء الواجهات؟» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 10 الدقائق
المرفقات 0
إنشاء مشروع React وتشغيله بأداة Vite
مجانًا

[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء مشروع React وتشغيله بأداة Vite» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة
مجانًا

[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية ملفات مشروع React: مجلدات وملفات إعداد واضحة» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 12 الدقائق
المرفقات 0
أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي
مجانًا

[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أول مكوّن تتفاعل معه: من النص الثابت إلى الحدث الحي» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 13 الدقائق
المرفقات 0
أسلوب كتابة كود React وأدوات التصحيح
مجانًا

[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «أسلوب كتابة كود React وأدوات التصحيح» ضمن وحدة «الإعداد وأساسيات المشروع بـ Vite وبنية المكونات» في دورة React بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.

وقت الدراسة 15 الدقائق
المرفقات 0
اختبار: الاختبار والأداء والإصدار

اختبار وحدة «الاختبار والأداء والإصدار» في دورة React.

أسئلة 10
مدة 0 الدقائق
درجة النجاح 5/10
الدرجة الكلية 10
المحاولات 0/1
الشهادات
1 أقسام
شهادة الدورة
شهادة الدورة
إذا اجتزت جميع الدروس في هذه الدورة، فستحصل على هذه الشهادة.
النوع شهادة الدورة
الرد على التعليق
الموافقة على التعليقات

سيكون تعليقك مرئيًا بعد موافقة المسؤول.

0
0 مراجعات
جودة المحتوى (0)
مهارات الأستاذ (0)
قيمة الشراء (0)
جودة الدعم (0)
الرد على التقييم
إرسال الرد

سيكون ردك على هذا التقييم مرئيًا لجميع المستخدمين.

دورة React بالعربية: من الأساسيات إلى التطبيق العملي
مجانًا

تتضمن هذه الدورة

7 اختبارات اونلاين
شهادة رسمية
مفضلة
شارك

مواصفات الدورة

الأقسام
7
الدروس
42
السعة
غير محدود
مدة
7 ساعات و 14 دقيقة
طلاب
0
تاريخ الإنشاء
10 سبتمبر 2026
تاريخ التحديث
8 أكتوبر 2026
أديب الصلوي

مهندس برمجيات وخبير أنظمة SaaS

معماري أنظمة SaaS
خبير واجهات API
أخصائي تكامل مصرفي
مؤلف تقني
مساهم في المجتمع
مدرب معتمد
دورة React بالعربية: من الأساسيات إلى التطبيق العملي
أنت تشاهد
دورة React بالعربية: من الأساسيات إلى التطبيق العملي