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

2
00:00:04,780 --> 00:00:09,845
Như chúng ta đã hiểu từ việc xây dựng bài học trước đó và

3
00:00:09,845 --> 00:00:14,960
triển khai các trang web liên quan đến rất nhiều bước.

4
00:00:14,960 --> 00:00:19,070
Và chúng tôi đã xem xét việc sử dụng các kịch bản [không nghe được] để

5
00:00:19,070 --> 00:00:22,220
thực hiện các nhiệm vụ xây dựng và triển khai.

6
00:00:22,220 --> 00:00:27,820
Trong bài học này, chúng tôi sẽ tập trung vào các kết xuất tác vụ.

7
00:00:27,820 --> 00:00:33,190
Hai đặc biệt, Grunt và Gulp, và cố gắng hiểu làm thế nào

8
00:00:33,190 --> 00:00:39,669
họ tạo điều kiện tự động hóa của họ về các nhiệm vụ phát triển web khác nhau.

9
00:00:41,640 --> 00:00:47,650
Nhiệm vụ chính của một Task Runner là cho phép chúng tôi cấu hình các nhiệm vụ và

10
00:00:47,650 --> 00:00:50,410
sau đó chạy lại chúng tự động như nó khi yêu cầu.

11
00:00:51,640 --> 00:00:56,515
Trong bài học trước đó, chúng tôi hiển thị các tập lệnh NPM người dùng mà chúng tôi thiết lập

12
00:00:56,515 --> 00:01:02,325
trong tập tin package.json để tự động hóa một số tác vụ này,

13
00:01:02,325 --> 00:01:07,945
bao gồm việc sử dụng thay đổi để tự động

14
00:01:07,945 --> 00:01:14,245
chạy một số tác vụ dựa trên các thay đổi đối với các tập tin được thực hiện.

15
00:01:15,805 --> 00:01:22,420
Bây giờ, suy nghĩ lại, chúng ta nhận ra rằng chúng ta đang ở trong hệ sinh thái Node.

16
00:01:22,420 --> 00:01:30,440
Và những gì Node cho phép chúng ta làm là chạy JavaScript trên máy tính để bàn.

17
00:01:30,440 --> 00:01:34,460
Bây giờ, may mắn hơn mọi người, các lập trình viên như bạn biết

18
00:01:36,200 --> 00:01:42,070
về họ, đã thực hiện nhiệm vụ sử dụng chính JavaScript để viết các

19
00:01:43,620 --> 00:01:48,970
ứng dụng cho phép chúng tôi thiết lập và chạy các tác vụ này một cách tự động.

20
00:01:48,970 --> 00:01:52,305
Vì vậy, đây là nơi mà các vận động viên tham gia vào bức tranh.

21
00:01:52,305 --> 00:01:58,930
Grunt, Gulp, bánh, Brunch, bông cải xanh.

22
00:01:58,930 --> 00:02:00,640
Cái ám ảnh với thức ăn này là gì?

23
00:02:01,760 --> 00:02:06,150
Vâng, khi bạn ngồi ở một nơi duy nhất trong một thời gian dài, bạn phát triển một

24
00:02:06,150 --> 00:02:12,260
sự thèm ăn lớn, Grunt và Gulp là hai thành công nhất trong lĩnh vực này.

25
00:02:12,260 --> 00:02:15,730
Chúng ta sẽ xem xét cả hai chi tiết hơn trong bài học này.

26
00:02:17,070 --> 00:02:22,360
Điều này cho phép chúng tôi tăng gấp đôi các nhiệm vụ tự động để

27
00:02:22,360 --> 00:02:26,410
thực hiện và xây dựng và triển khai trang web của chúng tôi.

28
00:02:27,620 --> 00:02:31,520
Như tôi đã đề cập, các vận động viên tác vụ dựa trên JavaScript, hai

29
00:02:31,520 --> 00:02:36,980
trong số họ đặc biệt mà chúng tôi sẽ đối phó với trong bài học này là Grunt và Gulp.

30
00:02:36,980 --> 00:02:41,391
Grunt hoạt động dựa trên cấu hình làm

31
00:02:41,391 --> 00:02:45,800
trong khi Gulp tập trung nhiều hơn vào mã.

32
00:02:45,800 --> 00:02:50,160
Chúng ta sẽ xem xét hai người trong số họ một cách chi tiết hơn khi chúng ta đi cùng.

33
00:02:50,160 --> 00:02:58,120
Nhưng cả hai đều cho phép chúng ta hoàn thành cùng một loại nhiệm vụ.

34
00:02:58,120 --> 00:02:59,970
Cả hai đều được xây dựng xung quanh các plugin.

35
00:02:59,970 --> 00:03:04,980
Vì vậy, cả Grunt và Gulp cung cấp một khuôn khổ mà

36
00:03:04,980 --> 00:03:10,600
bạn viết các plugin khác nhau cho phép bạn thực hiện các loại nhiệm vụ này.

37
00:03:10,600 --> 00:03:15,810
Vì vậy, Grunt và Gulp cùng với các plugin của họ cho phép chúng tôi cấu hình và

38
00:03:15,810 --> 00:03:18,380
thực hiện các nhiệm vụ khác nhau.

39
00:03:18,380 --> 00:03:24,600
Nếu bạn hỏi tôi, là Grunt tốt hơn hoặc là Gulp tốt hơn, đó là một câu hỏi khó khăn để trả lời.

40
00:03:26,140 --> 00:03:27,850
Người Grunt đang cằn nhằn khắp nơi,

41
00:03:29,010 --> 00:03:31,700
nói rằng họ là cách tốt nhất để làm điều đó.

42
00:03:33,050 --> 00:03:36,390
Cái mà cộng đồng Gulp thấy khó nuốt.

43
00:03:38,730 --> 00:03:44,020
Cả hai cộng đồng này có thể dễ dàng cung cấp cho televangelists của bạn chạy cho tiền của họ.

44
00:03:45,800 --> 00:03:48,160
Nhưng, theo quan điểm của tôi,

45
00:03:49,950 --> 00:03:54,880
tôi nhìn vào bất kỳ công cụ nào trong số này chỉ là cơ chế để hoàn thành công việc của tôi.

46
00:03:55,950 --> 00:03:59,410
Miễn là nó hoàn thành công việc của tôi, tôi hài lòng với nó.

47
00:03:59,410 --> 00:04:04,910
Nếu một người làm cho nó dễ dàng hơn để thực hiện một tập hợp các nhiệm vụ có,

48
00:04:04,910 --> 00:04:09,600
sau đó tôi chọn một trong những khác cho dự án cụ thể đó.

49
00:04:10,760 --> 00:04:17,190
Vì vậy, mất của tôi là sự kiện VM kịch bản thỏa mãn bạn, ổn định chúng.

50
00:04:17,190 --> 00:04:20,460
Nếu Grunt là con đường để đi, hãy làm khách của tôi.

51
00:04:20,460 --> 00:04:26,710
Nếu Gulp là giá trị thỏa mãn bạn, hãy cho bạn một gulp lớn và bạn sẽ được hài lòng.

52
00:04:27,850 --> 00:04:32,486
Vì vậy, sau khi nói rằng, chúng ta hãy nhìn vào cả Grunt và Gulp.

53
00:04:32,486 --> 00:04:38,880
Tôi sẽ chỉ cho bạn cách bạn thực hiện cùng một tập hợp các nhiệm vụ

54
00:04:38,880 --> 00:04:43,810
mà tôi đã làm với các kịch bản npm trong bài học trước và bài tập.

55
00:04:45,730 --> 00:04:50,483
Bằng cách cho bạn thấy Grunt và Gulp cách làm cùng một

56
00:04:50,483 --> 00:04:55,355
loại nhiệm vụ trong các bài tập mà theo sau bài giảng này.

57
00:04:55,355 --> 00:04:58,239
[ NHẠC]