1
00:00:03,560 --> 00:00:08,385
نأتي إلى المهمة النهائية لهذه الدورة.

2
00:00:08,385 --> 00:00:10,255
في هذه المهمة الرابعة،

3
00:00:10,255 --> 00:00:13,185
سوف تعمل مع bootstraps،

4
00:00:13,185 --> 00:00:19,075
ودعم jQuery وأيضًا قليلاً من Sass.

5
00:00:19,075 --> 00:00:23,910
يتكون هذا التكليف من أربع مهام.

6
00:00:23,910 --> 00:00:28,370
ستكون مهمتك الأولى هي إزالة كل

7
00:00:28,370 --> 00:00:36,120
سمات البيانات هذه من رابط تسجيل الدخول هنا واحتياطي الجداول هنا.

8
00:00:36,120 --> 00:00:38,910
الآن، في هذه المهمة،

9
00:00:38,910 --> 00:00:43,285
سنقوم بتشغيل النماذج باستخدام شفرة جافا سكريبت.

10
00:00:43,285 --> 00:00:44,915
لذلك، للقيام بذلك،

11
00:00:44,915 --> 00:00:46,990
سنقوم أولا بإزالة سمات البيانات،

12
00:00:46,990 --> 00:00:54,895
سواء من نموذج الاحتياطي ونموذج تسجيل الدخول كمهمتنا الأولى في هذا الواجب.

13
00:00:54,895 --> 00:00:59,470
مهمتك الثانية هي إضافة

14
00:00:59,470 --> 00:01:07,050
شفرة جافا سكريبت المناسبة باستخدام طرق النماذج،

15
00:01:07,050 --> 00:01:08,985
وطرق جافا سكريبت المتوفرة،

16
00:01:08,985 --> 00:01:13,300
بحيث عندما يتم النقر فوق نمط جدول الاحتياطي،

17
00:01:13,300 --> 00:01:18,375
سيتم عرض نموذج الاحتياطي المقابل كما هو موضح هنا.

18
00:01:18,375 --> 00:01:23,250
لذلك، نرى أن هذا العرض والاختباء من النموذج

19
00:01:23,250 --> 00:01:28,800
يتم تشغيله تماما باستخدام أساليب جافا سكريبت لهذا النموذج.

20
00:01:28,800 --> 00:01:33,185
ستكون مهمتك الثالثة، مرة أخرى،

21
00:01:33,185 --> 00:01:42,985
إدراج رمز مناسب في البرنامج النصي بحيث عند النقر على رابط تسجيل الدخول هنا،

22
00:01:42,985 --> 00:01:45,805
سيتم عرض نموذج تسجيل الدخول.

23
00:01:45,805 --> 00:01:47,995
الآن، لكي يعمل هذا،

24
00:01:47,995 --> 00:01:52,140
تحتاج إلى إعطاء المعرفات المناسبة لكل من زر جدول الحجز

25
00:01:52,140 --> 00:01:57,850
ورابط تسجيل الدخول بحيث يمكن الرجوع إليها في شفرة جافا سكريبت الخاصة بك.

26
00:01:57,850 --> 00:02:00,085
لذلك، هذا تلميح بالنسبة لك،

27
00:02:00,085 --> 00:02:05,590
كيف يمكنك المضي قدما والمضي قدما في تنفيذ هذا.

28
00:02:05,590 --> 00:02:17,669
يجب أن يكون استخدام أساليب جافا سكريبت واضحًا تمامًا.

29
00:02:17,669 --> 00:02:19,840
يتوفر الارتباط بوثائق bootstrap التي تصف أساليب JavaScript

30
00:02:19,840 --> 00:02:24,120
في قسم الموارد الإضافية لهذا الواجب.

31
00:02:24,120 --> 00:02:29,700
كما كنت قد أدركت بالفعل أن هذه النماذج تبدو الآن أكثر سخونة.

32
00:02:29,700 --> 00:02:32,435
حتى هنا هو نموذج الجدول الاحتياطي،

33
00:02:32,435 --> 00:02:34,590
وهنا هو نموذج تسجيل الدخول.

34
00:02:34,590 --> 00:02:40,620
لذلك، كجزء من المهمة الرابعة من هذا الواجب،

35
00:02:40,620 --> 00:02:46,235
أنت ذاهب لإضافة في بعض التعليمات البرمجية سس في أنماط بدء ملف سس،

36
00:02:46,235 --> 00:02:50,115
بحيث يتم تعيين الألوان بشكل مناسب.

37
00:02:50,115 --> 00:02:53,500
حتى هنا، ترى أن رأس النموذج هذا يحتوي

38
00:02:53,500 --> 00:03:00,940
على مجموعة الألوان الداكنة الخلفية ويتم عرض النص هنا باللون الأبيض.

39
00:03:00,940 --> 00:03:05,700
وأيضا، هذه الفئة معينة

40
00:03:05,700 --> 00:03:11,850
باستخدام فئة متداخلة هنا في رمز SCSS الخاص بك،

41
00:03:11,850 --> 00:03:17,160
يمكنك تعريف هذا أيضا لاستخدام لون مسطح أو أبيض هنا.

42
00:03:17,160 --> 00:03:26,135
ثم يستخدم الجسم النموذجي نفسه لون الخلفية الباهت.

43
00:03:26,135 --> 00:03:30,620
لذلك، أدخل رمز SCSS المناسب في

44
00:03:30,620 --> 00:03:36,710
ملف SCSS لبدء النمط الخاص بك لتمكين هذا من العمل لنموذج الاحتياطي للرأس والجسم،

45
00:03:36,710 --> 00:03:42,005
حتى تتمكن من رؤية أن نفس اللون الداكن الخلفية يتم تطبيقه على الرأس

46
00:03:42,005 --> 00:03:48,435
ويتم تطبيق لون شاحب الخلفية على نص النموذج الخاص بك.

47
00:03:48,435 --> 00:03:51,450
وعند الانتهاء من هذا الواجب،

48
00:03:51,450 --> 00:03:59,370
قد ترغب في إجراء تعليق جيد لحفظ التغييرات الخاصة بك مع تعيين الرسالة أربعة.