أكاديمية الزيرومجاني
مسار Front-End Developer
من يريد الانتقال من الدروس إلى تطبيقات واجهة حقيقية.
تفاصيل الدورة← العودة إلى المسار
المرحلة 4 من 5
بناء واجهات حديثة
طبّق ما تعلمته في واجهات كاملة وتعرّف على مكونات الواجهة والأدوات.
قبل أن تبدأأن تكون قادراً على تغيير محتوى الصفحة والتعامل مع ضغطات الأزرار باستخدام JavaScript.
الهدفتستطيع تحويل تصميم إلى واجهة متجاوبة واستخدام Git لنشر عملك.
جرّب بنفسكنظّم موقعك الشخصي في أقسام واضحة، وأضف قائمة تنقّل وتبديل مظهر فاتح/داكن. استخدم أمثلة الدورة لتتعلم الفكرة ثم طبّقها على موقعك.
ما الذي تركّز عليه في الدورة؟
تستطيع تحويل تصميم إلى واجهة متجاوبة واستخدام Git لنشر عملك.
ترتّب هذه الصفحة خطوات تعلّمك ومشروعك؛ أما الشرح التفصيلي فتجده في الدورة أدناه. استخدم المهمة لتعرف الدروس التي تحتاج إلى دراستها.
الدورات التي تتعلّم منها في هذه المرحلة
اختر دورة، ثم طبّق ما تتعلّمه في مشروعك
ركّز على الموضوعات التي تحتاجها لمهمة المرحلة. طبّق أثناء التعلّم؛ إنهاء كل المقاطع ليس شرطاً للمتابعة.
أكاديمية الزيرومجاني
تصميم موقع ومميزاته بواسطة JavaScript
من يحتاج مشروعاً يربط DOM وLocal Storage والتصميم.
تفاصيل الدورةمهارة تكمجاني
مسار مطور الواجهة الأمامية
من يريد رؤية المهارات التي يتطلبها دور Front-end Developer بشكل أوسع.
تفاصيل الدورةطبّق بنفسك
نظّم موقعك الشخصي في أقسام واضحة، وأضف قائمة تنقّل وتبديل مظهر فاتح/داكن. استخدم أمثلة الدورة لتتعلم الفكرة ثم طبّقها على موقعك.
ابدأ بأصغر جزء تستطيع تشغيله. جرّبه، ثم أضف بقية المتطلبات واحداً تلو الآخر. احتفظ بمشروعك لتطوّره في المرحلة التالية.
إذا واجهتك مشكلة
احفظ عملك، ثم جرّب أصغر خطوة تُظهر المشكلة. قارن ما توقّعت حدوثه بما حدث فعلاً. اقرأ رسالة الخطأ وراجع آخر تعديل. يمكنك الرجوع إلى أحد المصادر أعلاه لفهم النقطة التي صعبت عليك.
هل أنت جاهز للخطوة التالية؟
إذا صعبت عليك نقطة، تدرّب عليها مرة أخرى قبل المتابعة.