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