Monthly Subscription Starting at AED 99 + VAT

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

About

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

Modules

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

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

1 Discussions

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

5 Videos

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

2 Readings

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

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

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

1 Assignment

  • التحقق من المعرفة – كيف يعمل الويب

5 Videos

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

1 Readings

  • موارد إضافية

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

    • 9 Videos
    • 7 Readings
    • 4 Assignment
Show info about module content

4 Assignment

  • التحقق من المعرفة – الويب والإنترنت
  • المراجعة الذاتية: فحص الصفحة
  • التحقق من المعرفة – تقنيات الإنترنت الأساسية
  • اختبار الوحدة: البدء في تطوير الويب

9 Videos

  • مقدمة إلى بروتوكولات الإنترنت
  • مقدمة إلى HTTP
  • مقدمة إلى HTML وCSS وJavaScript
  • صفحات الويب والمواقع الإلكترونية وتطبيقات الويب
  • أدوات المطور
  • إطارات العمل والمكتبات
  • واجهات برمجة التطبيقات والخدمات
  • ما المقصود بـ IDE؟
  • ملخص الوحدة – البدء في تطوير الويب

7 Readings

  • أمثلة على HTTP
  • بروتوكولات الإنترنت الأخرى
  • التمرين: فحص صفحة ويب
  • التمرين: تحرير موقع إلكتروني باستخدام أدوات المطور الخاصة بالمستعرض
  • إعداد بيئة التطوير المحلية الخاصة بك
  • Visual Studio Code على Coursera
  • موارد إضافية

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

    • 8 Videos
    • 2 Readings
    • 1 Programming
    • 1 Assignment
Show info about module content

1 Programming

  • إنشاء مستند HTML

1 Assignment

  • التحقق من المعرفة – البدء في استخدام HTML

8 Videos

  • ما لغة Hyper Text Markup؟
  • مستندات HTML
  • إنشاء ارتباطات إلى المستندات
  • إضافة الصور إلى صفحة الويب باستخدام HTML
  • استخدام HTML للعمل على البيانات في الجداول
  • ما المقصود بالنماذج؟
  • مقدمة إلى نموذج كائن المستند (DOM)
  • إمكانية الوصول إلى الويب

2 Readings

  • علامات HTML البسيطة
  • موارد إضافية

أساسيات CSS

    • 3 Videos
    • 4 Readings
    • 1 Programming
    • 1 Assignment
Show info about module content

1 Programming

  • تكوين أنماط صفحة ويب

1 Assignment

  • التحقق من المعرفة: أساسيات CSS

3 Videos

  • التحديد وتكوين الأنماط
  • مقدمة إلى نموذج مربعات النص
  • تدفق المستندات – العناصر الكتلية مقابل المضمنة

4 Readings

  • أنواع المحددات المختلفة
  • النص واللون في CSS
  • أساسيات المحاذاة
  • موارد إضافية

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

    • 1 Videos
    • 1 Discussion
    • 1 Programming
    • 1 Assignment
Show info about module content

1 Programming

  • إنشاء صفحة ويب وتكوين أنماطها

1 Assignment

  • اختبار الوحدة: مقدمة إلى HTML وCSS

1 Discussions

  • يرجى مناقشة التحديات التي واجهتها في إنشاء صفحة الويب وتكوين أنماطها

1 Videos

  • ملخص الوحدة – مقدمة إلى HTML وCSS

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

    • 6 Videos
    • 4 Readings
    • 2 Lab
    • 3 Assignment
Show info about module content

3 Assignment

  • المراجعة الذاتية: استخدام شبكة Bootstrap
  • المراجعة الذاتية: استخدام مكونات Bootstrap
  • التحقق من المعرفة: مقدمة إلى مكتبات وإطارات عمل واجهة المستخدم

2 Labs

  • استخدام شبكة Bootstrap
  • استخدام مكونات Bootstrap

6 Videos

  • استخدام المكتبات
  • مقدمة إلى التصميم التفاعلي
  • البدء في استخدام Bootstrap
  • استخدام أنماط Bootstrap
  • شبكة Bootstrap
  • مكونات Bootstrap

4 Readings

  • Bootstrap
  • استخدام وثائق Bootstrap
  • إطارات عمل ومكتبات CSS الأخرى
  • موارد إضافية

مقدمة إلى React

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

2 Assignment

  • التحقق من المعرفة: مقدمة إلى React
  • اختبار الوحدة: إطارات عمل واجهة المستخدم

6 Videos

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

4 Readings

  • دراسة حالة: لماذا قام مهندسو فيسبوك بإنشاء React؟
  • نموذج كائن المستند (DOM) الافتراضي
  • بدائل React
  • موارد إضافية

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

    • 1 Videos
    • 2 Readings
    • 1 Discussion
    • 1 Lab
    • 2 Assignment
Show info about module content

2 Assignment

  • المراجعة الذاتية: تحسين صفحة سيرتك الذاتية باستخدام Bootstrap
  • تقييم الدورة التدريبية 1: مقدمة إلى تطوير الويب

1 Discussions

  • ما التحديات التي واجهتها أثناء تحرير صفحة سيرتك الذاتية؟

1 Labs

  • تحسين صفحة سيرتك الذاتية باستخدام Bootstrap

1 Videos

  • ملخص الدورة التدريبية 1: مقدمة إلى تطوير الويب

2 Readings

  • حول المختبر غير المقدَر بدرجات: تحسين صفحة سيرتك الذاتية باستخدام Bootstrap
  • نموذج

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

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

1 Discussions

  • في رأيك، ما الذي كان الأكثر تحديًا والأكثر إفادة في هذه الدورة التدريبية؟

1 Videos

  • تهانينا، لقد أكملت "مقدمة إلى تطوير الويب"

1 Readings

  • الخطوات التالية بعد "مقدمة إلى تطوير الويب"

Auto Summary

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

Taught by Meta Staff
Instructor

Taught by Meta Staff