1
00:00:04,970 --> 00:00:10,370
‫ESTÁ BEM. Estou super entusiasmado com essa tarefa porque os montagens de ligação podem ser realmente legais.

2
00:00:10,490 --> 00:00:17,900
‫Eles são particularmente legais para desenvolvimento local ou testes locais. Como, como explicamos anteriormente, eles vão permitir que você edite

3
00:00:18,410 --> 00:00:24,470
‫arquivos em seu sistema operacional host e, em seguida, eles estão realmente sendo executados ou sendo

4
00:00:24,500 --> 00:00:29,480
‫usados ​​dentro do contêiner para fazer as coisas de uma maneira muito mais fácil.

5
00:00:29,480 --> 00:00:34,940
‫Neste exemplo, na verdade, estaremos usando algo chamado "Static Site Generator" e isso

6
00:00:34,940 --> 00:00:36,330
‫não é especificamente

7
00:00:36,350 --> 00:00:38,690
‫uma tarefa de desenvolvimento da web.

8
00:00:38,690 --> 00:00:41,990
‫Na verdade, não vamos fazer muito além de editar uma linha de texto.

9
00:00:41,990 --> 00:00:47,180
‫Realmente, sobre o que se trata, está se acostumando com a idéia de tirar dados do

10
00:00:47,180 --> 00:00:53,900
‫host, que você tem em sua máquina host e, em seguida, montá-lo em um recipiente, em seguida, mudá-lo no host e

11
00:00:53,900 --> 00:00:55,440
‫observá-lo refletido dentro do recipiente.

12
00:00:55,490 --> 00:00:56,140
‫Certo.

13
00:00:56,180 --> 00:01:02,480
‫Neste caso, este é um exemplo bastante comum. Um desenvolvedor web tem código fonte e HTML e tudo

14
00:01:02,480 --> 00:01:08,150
‫isso, no seu host e eles normalmente teriam que baixar todas as ferramentas especiais que eles precisam no

15
00:01:08,150 --> 00:01:08,720
‫host, certo?

16
00:01:08,750 --> 00:01:13,310
‫algum tipo de observador de arquivos que detecte mudanças e reinicia as coisas, e todas essas ferramentas, certo?

17
00:01:13,310 --> 00:01:16,460
‫Nós precisamos das ferramentas de linguagem de programação, de um servidor web, de

18
00:01:16,460 --> 00:01:21,230
‫Isso normalmente é uma grande coisa para os desenvolvedores web é descobrir como fazer todo o trabalho em

19
00:01:21,230 --> 00:01:23,570
‫seu sistema operacional particular e todas as versões certas.

20
00:01:23,750 --> 00:01:29,630
‫Mas o legal é no Docker Hub, muitos desses problemas desapareceram porque as pilhas desses componentes estão

21
00:01:29,630 --> 00:01:34,360
‫dentro de um único recipiente e alguém fez todo o trabalho duro para você.

22
00:01:34,370 --> 00:01:37,460
‫Neste caso, vamos realmente usar Jekyll, e como

23
00:01:37,460 --> 00:01:39,560
‫eu mencionei anteriormente, é um SSG.

24
00:01:39,560 --> 00:01:47,780
‫Essas são realmente ferramentas muito básicas que permitem criar markdown, basicamente texto simples.

25
00:01:47,780 --> 00:01:51,530
‫Então, é preciso isso e gera isso em um site HTML.

26
00:01:51,530 --> 00:01:57,200
‫É realmente ótimo para pequenos blogs ou sites simples onde você não quer ter que ser um guru HTML, e

27
00:01:57,500 --> 00:02:00,460
‫você quer apenas escrever algo simples e publicá-lo na web.

28
00:02:00,470 --> 00:02:06,710
‫Isso também é sempre que você vê sites executados pelo GitHub, conhecido como Páginas do GitHub, a Jekyll também é a ferramenta

29
00:02:06,710 --> 00:02:07,700
‫que eles utilizam.

30
00:02:07,700 --> 00:02:12,910
‫Neste caso, você vai pular no diretório de amostra de montagem de ligação, conforme listado aqui no slide.

31
00:02:13,490 --> 00:02:19,220
‫Você vai ver alguns arquivos lá. Você vai editar aqueles com seu editor de

32
00:02:19,220 --> 00:02:24,970
‫escolha, seja o Visual Studio Code, ou Atom, ou Vim, ou Sublime Text ou o que quiser.

33
00:02:25,130 --> 00:02:30,260
‫Vamos ter um contêiner executado em segundo plano, que está executando o Jekyll e observando esses

34
00:02:30,260 --> 00:02:35,510
‫arquivos em seu host e detectando atualizações e, em seguida, atualizando automaticamente o servidor da Web

35
00:02:35,510 --> 00:02:36,560
‫incorporado no contêiner.

36
00:02:36,920 --> 00:02:40,090
‫Para você começar, aqui está o comando que você pode realmente usar.

37
00:02:40,220 --> 00:02:45,560
‫Você deseja saltar para esse diretório de exemplo de montagem de ligação e, em seguida, execute

38
00:02:45,800 --> 00:02:51,730
‫este comando de execução do docker específico, que abrirá seu localhost padrão e, de fato, mapeará esse diretório.

39
00:02:51,740 --> 00:02:59,690
‫Lembre-se, o pwd irá mapear isso no diretório do site dentro do recipiente, que é o que configuramos

40
00:02:59,690 --> 00:03:00,000
‫aqui.

41
00:03:00,010 --> 00:03:04,280
‫Então eu criei você personalizado, o recipiente Jekyll que é realmente fácil de usar e está usando todas

42
00:03:04,280 --> 00:03:05,100
‫as versões mais recentes.

43
00:03:05,120 --> 00:03:11,630
‫Então, o que você deve ver é que você deve poder executar isso, abra seu navegador localhost, veja o site

44
00:03:11,630 --> 00:03:16,910
‫lá com a página web básica. Isso realmente está usando o modelo padrão. Então você vai apenas

45
00:03:16,910 --> 00:03:22,670
‫pular rapidamente no diretório de postagem que está dentro da amostra de montagem vinculada.

46
00:03:22,670 --> 00:03:24,840
‫Você pode realmente vê-lo aqui.

47
00:03:28,370 --> 00:03:29,080
‫Na minha

48
00:03:29,080 --> 00:03:35,000
‫tela, eu realmente tenho no meu código do Visual Studio. Então, esses serão os arquivos dentro desse diretório.

49
00:03:35,000 --> 00:03:40,340
‫Você vai entrar neste arquivo aqui, que é um arquivo de markdown, e

50
00:03:40,580 --> 00:03:48,410
‫está certo se você não é um guru de markdown. Você só precisa mudar algo aqui e, em seguida, pular para o seu navegador e notar

51
00:03:48,410 --> 00:03:52,190
‫como ele é refletido automaticamente como uma atualização, uma vez que você salva o arquivo.

52
00:03:52,250 --> 00:03:57,770
‫Claro, eu recomendo procurar os logs dentro do Docker para ver o que está fazendo, porque ele realmente irá

53
00:03:57,770 --> 00:04:01,610
‫dizer-lhe sempre que um arquivo for alterado e ele for recarregado no servidor.

54
00:04:01,610 --> 00:04:06,800
‫Se você ficar preso ou para isso não faz sentido você, apenas assista meu vídeo de conferências de respostas logo

55
00:04:06,800 --> 00:04:07,230
‫após isso.

56
00:04:07,250 --> 00:04:10,360
‫Eu vou passar por isso e você pode acompanhar se você ficar preso.

57
00:04:10,670 --> 00:04:11,180
‫Boa sorte.