1
00:00:00,000 --> 00:00:04,396
[MUSIC]

2
00:00:04,396 --> 00:00:09,510
لقد وصلنا إلى نهاية الوحدة الثالثة من هذه الدورة.

3
00:00:09,510 --> 00:00:13,070
هذا هو الوقت المناسب لمهمتك الثالثة

4
00:00:13,070 --> 00:00:18,132
في هذا الواجب، ونحن نذهب للنظر في مكونات بوتستراب

5
00:00:18,132 --> 00:00:23,121
التي فحصناها في هذه الوحدة وإضافة عدد قليل إلى صفحة index.html لدينا.

6
00:00:25,036 --> 00:00:30,190
مهمتك الثالثة تتضمن ثلاث مهام

7
00:00:30,190 --> 00:00:36,930
المهمة الأولى هي أخذ نموذج الحجز الذي قمت بإنشائه سابقًا

8
00:00:36,930 --> 00:00:42,470
في أحد صفوف المحتوى أدناه، ثم قطع هذا النموذج من صف المحتوى.

9
00:00:42,470 --> 00:00:49,140
ثم قم بإنشاء نموذج يحتوي على نفس نموذج الحجز للجدول الخاص بك.

10
00:00:49,140 --> 00:00:52,620
لذلك يمكنك أن ترى أن لدينا عدد من الضيوف هنا، والتاريخ

11
00:00:52,620 --> 00:00:56,600
والوقت هنا، ثم اثنين من الأزرار، زر الحجز والإلغاء.

12
00:00:56,600 --> 00:00:59,340
تماما كما فعلت في استمارة الحجز

13
00:01:00,950 --> 00:01:06,390
وبالإضافة إلى ذلك، فإن المهمة الثانية في هذا الواجب هي إضافة

14
00:01:06,390 --> 00:01:12,970
صف واحد آخر هنا مع زر الاختيار هنا.

15
00:01:12,970 --> 00:01:17,980
حتى هنا سوف تسمح للمستخدم لتحديد

16
00:01:17,980 --> 00:01:21,690
أي قسم من المطعم يريدون الجدول في.

17
00:01:21,690 --> 00:01:24,800
سواء كان ذلك لغير المدخنين أو قسم التدخين.

18
00:01:24,800 --> 00:01:28,820
افتراضيا، سيتم اختيار قسم لغير المدخنين.

19
00:01:28,820 --> 00:01:31,690
إذا كان المستخدم يريد قسم التدخين،

20
00:01:31,690 --> 00:01:36,690
فسينقر المستخدم على الزر لتحديد قسم التدخين.

21
00:01:36,690 --> 00:01:38,870
إذا كان المستخدم يريد قسم لغير المدخنين،

22
00:01:38,870 --> 00:01:43,860
فمن الواضح أن المستخدم سوف ينقر على قسم لغير المدخنين لتحديد الزر.

23
00:01:43,860 --> 00:01:50,910
هذا هو مجموعة زر الراديو هنا مع اثنين من الأزرار هنا، التدخين و لغير المدخنين.

24
00:01:50,910 --> 00:01:57,840
لذلك هذه هي مهمتك الثانية في هذه المهمة، لإضافة الزر هنا.

25
00:01:59,510 --> 00:02:04,310
المهمة الثالثة هي تحويل هذا الزر هنا،

26
00:02:04,310 --> 00:02:08,030
زر جدول الاحتياطي هنا، لاستدعاء النموذج.

27
00:02:08,030 --> 00:02:11,520
لذلك عند النقر على الزر فإنه يظهر ويخفي النموذج.

28
00:02:12,720 --> 00:02:18,735
للقيام بذلك، تحتاج أولاً إلى إزالة تلميح الأداة من جدول الاحتياطي،

29
00:02:18,735 --> 00:02:22,965
وإلا لن تعمل هذه الوظيفة.

30
00:02:22,965 --> 00:02:28,725
وأيضا إزالة البرنامج النصي، شفرة جافا سكريبت التي قمت بإضافتها

31
00:02:28,725 --> 00:02:35,445
إلى نهاية صفحة index.html لتشغيل تلميح الأداة.

32
00:02:35,445 --> 00:02:40,178
لذلك القيام بذلك، ومن ثم جعل هذا الزر جدول الاحتياطي

33
00:02:40,178 --> 00:02:45,040
بمثابة تبديل لنموذجك.

34
00:02:45,040 --> 00:02:48,500
إذن هذه هي مهمتك الثالثة في هذه المهمة

35
00:02:49,650 --> 00:02:55,876
آمل أن تستمتع بإنشاء هذا الاختلاف الجديد لصفحة index.html.

36
00:02:55,876 --> 00:03:01,788
[ موسيقى]