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
вы будете работать с бутстрапами,

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
мы собираемся запустить модели с использованием кода JavaScript.

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
соответствующий код JavaScript с помощью методов моделей,

15
00:01:07,050 --> 00:01:08,985
методов JavaScript, которые доступны,

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
срабатывает полностью с использованием методов JavaScript этой модели.

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
ссылки входа, чтобы они могли быть указаны в вашем коде JavaScript.

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:12,955
Использование методов JavaScript должно быть довольно простым.

29
00:02:12,955 --> 00:02:17,669
Ссылка на загрузочную документацию,

30
00:02:17,669 --> 00:02:19,840
описывающую методы JavaScript, доступна

31
00:02:19,840 --> 00:02:24,120
в разделе дополнительных ресурсов этого задания.

32
00:02:24,120 --> 00:02:29,700
Как вы, возможно, уже поняли, что эти модели теперь выглядят намного красочнее.

33
00:02:29,700 --> 00:02:32,435
Итак, вот модель резервной таблицы,

34
00:02:32,435 --> 00:02:34,590
а вот модель входа.

35
00:02:34,590 --> 00:02:40,620
Итак, в рамках четвертой задачи этого задания,

36
00:02:40,620 --> 00:02:46,235
вы собираетесь добавить в некоторый SCSS код в стили start SCSS-файл,

37
00:02:46,235 --> 00:02:50,115
чтобы цвета были соответствующим образом установлены.

38
00:02:50,115 --> 00:02:53,500
Итак, здесь вы видите, что заголовок модели имеет

39
00:02:53,500 --> 00:03:00,940
темный цвет фона, а текст здесь отображается в белом цвете.

40
00:03:00,940 --> 00:03:05,700
И также, этот конкретный класс,

41
00:03:05,700 --> 00:03:11,850
используя вложенный класс здесь, в вашем SCSS-коде,

42
00:03:11,850 --> 00:03:17,160
вы можете определить это также, чтобы использовать плоский или белый цвет здесь.

43
00:03:17,160 --> 00:03:26,135
Затем само тело модели использует бледный цвет фона.

44
00:03:26,135 --> 00:03:30,620
Таким образом, вставьте соответствующий SCSS-код в ваш стиль start

45
00:03:30,620 --> 00:03:36,710
SCSS-файл, чтобы позволить это работать для резервной модели заголовка и тела,

46
00:03:36,710 --> 00:03:42,005
так что вы можете видеть, что тот же темный цвет

47
00:03:42,005 --> 00:03:48,435
фона применяется к заголовку и бледный цвет фона применяется к телу вашей модели.

48
00:03:48,435 --> 00:03:51,450
И после завершения этого задания

49
00:03:51,450 --> 00:03:59,370
вы можете сделать хороший комментарий, чтобы сохранить ваши изменения с назначением сообщения четыре.