1
00:00:00,000 --> 00:00:04,780
[МУЗЫКА]

2
00:00:04,780 --> 00:00:09,845
Как мы поняли из предыдущего урока, создание и

3
00:00:09,845 --> 00:00:14,960
развертывание веб-сайтов включает в себя много шагов.

4
00:00:14,960 --> 00:00:19,070
И мы посмотрели на использование скриптов [неразборчиво] для

5
00:00:19,070 --> 00:00:22,220
выполнения задач построения и развертывания.

6
00:00:22,220 --> 00:00:27,820
В этом уроке мы сосредоточимся на рендерах задач.

7
00:00:27,820 --> 00:00:33,190
Два, в частности, Grunt и Gulp, и попытаться понять, как

8
00:00:33,190 --> 00:00:39,669
они облегчают их автоматизацию различных задач веб-разработки.

9
00:00:41,640 --> 00:00:47,650
Основная задача Task Runner заключается в том, чтобы позволить нам настроить задачи, а

10
00:00:47,650 --> 00:00:50,410
затем повторно запустить их автоматически по запросу.

11
00:00:51,640 --> 00:00:56,515
В предыдущем уроке мы показываем пользовательские сценарии NPM, которые мы настроили

12
00:00:56,515 --> 00:01:02,325
в файле package.json, чтобы автоматизировать некоторые

13
00:01:02,325 --> 00:01:07,945
из этих задач, включая использование on change для автоматического

14
00:01:07,945 --> 00:01:14,245
запуска некоторых из этих задач на основе внесенных изменений.

15
00:01:15,805 --> 00:01:22,420
Теперь, обдумывая, мы понимаем, что мы находимся в экосистеме Node.

16
00:01:22,420 --> 00:01:30,440
И то, что Node позволяет нам сделать, это запустить JavaScript на рабочем столе.

17
00:01:30,440 --> 00:01:34,460
Теперь, больше удачи, чем люди, программисты, как вы о них знаете,

18
00:01:36,200 --> 00:01:42,070
взяли на себя задачу использования самого JavaScript для написания

19
00:01:43,620 --> 00:01:48,970
приложений, которые позволяют нам настраивать и запускать эти задачи автоматически.

20
00:01:48,970 --> 00:01:52,305
Так вот где бегуны задачи вошли в картину.

21
00:01:52,305 --> 00:01:58,930
Грунт, глоток, торт, поздний завтрак, брокколи.

22
00:01:58,930 --> 00:02:00,640
Что это за одержимость едой?

23
00:02:01,760 --> 00:02:06,150
Ну, когда вы долго сидите в одном месте, у вас есть большой

24
00:02:06,150 --> 00:02:12,260
аппетит, Grunt и Gulp являются двумя самыми успешными в этой области.

25
00:02:12,260 --> 00:02:15,730
Мы рассмотрим их обоих более подробно в этом уроке.

26
00:02:17,070 --> 00:02:22,360
Это позволяет нам удвоить автоматизированные задачи по

27
00:02:22,360 --> 00:02:26,410
выполнению, созданию и развертыванию нашего сайта.

28
00:02:27,620 --> 00:02:31,520
Как я уже упоминал, бегуны задач на основе JavaScript, два

29
00:02:31,520 --> 00:02:36,980
из них, в частности, с которыми мы будем иметь дело в этом уроке, являются Grunt и Gulp.

30
00:02:36,980 --> 00:02:41,391
Grunt работает на основе конфигурации,

31
00:02:41,391 --> 00:02:45,800
тогда как Gulp больше концентрируется на коде.

32
00:02:45,800 --> 00:02:50,160
Мы будем смотреть на них более подробно, пока мы будем идти дальше.

33
00:02:50,160 --> 00:02:58,120
Но оба они в значительной степени позволяют нам выполнять одни и те же задачи.

34
00:02:58,120 --> 00:02:59,970
Оба построены вокруг плагинов.

35
00:02:59,970 --> 00:03:04,980
Таким образом, как Grunt и Gulp обеспечивают структуру, для которой

36
00:03:04,980 --> 00:03:10,600
вы пишете различные плагины, которые позволяют вам выполнять эти виды задач.

37
00:03:10,600 --> 00:03:15,810
Таким образом Grunt и Gulp вместе с их плагинами позволяют нам настраивать и

38
00:03:15,810 --> 00:03:18,380
выполнять различные задачи.

39
00:03:18,380 --> 00:03:24,600
Если ты спросишь меня, грудь лучше или Галп лучше, на этот вопрос трудно ответить.

40
00:03:26,140 --> 00:03:27,850
Грунтовые люди хрюкают повсюду,

41
00:03:29,010 --> 00:03:31,700
говоря, что их - лучший способ сделать это.

42
00:03:33,050 --> 00:03:36,390
Которую сообщество Галпа трудно проглотить.

43
00:03:38,730 --> 00:03:44,020
Оба этих сообщества могут легко дать вашим телевангелистам бежать за свои деньги.

44
00:03:45,800 --> 00:03:48,160
Но, с моей точки зрения,

45
00:03:49,950 --> 00:03:54,880
я рассматриваю любой из этих инструментов как просто механизмы для выполнения моей работы.

46
00:03:55,950 --> 00:03:59,410
Пока это делает мою работу, я доволен этим.

47
00:03:59,410 --> 00:04:04,910
Если сделать проще выполнить набор задач, которые есть,

48
00:04:04,910 --> 00:04:09,600
то я выбираю один над другим для этого конкретного проекта.

49
00:04:10,760 --> 00:04:17,190
Поэтому мое мнение - сценарии VM для событий удовлетворяет вас, стабилизируют их.

50
00:04:17,190 --> 00:04:20,460
Если Грант - это путь, будь моим гостем.

51
00:04:20,460 --> 00:04:26,710
Если Gulp стоит удовлетворить вас, возьмите большой глоток, и вы будете довольны.

52
00:04:27,850 --> 00:04:32,486
Так что, сказав это, давайте взглянем как на Грунта, так и на Галпа.

53
00:04:32,486 --> 00:04:38,880
Я покажу вам, как вы выполняете тот же набор задач

54
00:04:38,880 --> 00:04:43,810
, что я сделал со сценариями npm в предыдущем уроке и упражнении.

55
00:04:45,730 --> 00:04:50,483
Показывая вам Grunt и Gulp способ выполнения тех же

56
00:04:50,483 --> 00:04:55,355
задач в упражнениях, которые следуют за этой лекцией.

57
00:04:55,355 --> 00:04:58,239
[ МУЗЫКА]