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

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

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

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

مقدمة إلى تطوير الواجهة الأمامية

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

О курсе

مرحبًا بك في المقدمة إلى تطوير الواجهة الأمامية، الدورة التدريبية الأولى في برنامج مطوري الواجهة الأمامية من Meta. تُعد هذه الدورة التدريبية مكانًا جيدًا للبدء إذا كانت رغبتك أن تكون مطور ويب. سيتم تعريفك بالمسؤوليات اليومية لمطور الويب، والحصول على فهم عام للتقنيات الأساسية والضمنية التي تدعم الإنترنت.سيتم تعريفك بكيفية قيام مطوري الواجهة الأمامية بإنشاء المواقع الإلكترونية والتطبيقات التي تعمل بشكل جيد ويسهل صيانتها. سيتم التعرُّف على تقنيات تطوير الويب الأساسية، مثل HTML وCSS، والحصول على فرص لممارسة استخدامها.سيتم تقديمك أيضًا إلى إطارات عمل واجهة المستخدم الحديثة، مثل Bootstrap وReact، التي تجعل من السهل إنشاء تجارب مستخدم تفاعلية. بنهاية هذه الدورة التدريبية، سيكون بإمكانك: - وصف دور مطور الواجهة الأمامية - شرح التقنيات الأساسية والضمنية التي تدعم الإنترنت - استخدام HTML لإنشاء صفحة ويب بسيطة - استخدام CSS للتحكم في مظهر صفحة ويب بسيطة - شرح مفهوم React - وصف تطبيقات وخصائص أكثر إطارات عمل واجهة المستخدم شيوعًا بالنسبة للمشروع النهائي في هذه الدورة التدريبية، ستقوم بإنشاء صفحة ويب وتحريرها باستخدام HTML وإطار عمل Bootstrap CSS. باستخدام شبكة تخطيط تفاعلية، سيكون بإمكانك إنشاء صفحة ويب تفاعلية تحتوي على نصوص وصور تبدو رائعة على أي شاشة بأي حجم. هذه دورة تدريبية للمبتدئين مخصصة للمتعلمين المتحمسين لتعلم أساسيات تطوير الويب. للنجاح في هذه الدورة التدريبية، لا يشترط امتلاكك لخبرة سابقة في تطوير الويب، ليس مطلوبًا سوى مهارات التنقل الأساسية عبر الإنترنت والحماس لخوض رحلة الترميز (أي، البرمجة).

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

Hypertext Markup Language (HTML)Cascading Style Sheets (CSS)React.jsBootstrap (Front-End Framework)HTML and CSSFront-End Web DevelopmentNetwork ProtocolsResponsive Web DesignJavascriptTCP/IPWeb DesignInteractive DesignWeb Design and DevelopmentWeb DevelopmentWeb ServersApplication FrameworksUser Interface (UI)JavaScript FrameworksUI Components

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

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

01البدء في تطوير الويب35 материалов

مقدمة إلى الشهادات المهنية

مقدمة إلى البرنامجВидеоمقدمة إلى الدورة التدريبيةВидеоأدوار مطوري الواجهة الأمامية والواجهة الخلفية والمكدس الكاملВидеоيوم في حياة مطور واجهة أماميةВидео

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

Taught by Meta Experts

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 18.4 ч

4 модулей

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

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

Часть программы вашего университета
المنهج الدراسي للدورة التدريبية "مقدمة إلى تطوير الواجهة الأمامية"Чтение
كيفية النجاح في هذه الدورة التدريبيةЧтение
العرض التوضيحي للمشروع المتقدم: موقع "ليتل ليمون" الإلكترونيВидео
التعارف وإلقاء التحيةОбсуждение

كيف يعمل الويب

كيف يعمل الإنترنتВидеоما المقصود بخادم الويب وكيف يعمل؟Видеоما المقصود بالمواقع الإلكترونية وصفحات الويب؟Видеоما المقصود بمستعرض الويب وكيف يعمل؟Видеоاستضافة الويبВидеоالتحقق من المعرفة – كيف يعمل الويبЗаданиеموارد إضافيةЧтение

تقنيات الإنترنت الأساسية

مقدمة إلى بروتوكولات الإنترنتВидеоمقدمة إلى HTTPВидеоأمثلة على HTTPЧтениеمقدمة إلى HTML وCSS وJavaScriptВидеоبروتوكولات الإنترنت الأخرىЧтениеصفحات الويب والمواقع الإلكترونية وتطبيقات الويبВидеоالتحقق من المعرفة – الويب والإنترنتЗаданиеأدوات المطورВидеоالتمرين: فحص صفحة ويبЧтениеالمراجعة الذاتية: فحص الصفحةЗаданиеالتمرين: تحرير موقع إلكتروني باستخدام أدوات المطور الخاصة بالمستعرضЧтениеإطارات العمل والمكتباتВидеоواجهات برمجة التطبيقات والخدماتВидеоما المقصود بـ IDE؟Видеоإعداد بيئة التطوير المحلية الخاصة بكЧтениеVisual Studio Code على CourseraЧтениеالتحقق من المعرفة – تقنيات الإنترنت الأساسيةЗаданиеملخص الوحدة – البدء في تطوير الويبВидеоاختبار الوحدة: البدء في تطوير الويبЗаданиеموارد إضافيةЧтение
02مقدمة إلى HTML وCSS25 материалов

البدء في استخدام HTML

ما لغة Hyper Text Markup؟Видеоمستندات HTMLВидеоإنشاء مستند HTMLПрограммированиеعلامات HTML البسيطةЧтениеإنشاء ارتباطات إلى المستنداتВидеоإضافة الصور إلى صفحة الويب باستخدام HTMLВидеоاستخدام HTML للعمل على البيانات في الجداولВидеоما المقصود بالنماذج؟Видеоمقدمة إلى نموذج كائن المستند (DOM)Видеоإمكانية الوصول إلى الويبВидеоالتحقق من المعرفة – البدء في استخدام HTMLЗаданиеموارد إضافيةЧтение

أساسيات CSS

التحديد وتكوين الأنماطВидеоأنواع المحددات المختلفةЧтениеالنص واللون في CSSЧтениеمقدمة إلى نموذج مربعات النصВидеоتدفق المستندات – العناصر الكتلية مقابل المضمنةВидеоأساسيات المحاذاةЧтениеالتحقق من المعرفة: أساسيات CSS

إنشاء صفحة ويب

إنشاء صفحة ويب وتكوين أنماطهاПрограммированиеيرجى مناقشة التحديات التي واجهتها في إنشاء صفحة الويب وتكوين أنماطهاОбсуждениеاختبار الوحدة: مقدمة إلى HTML وCSSЗаданиеملخص الوحدة – مقدمة إلى HTML وCSSВидео
03إطارات عمل واجهة المستخدم27 материалов

مقدمة إلى مكتبات وإطارات عمل واجهة المستخدم

استخدام المكتباتВидеоمقدمة إلى التصميم التفاعليВидеоBootstrapЧтениеالبدء في استخدام BootstrapВидеоاستخدام أنماط BootstrapВидеоشبكة BootstrapВидеоاستخدام شبكة BootstrapЛабораторнаяالمراجعة الذاتية: استخدام شبكة BootstrapЗаданиеمكونات BootstrapВидеоاستخدام مكونات BootstrapЛабораторнаяالمراجعة الذاتية: استخدام مكونات BootstrapЗаданиеاستخدام وثائق BootstrapЧтениеإطارات عمل ومكتبات CSS الأخرىЧтениеالتحقق من المعرفة: مقدمة إلى مكتبات وإطارات عمل واجهة المستخدمЗаданиеموارد إضافيةЧтение

مقدمة إلى React

المحتوى الثابت والديناميكيВидеоالتطبيقات أحادية الصفحةВидеоما المقصود بـ React؟Видеоدراسة حالة: لماذا قام مهندسو فيسبوك بإنشاء React؟Чтениеطريقة عمل ReactВидеоنموذج كائن المستند (DOM) الافتراضيЧтениеالتسلسل الهرمي للمكونات
04التقييم المقدَر بدرجات في نهاية الدورة التدريبية10 материалов

التقييم المقدَر بدرجات

ملخص الدورة التدريبية 1: مقدمة إلى تطوير الويبВидеоحول المختبر غير المقدَر بدرجات: تحسين صفحة سيرتك الذاتية باستخدام BootstrapЧтениеتحسين صفحة سيرتك الذاتية باستخدام BootstrapЛабораторнаяالمراجعة الذاتية: تحسين صفحة سيرتك الذاتية باستخدام BootstrapЗаданиеنموذج Чтениеما التحديات التي واجهتها أثناء تحرير صفحة سيرتك الذاتية؟Обсуждениеتقييم الدورة التدريبية 1: مقدمة إلى تطوير الويبЗадание

اختتام الدورة التدريبية

تهانينا، لقد أكملت "مقدمة إلى تطوير الويب"Видеоفي رأيك، ما الذي كان الأكثر تحديًا والأكثر إفادة في هذه الدورة التدريبية؟Обсуждениеالخطوات التالية بعد "مقدمة إلى تطوير الويب"Чтение
Задание
تكوين أنماط صفحة ويبПрограммирование
موارد إضافيةЧтение
Видео
بدائل ReactЧтение
التحقق من المعرفة: مقدمة إلى ReactЗадание
ملخص الوحدة: إطارات عمل واجهة المستخدمВидео
اختبار الوحدة: إطارات عمل واجهة المستخدمЗадание
موارد إضافيةЧтение