1
00:00:04,970 --> 00:00:10,370
‫OKE. Ik ben super enthousiast over deze opdracht voor jou, want bind mounts kunnen echt gaaf zijn.

2
00:00:10,490 --> 00:00:17,900
‫Ze zijn vooral cool voor lokale ontwikkeling of lokale tests. Omdat, zoals we eerder hebben uitgelegd, je hiermee

3
00:00:18,410 --> 00:00:24,470
‫bestanden op je hostbesturingssysteem kunt bewerken, en dan worden ze daadwerkelijk uitgevoerd of gebruikt

4
00:00:24,500 --> 00:00:29,480
‫in de container om dingen op een veel eenvoudigere manier te doen.

5
00:00:29,480 --> 00:00:34,940
‫In dit voorbeeld gaan we eigenlijk iets gebruiken dat een "Static Site Generator" wordt genoemd

6
00:00:34,940 --> 00:00:36,330
‫en dit is

7
00:00:36,350 --> 00:00:38,690
‫niet specifiek een opdracht voor webontwikkelaars.

8
00:00:38,690 --> 00:00:41,990
‫We gaan eigenlijk niet veel anders doen dan een regel tekst bewerken.

9
00:00:41,990 --> 00:00:47,180
‫Waar dit echt over gaat, is wennen aan het idee om hostgegevens, die je op je hostmachine

10
00:00:47,180 --> 00:00:53,900
‫hebt, te nemen en dat vervolgens in een container te monteren, het vervolgens op de host te veranderen en te kijken hoe het

11
00:00:53,900 --> 00:00:55,440
‫wordt weerspiegeld in de container.

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

13
00:00:56,180 --> 00:01:02,480
‫In dit geval is dit een vrij algemeen voorbeeld. Een webontwikkelaar heeft broncode en HTML en dat alles op

14
00:01:02,480 --> 00:01:08,150
‫zijn host en normaal gesproken zouden ze alle speciale tools die ze nodig hebben op de host moeten downloaden,

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

16
00:01:08,750 --> 00:01:13,310
‫We zouden de programmeertaaltools nodig hebben, een webserver, een soort bestandswachter die veranderingen detecteert

17
00:01:13,310 --> 00:01:16,460
‫en dingen opnieuw opstart, en al deze tools, toch?

18
00:01:16,460 --> 00:01:21,230
‫Dat is normaal gesproken belangrijk voor webontwikkelaars om erachter te komen hoe ze dat allemaal kunnen laten werken

19
00:01:21,230 --> 00:01:23,570
‫op hun specifieke besturingssysteem en de juiste versies.

20
00:01:23,750 --> 00:01:29,630
‫Maar het leuke is in Docker Hub, zoveel van deze problemen zijn verdwenen omdat de stapels van die componenten zich

21
00:01:29,630 --> 00:01:34,360
‫allemaal in een enkele container bevinden en iemand al het harde werk voor je heeft gedaan.

22
00:01:34,370 --> 00:01:37,460
‫In dit geval gaan we Jekyll gebruiken, en zoals ik al

23
00:01:37,460 --> 00:01:39,560
‫eerder zei, het is een SSG.

24
00:01:39,560 --> 00:01:47,780
‫Dat zijn echt heel basishulpmiddelen waarmee je markdown kunt maken, wat in feite platte tekst is.

25
00:01:47,780 --> 00:01:51,530
‫Dan neemt het die en genereert het in een HTML-website.

26
00:01:51,530 --> 00:01:57,200
‫Het is echt geweldig voor kleine blogs of eenvoudige websites waar je geen HTML-goeroe wilt zijn, en je gewoon iets

27
00:01:57,500 --> 00:02:00,460
‫eenvoudigs wilt schrijven en op het web wilt plaatsen.

28
00:02:00,470 --> 00:02:06,710
‫Dit is ook wanneer je sites ziet die worden beheerd door GitHub, bekend als GitHub Pages, Jekyll ook de tool is

29
00:02:06,710 --> 00:02:07,700
‫die ze gebruiken.

30
00:02:07,700 --> 00:02:12,910
‫In dit geval spring je naar de bind-mount-voorbeeldmap, zoals hier op de dia wordt vermeld.

31
00:02:13,490 --> 00:02:19,220
‫Je zult daar wat bestanden zien. Je gaat die bewerken met je editor naar keuze,

32
00:02:19,220 --> 00:02:24,970
‫of het nu Visual Studio Code is, of Atom, of Vim, of Sublime Text of wat je maar wilt.

33
00:02:25,130 --> 00:02:30,260
‫We gaan een container op de achtergrond laten draaien die Jekyll draait en die bestanden

34
00:02:30,260 --> 00:02:35,510
‫op je host bekijkt, en updates detecteert, en dan automatisch de webserver bijwerkt die in de

35
00:02:35,510 --> 00:02:36,560
‫container is ingebouwd.

36
00:02:36,920 --> 00:02:40,090
‫Om u op weg te helpen, volgt hier de opdracht die u daadwerkelijk kunt gebruiken.

37
00:02:40,220 --> 00:02:45,560
‫U wilt naar die bind-mount-voorbeeldmap springen en vervolgens dit specifieke docker-run-commando

38
00:02:45,800 --> 00:02:51,730
‫uitvoeren, dat uw standaard localhost opent en die map daadwerkelijk in kaart brengt.

39
00:02:51,740 --> 00:03:00,000
‫Onthoud dat de pwd dat zal toewijzen aan de sitedirectory in de container, wat we hier hebben ingesteld.

40
00:03:00,010 --> 00:03:04,280
‫Dan heb ik een aangepaste Jekyll-container voor je gemaakt die heel gemakkelijk te gebruiken is en de

41
00:03:04,280 --> 00:03:05,100
‫nieuwste versies gebruikt.

42
00:03:05,120 --> 00:03:11,630
‫Dus wat je zou moeten zien, is dat je dat zou moeten kunnen uitvoeren, je browser localhost moet openen, de website daar

43
00:03:11,630 --> 00:03:16,910
‫moet zien met de basiswebpagina. Dat is eigenlijk het gebruik van de standaardsjabloon. Dan ga je

44
00:03:16,910 --> 00:03:22,670
‫gewoon snel naar de post-directory die zich in dat bind-mount-voorbeeld bevindt.

45
00:03:22,670 --> 00:03:24,840
‫Je kunt het hier echt zien.

46
00:03:28,370 --> 00:03:29,080
‫Op mijn

47
00:03:29,080 --> 00:03:35,000
‫scherm heb ik het eigenlijk in mijn Visual Studio-code. Dit zijn dus de bestanden in die map.

48
00:03:35,000 --> 00:03:40,340
‫Je gaat hier gewoon naar dit bestand, dat een afwaarderingsbestand is, en

49
00:03:40,580 --> 00:03:48,410
‫het is oké als je geen afwaarderingsgoeroe bent. Je hoeft hier alleen maar iets te veranderen en dan naar je webbrowser te gaan en

50
00:03:48,410 --> 00:03:52,190
‫te zien hoe het automatisch wordt weergegeven als een update zodra je het bestand opslaat.

51
00:03:52,250 --> 00:03:57,770
‫Natuurlijk raad ik je ten zeerste aan om de logs in Docker te bekijken om te zien wat het doet, omdat het je

52
00:03:57,770 --> 00:04:01,610
‫elke keer zal vertellen wanneer een bestand wordt gewijzigd en de server opnieuw wordt geladen.

53
00:04:01,610 --> 00:04:06,800
‫Als je vastloopt of je hier geen zin in hebt, bekijk dan gewoon mijn antwoorden-collegevideo direct

54
00:04:06,800 --> 00:04:07,230
‫hierna.

55
00:04:07,250 --> 00:04:10,360
‫Ik ga dit doornemen en je kunt volgen als je vastloopt.

56
00:04:10,670 --> 00:04:11,180
‫Veel geluk.