К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
المشروع المتقدم لمطور الواجهات الأمامية · LearnSpace
Назад в каталог
courseraПрограммирование

المشروع المتقدم لمطور الواجهات الأمامية

Курс от Meta
Средний≈ 24.5 чАрабский
О курсеНавыкиПрограммаПреподаватели

О курсе

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

Навыки, которые вы освоите

React.jsHypertext Markup Language (HTML)Cascading Style Sheets (CSS)Git (Version Control System)Unit TestingWeb Content Accessibility GuidelinesUser Interface and User Experience (UI/UX) DesignUser Interface (UI) DesignFront-End Web DevelopmentUI ComponentsWeb ApplicationsWeb ComponentsHTML and CSSVersion ControlUser Interface (UI)User ExperienceUsabilityCode ReviewWeb Design and DevelopmentSoftware Technical Review

Программа курса

4 модулей · 109 учебных материалов

01بدء المشروع29 материалов

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

مقدمة إلى الدورة التدريبيةВидеоالمنهج الدراسي للدورة التدريبيةЧтениеالتعارف وإلقاء التحيةОбсуждениеكيفية النجاح في هذه الدورة التدريبيةЧтение

Учитесь у экспертов

Taught by Meta Experts

Преподаватель курса

المشروع المتقدم لمطور الواجهات الأمامية
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 24.5 ч

4 модулей

Язык: Арабский

Субтитры: Английский

Часть программы вашего университета
التحقق من بيئة التطويرЧтение
موارد إضافيةЧтение

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

إعداد المشروعВидеоملخص: التحكم في الإصدارЧтениеتمرين: إعداد المستودعЧтениеالتحقق من الجاهزية: هل قمت بإعداد مستودع Git؟Заданиеملخص: إعداد ReactЧтениеتمرين: إعداد مشروع ReactЧтениеالتحقق من الجاهزية: هل قمت بإعداد مشروع React؟Заданиеتمرين: إيداع المشروعЧтениеالتحقق من الجاهزية: هل أرسلت مشاركاتك؟Заданиеالتحقق من المعرفة: إعداد المشروعЗаданиеموارد إضافيةЧтение

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

تخطيط تجربة المستخدم (UX) وواجهة المستخدم (UI)Видеоملخص: مبادئ تصميم تجربة المستخدم (UX) وواجهة المستخدم (UIЧтениеتمرين: تصميم الإطار الشبكي للمشروعЧтениеالتحقق من الجاهزية: هل أكملت تصميم الإطار الشبكي؟Заданиеتمرين: تصميم المكوناتЧтениеالتحقق من الجاهزية: هل أنشأت التصاميم الخاصة بالمكونات الرئيسية؟Заданиеتمرين: تطبيق أساسيات التصميم في FigmaЧтениеالتحقق من الجاهزية: هل أنشأت تسلسلاً هرميًا مطبعيًا وخطوطًا وألوانًا باستخدام دليل الأنماط؟Заданиеالتحقق من المعرفة: تخطيط تجربة المستخدم (UX) وواجهة المستخدم (UI)Заданиеملخص الوحدة: بدء المشروعВидеоاختبار على الوحدة: بدء المشروعЗаданиеموارد إضافيةЧтение
02أسس المشروع30 материалов

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

إعداد مستند HTML دلاليВидеоملخص: بنية HTML الدلاليةЧтениеتمرين: إعداد مستند HTMLЧтениеالتحقق من الجاهزية: هل قمت بإعداد مستند HTML دلالي؟Заданиеملخص: العلامات الوصفية وبروتوكول الرسم البياني المفتوحЧтениеتمرين: إضافة علامات التعريف وإعداد بروتوكول OGPЧтениеالتحقق من الجاهزية: هل أنشأت العلامات الوصفية وبيانات بروتوكول Open Graph؟Заданиеالتحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟Заданиеالتحقق من المعرفة: البنية الدلاليةЗаданиеموارد إضافيةЧтение

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

عناصر التصميمВидеоملخص: شبكات CSSЧтениеتمرين: إعداد تخطيط CSSЧтениеالتحقق من الجاهزية: هل قمت بإعداد تخطيط CSS تفاعلي؟Заданиеملخص: عناصر التصميمЧтениеتمرين: عناصر التصميمЧтениеالتحقق من الجاهزية: هل تحققت من تطابق العناصر المرئية لموقع الويب مع تصميم Figma؟

إضافة مكونات

مكونات المشروعВидеоملخص: مفاهيم React الأساسيةЧтениеتمرين: إعداد مكونات التطبيقЧтениеالتحقق من الجاهزية: هل قمت بإعداد مكونات التطبيق؟Заданиеالتحقق من الجاهزية: هل المكونات صحيحة من حيث البنى الدلالية؟Заданиеالتحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟Задание
03وظائف المشروع41 материалов

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

حجوزات طاولة العملاءВидеоملخص: الحالة في مكتبة ReactЧтениеملخص: النماذجЧтениеتمرين: تحديد صفحة الحجوزاتЧтениеالتحقق من الجاهزية: هل قمت بإعداد مكون لعرض الحجوزات المتاحة؟Заданиеتمرين: إضافة حالة حجز الطاولة Чтениеالتحقق من الجاهزية: هل شاركت حالة حجز الطاولة عبر المكونات؟Заданиеالتحقق من الجاهزية: هل المكونات صحيحة من حيث البنى الدلالية؟Заданиеملخص: اختبار الوحدةЧтениеتمرين: إضافة اختبارات الوحدةЧтениеالتحقق من الجاهزية: هل قمت بإعداد اختبارات وحدة المكونات؟Заданиеالتحقق من المعرفة: نظام حجز الطاولاتЗаданиеموارد إضافيةЧтение

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

الاستعلام عن واجهة برمجة تطبيقات (API) حجز طاولةВидеоملخص: الاستعلام عن واجهات برمجة التطبيقات (API) في مكتبة ReactЧтениеتمرين: ربط صفحة الحجوزات بواجهة برمجة التطبيقات (API)Чтениеالتحقق من الجاهزية: هل تستخدم صفحة الحجوزات بيانات \"حية\"؟Заданиеتمرين: إرسال صفحة الحجز الجديدة إلى واجهة برمجة التطبيقات (API)Чтениеالتحقق من الجاهزية: هل يعمل نظام حجز الطاولة بشكل كامل؟Задание

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

أهمية تجربة المستخدم (UX)Видеоملخص: التحقق من صحة النموذجЧтениеتمرين: إضافة التحقق من صحة النموذجЧтениеالتحقق من الجاهزية: هل نموذج الحجز يتحقق من صحة بيانات المستخدم؟Заданиеتمرين: إضافة اختبارات الوحدة للتحقق من صحة النموذج وإرسالهЧтениеالتحقق من الجاهزية: هل قمت بإعداد اختبارات وحدة التحقق من صحة النموذج وإرساله؟Задание
04تقييم المشروع9 материалов

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

ملخص الدورة التدريبية: المشروع المتقدمВидеоحول التقييم النهائي للمشروعЧтениеالتحقق من الجاهزية: الاستعداد لتقديم المشروعЗаданиеحجز طاولة على موقع Little Lemon على الويبВзаимная проверкаالحل: حجز طاولة على موقع Little Lemon على الويبЧтениеالاختبار النهائي المقيّم بالدرجاتЗадание

Course wrap-up

تهانينا، لقد أكملت المشروع المتقدم!Видеоالاستفادة من التعلمОбсуждениеالخطوات التاليةЧтение
Задание
التحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟Задание
التحقق من المعرفة: التصميم والتجربة التفاعليةЗадание
موارد إضافيةЧтение
التحقق من المعرفة: إضافة مكوناتЗадание
ملخص الوحدة: أسس المشروعВидео
اختبار على الوحدة: أسس المشروعЗадание
موارد إضافيةЧтение
تمرين: تحديث اختبارات الوحدة لاستعلامات واجهة برمجة التطبيقات (API)Чтение
التحقق من الجاهزية: هل قمت بإعداد اختبارات وحدة واجهة برمجة التطبيقات (API)؟Задание
التحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟Задание
التحقق من المعرفة: التفاعل مع واجهة برمجة التطبيقات (API)Задание
موارد إضافيةЧтение
ملخص: إمكانية الوصولЧтение
تمرين: ضمان إمكانية وصول المستخدمين إلى تطبيقكЧтение
التحقق من الجاهزية: هل يمكن الوصول إلى تطبيقك؟Задание
ملخص: تقييم مدى سهولة استخدام واجهة المستخدم (UI) وتجربة المستخدم (UX)Чтение
تمرين: تقييم تجربة المستخدم (UX) ومراجعتهاЧтение
التحقق من الجاهزية: هل أكملت التقييم الإرشادي لمدى سهولة الاستخدام؟Задание
التحقق من الجاهزية: هل قم بإيداع مشاركاتك حتى الآن في مستودع Git؟Задание
التحقق من المعرفة: تحسين التجربةЗадание
ملخص الوحدة: وظائف المشروعВидео
اختبار على الوحدة: وظائف المشروعЗадание
موارد إضافيةЧтение