مسار تعلّم

مسار تطوير الواجهة الأمامية

طوّر موقعاً عن نفسك خلال المسار: اكتب محتواه، ونسّقه للهاتف، وأضف التفاعل، ثم نظّمه وانشره.

لمن؟للمبتدئين الذين يريدون بناء مواقع ويب تفاعلية. لا تحتاج إلى خبرة برمجية سابقة.

النتيجةموقع متجاوب منشور في معرض أعمالك، وفهم واضح لما تتعلمه بعد ذلك.

المرحلة 1

أساسيات الويب وHTML

افهم كيف يعمل الويب وابنِ صفحات منظمة وقابلة للوصول.

قبل أن تبدأ: لا تحتاج إلى خبرة برمجية سابقة.
ما ستتعلمه: تستطيع بناء صفحة تعريفية فيها عناوين وفقرات وقوائم وروابط وصورة مع وصفها.

المرحلة 2

حوّل هيكل HTML إلى واجهات مرتبة تعمل على الهاتف والحاسوب.

قبل أن تبدأ: إكمال مرحلة HTML أو معرفة الوسوم الأساسية.
ما ستتعلمه: تستطيع تنسيق صفحتك وترتيب محتواها باستخدام Flexbox لتناسب الهاتف والحاسوب.

المرحلة 3

اجعل صفحتك تستجيب للضغطات: غيّر رسالة، وأظهر تفاصيل عنك، وأضف عدّاداً بسيطاً.

قبل أن تبدأ: إكمال HTML وCSS وبناء صفحة متجاوبة بنفسك.
ما ستتعلمه: تستطيع تغيير نص في صفحتك وإظهار قسم أو إخفائه، وتحديث عدّاد بعد ضغط زر.

المرحلة 4

طبّق ما تعلمته في واجهات كاملة وتعرّف على مكونات الواجهة والأدوات.

قبل أن تبدأ: أن تكون قادراً على تغيير محتوى الصفحة والتعامل مع ضغطات الأزرار باستخدام JavaScript.
ما ستتعلمه: تستطيع تحويل تصميم إلى واجهة متجاوبة واستخدام Git لنشر عملك.

المرحلة 5

ثبّت التعلم ببناء مشروع كامل ونشره وشرح قراراتك التقنية.