مسار الدليل الشامل لتعلم React

مشاريع React

مراجعات

+500 طالب

مشروعان

متوسط

نتجاوز في هذه الدورة المفاهيم النظرية ونتعمق معًا لبناء تطبيقات واقعية من بيئة العمل الحقيقية من خلال ثلاثة مشاريع تم تخطيطها بعناية، مما يُكسبك خبرة عملية ويعزز فهمك لمكتبة ريأكت ReactJS؛ ويساعدك على المنافسة في سوق العمل بين باقي المبرمجين.

ما الذي ستتعلمه في هذه الدورة؟

Integrate with Third-Party APIs: ستستخدم واجهات برمجة التطبيقات لتشغيل تطبيقاتك ببيانات حقيقية، مثل موجز الأخبار.

State Management: ستتعلم كيفية إدارة حالة التطبيق المعقدة بشكل فعال، مما يضمن تجربة سلسة وسريعة الاستجابة للمستخدم.

Responsive Designs: ستصمم تطبيقات تتكيف بسلاسة مع أي جهاز، وتوفر تجربة متسقة عبر جميع الأنظمة.

Advanced UI Features: ستستخدم وظيفة السحب والإفلات والرسوم المتحركة المخصصة لبناء واجهات جذابة وتفاعلية.

Design Libraries: ستستخدم المكتبات الشهيرة مثل Material UI وBootstrap لتبسيط عملية التطوير وتحقيق نتائج احترافية.

مارس أفضل ممارسات تجربة المستخدم UX: ستضع أفضل الممارسات في الاعتبار لمعالجة الأخطاء وإدارة حالة التحميل، لضمان نهج يرتكز على المستخدم.

Code optimization: ستكتب كودًا نظيفًا وقابلًا للصيانة يتوافق مع معايير الصناعة وأفضل الممارسات.

ستقوم في هذه الدورة بتصميم وإنشاء المشاريع التالية بنفسك:

 News Feed App: ستقوم في هذا المشروع بتطوير تطبيق موجز أخبار ديناميكي يعرض الأخبار الرائجة عبر فئات مختلفة. ستستخدم واجهات برمجة التطبيقات الخارجية 3rd party API، مميزات الترقيم والتصفية (pagination and filtering). كل هذا من خلال مراعاة التصميم المتجاوب (Responsive Design) واستخدام أفضل ممارسات تجربة المستخدم (UX) لإنشاء واجهة تطبيق سهلة الاستخدام.

Around the World:  ستقوم في هذا المشروع بتحدي مهاراتك في لغة جافا سكريبت ومكتبة ريأكت لتبني بنفسك موقع ويب ديناميكي يعرض معلومات عن دول مختلفة حول العالم، مع إمكانية بحث المستخدم عن الدول وفلترتها حسب المنطقة أو القارة للوصول إلى دول محددة، وأيضًا الضغط على الدولة لرؤية المزيد من المعلومات التفصيلية عنها في صفحة منفصلة. ستقوم أيضًا بتنفيذ color theme switcher يسمح للمستخدمين باختيار نمطهم المفضل، بجانب دمج واجهة برمجة التطبيقات (API)، وتصميم واجهة مستخدم متجاوبة (Responsive design) وأيضًا استخدام أدوات مهمة مثل Tailwind وreact router وreact-select وeslint وvite وغيرهم. 

اشترك في الدورة الآن، واحترف مكتبة ReactJS!

محتوى دورة

توسيع الكل

م. أحمد علي

مهندس برمجيات ذو خبرة أكثر من عشر سنوات. عمل في أكبر شركات العالم مثل مايكروسوفت وجوجل وميتا، ويعمل حاليًا كمهندس برمجيات في Amazon Web Services (AWS). يمتلك مجموعة متوازنة من الخبرات والمهارات بين تقنيات الواجهة الأمامية والخلفية. هذا بجانب خبرته في تبسيط مواضيع كالخوارزميات وهياكل البيانات على قناته التعليمية على اليوتيوب.

التقييمات والمراجعات

4.8
متوسط التقييمات
8 عدد التقييمات
5
6
4
2
3
0
2
0
1
0
كيف كانت تجربتك؟ نود أن نعرف!
عبدالرحمن فتحي
تم النشر منذ أسبوع واحد
المزيد من الثقة

ما شاء الله عن نفسي أكبر إستفادة من هذه الدورة هي كيفية تعامل المهندسين مع المشروع من البداية وكيفية تقسيم المشروع و دا بيحل مشاكل كتير كانت بتظهر بعد البدء في المشروع لو مكنتش مخطط هتعمل اي بالظبط مثلا: م/ أبو سريع كان بيقسم تقسيمه بسيطه في البداية فرقت معي بشكل كبير 1-نبدأ ب Styleing 2-ثم Logic

×
Preview Image
Reema Waleed
تم النشر منذ شهر واحد
كورس قوي ورائع

انا درست دورة مشاريع الرياكت بمنحة لطلاب قطاع غزة بسبب الحرب والحمدلله اليوم انا بفضل الله ثم منصة المدرسة اصبحت متمكنة وقادرة على تطوير نفسي ومهاراتي مشكورين جدا منصة المدرسة ومشكور المهندس احمد وجعله الله في ميزان حسناتكم .

×
Preview Image
Ahmed Soliman
تم النشر منذ شهر واحد
كورس مميز ومفيد

شغل عالي ومميز جدا

×
Preview Image
Abdallah Abdelhameed
تم النشر منذ 5 أشهر
كورس مفيد وسهل

جزاكم الله خيرا

×
Preview Image
مازن سلطان عبدالجليل عبدالنور
تم النشر منذ 7 أشهر
دورة عمل

لاحظت ان فيها تطبيق وتوظيف لاغلب مواضيع الدورات السابقة في رياكات ان لم تكن كلها

×
Preview Image
Mahmoud Mansy
تم النشر منذ 7 أشهر
روعة

دورة قيمة جدا وهتطبق على مشروعين مهمين

×
Preview Image
Ahmed Ali
تم النشر منذ 7 أشهر
ما شاء الله اللهم بارك

جزاكم الله خيرا

×
Preview Image
Youssef zaki
تم النشر منذ 8 أشهر
الدورة بها مشروعين ولكن معلومات كثيرة

طريقة العمل بالمشاريع و الاهتمام بالتفاصيل و عمل مشروع متكامل يجعل من الدورة اكثر من رائعة العيب الوحيد انها مشروعين فقط ولكن في معلومات دسمة وتطبيق مفيد جدا

×
Preview Image
عرض المزيد من التقييمات
كيف كانت تجربتك؟ نود أن نعرف!
تشغيل الفيديو

مشروعان

شهادة موثقة

قياس مستوى التقدم والانجاز عبر الدورة

إجابة من مشرفي الطلاب على كل الأسئلة

فاعليات حصرية

شارات تميز للطلبة المتقدمين

اشعارات تذكير وتحفيز لإنهاء الدورة

جاري تحميل السعر ...

اشتراك مدى الحياة

الأسئلة الشائعة

  • مطورو React الذين يرغبون في بناء تطبيقات واقعية
  • المطورين الذين لديهم معرفة أساسية بـ React ويرغبون في تعميق فهمهم
  • المطورون الذين يرغبون في بناء معرض أعمال قوي (Portfolio)

في نهاية هذه الدورة، ستكون قادرًا على:

  • بناء تطبيقات React معقدة وتفاعلية
  • التكامل مع مختلف المكتبات وواجهات برمجة التطبيقات APIs
  • تصميم وتنفيذ واجهات سهلة الاستخدام
  • تطبيق أفضل الممارسات في الصناعة لجودة الكود وقابليته للصيانة
  • عرض مهاراتك في معرض أعمالك (Portfolio) من خلال مشاريع احترافية

نعم، تتطلب دورة “مشاريع ريأكت” معرفة أساسية بمكتبة react. إذا كنت مبتدئًا في رياكت وتبحث عن مراجعة المفاهيم الأساسية، فنرشح لك دورة “أساسيات React”.