1
00:00:03,560 --> 00:00:08,385
Chúng tôi đi đến nhiệm vụ cuối cùng của khóa học này.

2
00:00:08,385 --> 00:00:10,255
Trong nhiệm vụ thứ tư này,

3
00:00:10,255 --> 00:00:13,185
bạn sẽ làm việc với bootstraps,

4
00:00:13,185 --> 00:00:19,075
hỗ trợ jQuery và cũng có một chút Sass.

5
00:00:19,075 --> 00:00:23,910
Việc phân công này bao gồm bốn nhiệm vụ.

6
00:00:23,910 --> 00:00:28,370
Nhiệm vụ đầu tiên của bạn là xóa tất cả các

7
00:00:28,370 --> 00:00:36,120
thuộc tính dữ liệu từ cả liên kết đăng nhập ở đây và dự trữ bảng ở đây.

8
00:00:36,120 --> 00:00:38,910
Bây giờ, trong nhiệm vụ này,

9
00:00:38,910 --> 00:00:43,285
chúng ta sẽ kích hoạt các mô hình bằng cách sử dụng mã JavaScript.

10
00:00:43,285 --> 00:00:44,915
Vì vậy, để làm điều đó,

11
00:00:44,915 --> 00:00:46,990
trước tiên chúng ta sẽ loại bỏ các thuộc tính dữ liệu,

12
00:00:46,990 --> 00:00:54,895
cả từ mô hình dự trữ và mô hình đăng nhập như là nhiệm vụ đầu tiên của chúng tôi trong nhiệm vụ này.

13
00:00:54,895 --> 00:00:59,470
Nhiệm vụ thứ hai của bạn là thêm

14
00:00:59,470 --> 00:01:07,050
mã JavaScript thích hợp bằng cách sử dụng các phương pháp mô hình,

15
00:01:07,050 --> 00:01:08,985
phương pháp JavaScript có sẵn,

16
00:01:08,985 --> 00:01:13,300
sao cho khi mẫu bảng dự trữ được nhấp,

17
00:01:13,300 --> 00:01:18,375
thì mô hình dự trữ tương ứng sẽ được hiển thị như đã thấy ở đây.

18
00:01:18,375 --> 00:01:23,250
Vì vậy, chúng ta thấy rằng điều này hiển thị và ẩn của mô hình

19
00:01:23,250 --> 00:01:28,800
được kích hoạt hoàn toàn bằng cách sử dụng các phương pháp JavaScript của mô hình đó.

20
00:01:28,800 --> 00:01:33,185
Nhiệm vụ thứ ba của bạn là, một lần nữa,

21
00:01:33,185 --> 00:01:42,985
chèn mã thích hợp vào kịch bản sao cho khi bạn nhấp vào liên kết đăng nhập ở đây,

22
00:01:42,985 --> 00:01:45,805
mô hình đăng nhập sẽ được hiển thị.

23
00:01:45,805 --> 00:01:47,995
Bây giờ, để điều này hoạt động,

24
00:01:47,995 --> 00:01:52,140
bạn cần phải cung cấp các ID thích hợp cho cả nút bảng dự trữ và

25
00:01:52,140 --> 00:01:57,850
liên kết đăng nhập để chúng sau đó có thể được tham chiếu trong mã JavaScript của bạn.

26
00:01:57,850 --> 00:02:00,085
Vì vậy, đó là một gợi ý cho bạn,

27
00:02:00,085 --> 00:02:05,590
làm thế nào bạn có thể tiếp tục và tiến hành thực hiện điều này.

28
00:02:05,590 --> 00:02:12,955
Việc sử dụng các phương pháp JavaScript nên khá đơn giản.

29
00:02:12,955 --> 00:02:17,669
Liên kết đến tài liệu bootstrap mô tả

30
00:02:17,669 --> 00:02:19,840
các phương pháp JavaScript có sẵn trong

31
00:02:19,840 --> 00:02:24,120
phần tài nguyên bổ sung của nhiệm vụ này.

32
00:02:24,120 --> 00:02:29,700
Như bạn có thể đã nhận ra rằng các mô hình này bây giờ trông nhiều màu sắc hơn.

33
00:02:29,700 --> 00:02:32,435
Vì vậy, đây là mô hình bảng dự trữ,

34
00:02:32,435 --> 00:02:34,590
và đây là mô hình đăng nhập.

35
00:02:34,590 --> 00:02:40,620
Vì vậy, như là một phần của nhiệm vụ thứ tư của nhiệm vụ này,

36
00:02:40,620 --> 00:02:46,235
bạn sẽ thêm vào một số mã SCSS vào phong cách bắt đầu tập tin SCSS,

37
00:02:46,235 --> 00:02:50,115
như vậy mà các màu sắc được thiết lập một cách thích hợp.

38
00:02:50,115 --> 00:02:53,500
Vì vậy, ở đây, bạn thấy rằng tiêu đề mô

39
00:02:53,500 --> 00:03:00,940
hình có màu tối nền và văn bản ở đây được hiển thị trong màu trắng.

40
00:03:00,940 --> 00:03:05,700
Và cũng có thể, lớp đặc biệt này

41
00:03:05,700 --> 00:03:11,850
bằng cách sử dụng một lớp lồng nhau ở đây trong mã SCSS của

42
00:03:11,850 --> 00:03:17,160
bạn, bạn có thể xác định điều này cũng để sử dụng một màu phẳng hoặc trắng ở đây.

43
00:03:17,160 --> 00:03:26,135
Sau đó, cơ thể mô hình chính nó sử dụng màu nền nhạt.

44
00:03:26,135 --> 00:03:30,620
Vì vậy, chèn mã SCSS thích hợp vào phong cách của bạn bắt đầu

45
00:03:30,620 --> 00:03:36,710
tập tin SCSS để cho phép điều này để làm việc cho các mô hình dự trữ của tiêu đề và cơ

46
00:03:36,710 --> 00:03:42,005
thể, vì vậy bạn có thể thấy rằng cùng một nền màu tối được áp dụng cho tiêu đề và

47
00:03:42,005 --> 00:03:48,435
nền màu nhạt được áp dụng cho cơ thể của mô hình của bạn.

48
00:03:48,435 --> 00:03:51,450
Và sau khi hoàn thành nhiệm vụ này,

49
00:03:51,450 --> 00:03:59,370
bạn có thể muốn làm một bình luận tốt để lưu các thay đổi của bạn với phân công tin nhắn bốn.