Monthly Subscription Starting at AED 99 + VAT

المشروع المتقدم لمطور الواجهات الأمامية
  • Level Professional
  • Course by Meta
  • Offered by

About

يتيح لك المشروع المتقدم الحصول على شهادة تثبت تمتعك بمهارات متعددة من خلال حل مشكلة واقعية متأصلة. تتضمن كل وحدة ملخصًا موجزًا وروابط للمحتوى الذي تم تناوله في الدورات التدريبية السابقة المضمنة في هذا البرنامج. تختبر هذه الدورة التدريبية معرفتك وفهمك، وتوفر لك منصة لإثبات مهاراتك الجديدة في تطوير واجهات الويب الأمامية باستخدام مكتبة React. وأثناء هذه الدورة التدريبية، سيتم إرشادك خلال عملية إنشاء تطبيق، والجمع بين كل المهارات والتقنيات التي تعلمتها خلال هذا البرنامج لحل المشكلة المطروحة. وبالانتهاء من المشروع المتقدم، ستكون لديك قائمة مشروعات جاهزة يمكنك عرضها على مسؤولي التوظيف واستعراضها أثناء المقابلات ونيل إعجاب أصحاب العمل المحتملين. لإكمال هذه الدورة التدريبية، ستحتاج إلى خبرة في مجال تطوير الواجهات الأمامية. بالإضافة إلى ذلك، ينبغي أن تثق دائمًا بقدرتك على الإنجاز والنجاح!

Modules

معلومات المشروع

    • 1 Videos
    • 4 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • التعارف وإلقاء التحية

1 Videos

  • مقدمة إلى الدورة التدريبية

4 Readings

  • المنهج الدراسي للدورة التدريبية
  • كيفية النجاح في هذه الدورة التدريبية
  • التحقق من بيئة التطوير
  • موارد إضافية

إعداد المشروع

    • 1 Videos
    • 6 Readings
    • 4 Assignment
Show info about module content

4 Assignment

  • التحقق من الجاهزية: هل قمت بإعداد مستودع Git؟
  • التحقق من الجاهزية: هل قمت بإعداد مشروع React؟
  • التحقق من الجاهزية: هل أرسلت مشاركاتك؟
  • التحقق من المعرفة: إعداد المشروع

1 Videos

  • إعداد المشروع

6 Readings

  • ملخص: التحكم في الإصدار
  • تمرين: إعداد المستودع
  • ملخص: إعداد React
  • تمرين: إعداد مشروع React
  • تمرين: إيداع المشروع
  • موارد إضافية

تخطيط تجربة المستخدم (UX) وواجهة المستخدم (UI)

    • 2 Videos
    • 5 Readings
    • 5 Assignment
Show info about module content

5 Assignment

  • التحقق من الجاهزية: هل أكملت تصميم الإطار الشبكي؟
  • التحقق من الجاهزية: هل أنشأت التصاميم الخاصة بالمكونات الرئيسية؟
  • التحقق من الجاهزية: هل أنشأت تسلسلاً هرميًا مطبعيًا وخطوطًا وألوانًا باستخدام دليل الأنماط؟
  • التحقق من المعرفة: تخطيط تجربة المستخدم (UX) وواجهة المستخدم (UI)
  • اختبار على الوحدة: بدء المشروع

2 Videos

  • تخطيط تجربة المستخدم (UX) وواجهة المستخدم (UI)
  • ملخص الوحدة: بدء المشروع

5 Readings

  • ملخص: مبادئ تصميم تجربة المستخدم (UX) وواجهة المستخدم (UI
  • تمرين: تصميم الإطار الشبكي للمشروع
  • تمرين: تصميم المكونات
  • تمرين: تطبيق أساسيات التصميم في Figma
  • موارد إضافية

البنية الدلالية

    • 1 Videos
    • 5 Readings
    • 4 Assignment
Show info about module content

4 Assignment

  • التحقق من الجاهزية: هل قمت بإعداد مستند HTML دلالي؟
  • التحقق من الجاهزية: هل أنشأت العلامات الوصفية وبيانات بروتوكول Open Graph؟
  • التحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟
  • التحقق من المعرفة: البنية الدلالية

1 Videos

  • إعداد مستند HTML دلالي

5 Readings

  • ملخص: بنية HTML الدلالية
  • تمرين: إعداد مستند HTML
  • ملخص: العلامات الوصفية وبروتوكول الرسم البياني المفتوح
  • تمرين: إضافة علامات التعريف وإعداد بروتوكول OGP
  • موارد إضافية

التصميم والتجربة التفاعلية

    • 1 Videos
    • 5 Readings
    • 4 Assignment
Show info about module content

4 Assignment

  • التحقق من الجاهزية: هل قمت بإعداد تخطيط CSS تفاعلي؟
  • التحقق من الجاهزية: هل تحققت من تطابق العناصر المرئية لموقع الويب مع تصميم Figma؟
  • التحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟
  • التحقق من المعرفة: التصميم والتجربة التفاعلية

1 Videos

  • عناصر التصميم

5 Readings

  • ملخص: شبكات CSS
  • تمرين: إعداد تخطيط CSS
  • ملخص: عناصر التصميم
  • تمرين: عناصر التصميم
  • موارد إضافية

إضافة مكونات

    • 2 Videos
    • 3 Readings
    • 5 Assignment
Show info about module content

5 Assignment

  • التحقق من الجاهزية: هل قمت بإعداد مكونات التطبيق؟
  • التحقق من الجاهزية: هل المكونات صحيحة من حيث البنى الدلالية؟
  • التحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟
  • التحقق من المعرفة: إضافة مكونات
  • اختبار على الوحدة: أسس المشروع

2 Videos

  • مكونات المشروع
  • ملخص الوحدة: أسس المشروع

3 Readings

  • ملخص: مفاهيم React الأساسية
  • تمرين: إعداد مكونات التطبيق
  • موارد إضافية

نظام حجز الطاولات

    • 1 Videos
    • 7 Readings
    • 5 Assignment
Show info about module content

5 Assignment

  • التحقق من الجاهزية: هل قمت بإعداد مكون لعرض الحجوزات المتاحة؟
  • التحقق من الجاهزية: هل شاركت حالة حجز الطاولة عبر المكونات؟
  • التحقق من الجاهزية: هل المكونات صحيحة من حيث البنى الدلالية؟
  • التحقق من الجاهزية: هل قمت بإعداد اختبارات وحدة المكونات؟
  • التحقق من المعرفة: نظام حجز الطاولات

1 Videos

  • حجوزات طاولة العملاء

7 Readings

  • ملخص: الحالة في مكتبة React
  • ملخص: النماذج
  • تمرين: تحديد صفحة الحجوزات
  • تمرين: إضافة حالة حجز الطاولة
  • ملخص: اختبار الوحدة
  • تمرين: إضافة اختبارات الوحدة
  • موارد إضافية

التفاعل مع واجهة برمجة التطبيقات (API)

    • 1 Videos
    • 5 Readings
    • 5 Assignment
Show info about module content

5 Assignment

  • التحقق من الجاهزية: هل تستخدم صفحة الحجوزات بيانات \"حية\"؟
  • التحقق من الجاهزية: هل يعمل نظام حجز الطاولة بشكل كامل؟
  • التحقق من الجاهزية: هل قمت بإعداد اختبارات وحدة واجهة برمجة التطبيقات (API)؟
  • التحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟
  • التحقق من المعرفة: التفاعل مع واجهة برمجة التطبيقات (API)

1 Videos

  • الاستعلام عن واجهة برمجة تطبيقات (API) حجز طاولة

5 Readings

  • ملخص: الاستعلام عن واجهات برمجة التطبيقات (API) في مكتبة React
  • تمرين: ربط صفحة الحجوزات بواجهة برمجة التطبيقات (API)
  • تمرين: إرسال صفحة الحجز الجديدة إلى واجهة برمجة التطبيقات (API)
  • تمرين: تحديث اختبارات الوحدة لاستعلامات واجهة برمجة التطبيقات (API)
  • موارد إضافية

تحسين التجربة

    • 2 Videos
    • 8 Readings
    • 7 Assignment
Show info about module content

7 Assignment

  • التحقق من الجاهزية: هل نموذج الحجز يتحقق من صحة بيانات المستخدم؟
  • التحقق من الجاهزية: هل قمت بإعداد اختبارات وحدة التحقق من صحة النموذج وإرساله؟
  • التحقق من الجاهزية: هل يمكن الوصول إلى تطبيقك؟
  • التحقق من الجاهزية: هل أكملت التقييم الإرشادي لمدى سهولة الاستخدام؟
  • التحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟
  • التحقق من المعرفة: تحسين التجربة
  • اختبار على الوحدة: وظائف المشروع

2 Videos

  • أهمية تجربة المستخدم (UX)
  • ملخص الوحدة: وظائف المشروع

8 Readings

  • ملخص: التحقق من صحة النموذج
  • تمرين: إضافة التحقق من صحة النموذج
  • تمرين: إضافة اختبارات الوحدة للتحقق من صحة النموذج وإرساله
  • ملخص: إمكانية الوصول
  • تمرين: ضمان إمكانية وصول المستخدمين إلى تطبيقك
  • ملخص: تقييم مدى سهولة استخدام واجهة المستخدم (UI) وتجربة المستخدم (UX)
  • تمرين: تقييم تجربة المستخدم (UX) ومراجعتها
  • موارد إضافية

التقييم النهائي للمشروع

    • 1 Videos
    • 2 Readings
    • 1 PeerReview
    • 2 Assignment
Show info about module content

2 Assignment

  • التحقق من الجاهزية: الاستعداد لتقديم المشروع
  • الاختبار النهائي المقيّم بالدرجات

1 Peer Review

  • حجز طاولة على موقع Little Lemon على الويب

1 Videos

  • ملخص الدورة التدريبية: المشروع المتقدم

2 Readings

  • حول التقييم النهائي للمشروع
  • الحل: حجز طاولة على موقع Little Lemon على الويب

Course wrap-up

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • الاستفادة من التعلم

1 Videos

  • تهانينا، لقد أكملت المشروع المتقدم!

1 Readings

  • الخطوات التالية

Auto Summary

"المشروع المتقدم لمطور الواجهات الأمامية" هو دورة تدريبية مقدمة من Coursera، تركز على تطوير مهارات الويب باستخدام مكتبة React. صُممت الدورة لاختبار معرفتك وإرشادك في إنشاء تطبيق واجهات أمامية عملي. تستهدف الدورة المحترفين ذوي الخبرة في تطوير الواجهات الأمامية، وتوفر منصة لعرض مهاراتك من خلال مشروعات متقدمة. مع اشتراك Starter، يمكن للمتعلمين بناء محفظة مشروعات تثير إعجاب مسؤولي التوظيف وأصحاب العمل المحتملين.

Taught by Meta Staff
Instructor

Taught by Meta Staff