1
00:00:04,970 --> 00:00:10,370
‫DE ACUERDO. Estoy muy entusiasmado con esta tarea para ti porque los montajes de unión pueden ser realmente geniales.

2
00:00:10,490 --> 00:00:17,900
‫Son particularmente geniales para el desarrollo local o las pruebas locales. Porque, como hemos explicado anteriormente, le permitirán editar archivos

3
00:00:18,410 --> 00:00:24,470
‫en su sistema operativo host, y luego se están ejecutando o se están utilizando dentro

4
00:00:24,500 --> 00:00:29,480
‫del contenedor para hacer las cosas de una manera mucho más fácil.

5
00:00:29,480 --> 00:00:34,940
‫En este ejemplo, en realidad vamos a usar algo llamado "Static Site Generator" y

6
00:00:34,940 --> 00:00:36,330
‫esta no es

7
00:00:36,350 --> 00:00:38,690
‫específicamente una asignación de desarrollador web.

8
00:00:38,690 --> 00:00:41,990
‫En realidad, no vamos a hacer mucho más que editar una línea de texto.

9
00:00:41,990 --> 00:00:47,180
‫En realidad, de lo que se trata es de acostumbrarse a la idea de tomar datos

10
00:00:47,180 --> 00:00:53,900
‫de host, que tiene en su equipo host, y luego montarlos en un contenedor, luego cambiarlos en el host y

11
00:00:53,900 --> 00:00:55,440
‫verlos reflejados dentro del contenedor.

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

13
00:00:56,180 --> 00:01:02,480
‫En este caso, este es un ejemplo bastante común. Un desarrollador web tiene código fuente y HTML y todo

14
00:01:02,480 --> 00:01:08,150
‫eso, en su host y normalmente tendrían que descargar todas las herramientas especiales que necesitan en el host,

15
00:01:08,150 --> 00:01:08,720
‫¿verdad?

16
00:01:08,750 --> 00:01:13,310
‫tipo de vigilante de archivos que detecta cambios y reinicia cosas, y todas estas herramientas, ¿no?

17
00:01:13,310 --> 00:01:16,460
‫Necesitaríamos las herramientas de lenguaje de programación, un servidor web, algún

18
00:01:16,460 --> 00:01:21,230
‫Normalmente, eso es algo muy importante para los desarrolladores web es encontrar la manera de hacer que todo funcione en

19
00:01:21,230 --> 00:01:23,570
‫su sistema operativo particular y en todas las versiones correctas.

20
00:01:23,750 --> 00:01:29,630
‫Pero lo bueno está en Docker Hub, por lo que muchos de estos problemas se han ido porque las acumulaciones de esos

21
00:01:29,630 --> 00:01:34,360
‫componentes están todos dentro de un solo contenedor, y alguien ha hecho todo el trabajo duro por ti.

22
00:01:34,370 --> 00:01:37,460
‫En este caso, realmente vamos a usar Jekyll, y

23
00:01:37,460 --> 00:01:39,560
‫como mencioné anteriormente, es un SSG.

24
00:01:39,560 --> 00:01:47,780
‫Esas son realmente herramientas muy básicas que le permiten crear un descuento, que es básicamente texto sin formato.

25
00:01:47,780 --> 00:01:51,530
‫Luego toma eso y lo genera en un sitio web HTML.

26
00:01:51,530 --> 00:01:57,200
‫Es realmente genial para blogs pequeños o sitios web simples donde no quiere tener que ser un gurú HTML, y

27
00:01:57,500 --> 00:02:00,460
‫solo quiere escribir algo simple y publicarlo en la web.

28
00:02:00,470 --> 00:02:06,710
‫Esto es también cada vez que vea sitios ejecutados por GitHub, conocidos como Páginas GitHub, Jekyll es también la

29
00:02:06,710 --> 00:02:07,700
‫herramienta que utilizan.

30
00:02:07,700 --> 00:02:12,910
‫En este caso, saltará al directorio de muestra de montaje de enlace, tal como se muestra aquí en la diapositiva.

31
00:02:13,490 --> 00:02:19,220
‫Vas a ver algunos archivos allí. Vas a editarlos con tu editor de elección,

32
00:02:19,220 --> 00:02:24,970
‫ya sea Visual Studio Code, o Atom, o Vim, o Sublime Text o lo que quieras.

33
00:02:25,130 --> 00:02:30,260
‫Vamos a tener un contenedor ejecutándose en segundo plano que ejecuta Jekyll y ver esos archivos

34
00:02:30,260 --> 00:02:35,510
‫en su host, y detectar actualizaciones, y luego actualizar automáticamente el servidor web que está integrado

35
00:02:35,510 --> 00:02:36,560
‫en el contenedor.

36
00:02:36,920 --> 00:02:40,090
‫Para comenzar, aquí está el comando que realmente puede usar.

37
00:02:40,220 --> 00:02:45,560
‫Desea saltar al directorio de muestra de montaje de enlace y luego ejecutar este comando

38
00:02:45,800 --> 00:02:51,730
‫de ejecución de acoplador particular, que abrirá su servidor local predeterminado y en realidad mapeará ese directorio.

39
00:02:51,740 --> 00:02:59,690
‫Recuerde, el pwd mapeará eso en el directorio del sitio dentro del contenedor, que es lo que hemos configurado

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

41
00:03:00,010 --> 00:03:04,280
‫Luego, he creado un contenedor Jekyll personalizado que es realmente fácil de usar y está utilizando todas las

42
00:03:04,280 --> 00:03:05,100
‫versiones más recientes.

43
00:03:05,120 --> 00:03:11,630
‫Entonces, lo que debería ver es que debería poder ejecutar eso, abrir su navegador localhost, ver el sitio web allí

44
00:03:11,630 --> 00:03:16,910
‫con la página web básica. Eso es en realidad usando la plantilla predeterminada. Luego, saltará rápidamente al

45
00:03:16,910 --> 00:03:22,670
‫directorio de publicación que está dentro de esa muestra de montaje de enlace.

46
00:03:22,670 --> 00:03:24,840
‫Usted realmente puede verlo aquí.

47
00:03:28,370 --> 00:03:29,080
‫En mi pantalla,

48
00:03:29,080 --> 00:03:35,000
‫en realidad lo tengo en mi código de Visual Studio. Entonces estos serán los archivos dentro de ese directorio.

49
00:03:35,000 --> 00:03:40,340
‫Simplemente ingrese en este archivo aquí, que es un archivo de rebajas, y

50
00:03:40,580 --> 00:03:48,410
‫está bien si no es un gurú de rebajas. Solo necesita cambiar algo aquí, y luego saltar a su navegador web y observar

51
00:03:48,410 --> 00:03:52,190
‫cómo se refleja automáticamente como una actualización una vez que guarde el archivo.

52
00:03:52,250 --> 00:03:57,770
‫Por supuesto, le recomiendo mirar los registros dentro de Docker para ver qué está haciendo, porque realmente le dirá

53
00:03:57,770 --> 00:04:01,610
‫cada vez que se cambie un archivo y se vuelva a cargar el servidor.

54
00:04:01,610 --> 00:04:06,800
‫Si te quedas atascado o si esto no tiene sentido, simplemente mira mi video de la conferencia de respuestas justo después

55
00:04:06,800 --> 00:04:07,230
‫de esto.

56
00:04:07,250 --> 00:04:10,360
‫Voy a revisar esto y puedes seguir si te quedas atascado.

57
00:04:10,670 --> 00:04:11,180
‫Buena suerte.