1
00:00:01,410 --> 00:00:02,270
Welkom terug.

2
00:00:02,520 --> 00:00:07,520
Dus deze video gaat functioneren als een soort spoedcursus in hoe het internet werkt.

3
00:00:07,530 --> 00:00:23,180
Voor iemand die wil een ontwikkelaar te zijn dus het is bedoeld om u te nemen van fervent internet gebruiker als ik, die misschien niet veel over hoe het internet werkt begrijpen, omdat je niet hoeft om naar iemand die nog steeds gebruik maakt van het internet de hele tijd maar begrijpt een beetje over hoe het werkt op een hoog niveau.

4
00:00:23,220 --> 00:00:35,030
Het is misschien verrassend, maar de ontwikkelaars echt niet nodig om te weten dat het zeer lage niveau Nitty Gritty over de verschillende data protocollen en hoe ze werken in deze TCAP IP-stack in de dingen die je kunt horen die zeer intimiderend.

5
00:00:35,190 --> 00:00:42,450
Dat is een hele discipline er hele college majors en cursussen gewijd aan hoe het internet werkt op een laag niveau.

6
00:00:42,690 --> 00:00:49,940
Als ontwikkelaar dingen weg zijn geabstraheerd, zodat we hoeven alleen de basis beter te begrijpen dan de typische gebruiker van het internet.

7
00:00:50,070 --> 00:00:55,590
Maar we hoeven niet te experts op al deze zeer intimiderend Nitty Gritty spul.

8
00:00:55,590 --> 00:00:57,250
Dus paar dingen die we willen doen hier.

9
00:00:57,420 --> 00:01:00,150
We willen begrijpen op een hoog niveau hoe het internet werkt.

10
00:01:00,270 --> 00:01:05,340
Dingen als HGP IP domeinnamen u elsewhat zijn al die.

11
00:01:05,340 --> 00:01:06,550
Hoe werken ze samen te werken.

12
00:01:06,780 --> 00:01:09,920
We willen het verschil tussen de front-end en back-end element te begrijpen.

13
00:01:10,170 --> 00:01:12,540
Ook volledige stack waar komt die passen in.

14
00:01:12,570 --> 00:01:16,420
En dan willen we ook in staat zijn om het H Tim L te bekijken op een website.

15
00:01:17,220 --> 00:01:20,340
Dus het eerste wat ik hier wil doen is eigenlijk kijken naar een video.

16
00:01:20,550 --> 00:01:22,080
Dus de link is in de dia.

17
00:01:22,140 --> 00:01:25,900
Het is ook in de beschrijving van deze video te gaan om verder te gaan en open het.

18
00:01:26,040 --> 00:01:28,430
Voel je vrij om het te bekijken op uw eigen.

19
00:01:28,440 --> 00:01:43,470
Ik ga om hem te bekijken in deze video en net pauze het een paar momenten en markeer een paar belangrijke stukken.

20
00:01:43,620 --> 00:01:53,210
Heb je je ooit afgevraagd wat er gebeurt als iemand in Engeland bezoekt eerst het World Science Festival webpagina.

21
00:01:53,220 --> 00:01:58,470
Hun computer nodig heeft om de World Science Festival server vragen om een ​​kopie van die webpagina.

22
00:01:58,710 --> 00:02:22,130
De computer sticks dit verzoek in een virtuele enveloppe riep een pakket omwikkeld met specifieke informatie over dat verzoek waaronder 's werelds wetenschap festivals IP-adres van de computer stuurt dit pakket uit het huis en onder de straat door middel van een grote ondergrondse koperdraden het door kleine regionale passeert netwerken voor het beëindigen hier op Telehouse het noorden in Londen.

23
00:02:22,440 --> 00:02:25,700
Telehouse noorden is Engeland de belangrijkste Internet hub.

24
00:02:25,740 --> 00:02:36,120
Het IP-adres op dit pakket vertelt de naaf die de wereld festival wetenschap server is eigenlijk in Lausanne en het eerste wat ik wil gewoon benadrukken daar de gebruiker in dit geval ging naar een website.

25
00:02:36,180 --> 00:02:44,680
World Science Festival website of typ deze in en vervolgens druk op enter en dit alles gebeurt voordat de gebruiker iets ziet.

26
00:02:44,760 --> 00:02:49,210
Het idee is dat een gebruiker vraagt ​​om een ​​website of het verzoek.

27
00:02:49,260 --> 00:02:52,140
En dat is wat het heet het is een H TTP aanvraag.

28
00:02:52,170 --> 00:03:07,040
Dus toen ik opende deze video YouTube dot com slash dit je weet wanneer ik druk op Enter ik vraag voor de inhoud van deze pagina en dat heeft de hele weg ergens naar YouTube en ze hebben het allemaal de weg terug te sturen naar me.

29
00:03:07,050 --> 00:03:11,030
Tot nu toe zijn we nog net het verzoek op de juiste plaats.

30
00:03:11,430 --> 00:03:18,620
Dus Telehouse Noord stuurt het pakket uit is als aan de overkant van de Atlantische Oceaan via glasvezelkabels diep begraven onder de oceaan.

31
00:03:18,780 --> 00:03:26,310
Het pakket eindigt hier 60 Hudson Street New York City de grootste Internet hub op de East Coast.

32
00:03:26,760 --> 00:03:34,760
Deze hub stuurt het pakket door middel van een reeks regionale netwerken verbinden van New York naar Los Angeles, waar de World Science Festival server zich bevindt.

33
00:03:35,220 --> 00:03:39,570
De server leest het verzoek en maakt zich klaar om de webpagina in het Engels te sturen.

34
00:03:40,260 --> 00:03:46,170
Maar webpagina is opgebouwd uit beelden en tekst te groot is om als één pakket data.

35
00:03:46,170 --> 00:03:49,440
Dus hoe krijgen we het terug naar Engeland.

36
00:03:49,440 --> 00:03:50,380
Stel je voor dat.

37
00:03:50,450 --> 00:03:57,650
Dus op dit punt het verzoek maakte het allemaal de weg naar de juiste server en het is te horen dat ik ben op zoek naar deze pagina.

38
00:03:57,810 --> 00:04:10,850
En nu is alles op de terugreis gaan van de server helemaal terug naar de computer die gevraagd voor deze specifieke pagina groep van 5000 toeristen een bezoek aan New York City in één gigantische tour bus.

39
00:04:10,950 --> 00:04:15,730
Ze zijn weg omhoog in Harlem, maar ze willen het Vrijheidsbeeld bezoeken voordat het sluit.

40
00:04:15,840 --> 00:04:18,560
Maar het is spitsuur op een vrijdag.

41
00:04:18,580 --> 00:04:23,490
Er is geen manier dat gigantische bus gaat om door die gekke overvolle straten.

42
00:04:23,580 --> 00:04:28,260
Dus ze besluiten om uit de bus en verspreid enkele neem de metro.

43
00:04:28,260 --> 00:04:34,480
Sommigen nemen taxi's een paar fietsen huren en sommige kajaks zelfs naar beneden de rivier de Hudson.

44
00:04:34,650 --> 00:04:39,890
Hoe ze daar niet, zolang ze er op tijd uit.

45
00:04:39,930 --> 00:04:42,740
Zo ook voor het internet om efficiënt te werken.

46
00:04:42,780 --> 00:05:01,350
Deze webpagina's verpulverd tot duizenden kleine pakketten van gegevens ieder pijnigde met alle informatie die nodig heeft om zich weer op te bouwen in het de kinderen naar LA één worden verzonden zal hub waar het verkeer rapport controleert ervoor dat voordat u ze op door middel van mijlen en mijlen van land.

47
00:05:01,350 --> 00:05:11,630
Ze reizen inchecken via verschillende hubs zoals zijn New York City toeristen die pakketjes niet schelen hoe ze daar komen, zolang ze er zo snel mogelijk.

48
00:05:12,040 --> 00:05:20,640
De meesten van hen gaan door 60 Hudson in New York, waar ze terug naar Engeland worden omgeleid is als het berijden van een vezel van een bril dik als een zilveren dollar.

49
00:05:20,800 --> 00:05:27,000
Dan terug op koperdraad via regionale Britse netwerken in alle pakketten bereikten hun bestemming.

50
00:05:27,010 --> 00:05:47,850
En en deze epische tocht het allemaal gebeurt in ongeveer een seconde, samen met triljoenen op triljoenen soortgelijke ritten die elke dag gebeuren op deze opmerkelijke makkelijk mee te nemen voor lief netwerk van netwerken we het internet noemen.

51
00:05:48,070 --> 00:05:50,180
Dus hopelijk je vond de video fascinerend.

52
00:05:50,200 --> 00:05:55,300
Het waait zeker mijn gedachten zelfs je iemand kent die dit veel doet en die veel gebruik maakt van het internet.

53
00:05:55,300 --> 00:05:57,360
Maakt websites maakt applicaties.

54
00:05:57,370 --> 00:06:05,320
Het is nog steeds zo geweldig het proces dat gebeurt achter de schermen voor elke pagina die wordt geladen gewoon herhalen.

55
00:06:05,320 --> 00:06:11,950
Laten we dit voorbeeld van als ik naar dit u hier in de buurt en we dot com slash cursussen en ik druk op enter.

56
00:06:12,010 --> 00:06:19,810
Herinner me dat ik ben gevraagd voor iets en ik krijg iets terug en iets aanvragen en de server reageert.

57
00:06:19,810 --> 00:06:21,660
En er is een heleboel dingen dat gebeurt in tussen.

58
00:06:21,670 --> 00:06:24,900
Maar dat is het kernbegrip.

59
00:06:24,940 --> 00:06:31,290
Dus de eerste stap die gebeurt en eigenlijk voordat ik daar beginnen wil ik u laten weten dat dit is niet iets wat je moet onthouden.

60
00:06:31,300 --> 00:06:35,740
Dit is puur conceptueel spul dat is leuk om te weten, maar je kunt altijd terugkomen.

61
00:06:35,740 --> 00:06:36,680
U kunt deze opzoeken.

62
00:06:36,700 --> 00:06:38,400
U kunt kijken naar deze video op.

63
00:06:38,410 --> 00:06:49,530
Het enige wat ik echt wil dat je te onthouden en vertrouwen in zijn is dit idee van verzoeken en antwoorden te vragen voor data en een server geeft u die gegevens en start de browser weer te geven.

64
00:06:49,720 --> 00:07:00,520
Dus deze stap hier toen ik naar u of ik druk op enter het eerste wat er gebeurt is mijn computer moet weten het exacte adres om een ​​verzoek te sturen.

65
00:07:00,520 --> 00:07:04,750
Dat is net als wanneer je een brief die u nodig hebt om een ​​uniek adres hebben sturen.

66
00:07:04,750 --> 00:07:07,200
Geen huis heeft hetzelfde adres als een ander huis.

67
00:07:07,240 --> 00:07:11,600
Ze kunnen er hetzelfde uitzien, maar ze zijn in een andere stad of verschillende andere postcode of ander land.

68
00:07:11,620 --> 00:07:12,460
Ze uniek.

69
00:07:12,550 --> 00:07:17,290
Dus moeten we dat adres, zodat ons verzoek gaat naar de juiste plaats.

70
00:07:17,290 --> 00:07:20,270
Dus de Sinko DNS duurt dat domeinnaam.

71
00:07:20,310 --> 00:07:26,410
Je doet resultaat nodig en dat vertaalt deze in dit IP-adres is een reeks getallen en punten.

72
00:07:26,420 --> 00:07:28,560
Dit is een unieke identifier.

73
00:07:29,050 --> 00:07:34,270
Zodra we dat toen we eigenlijk een brief aan toen we eigenlijk het verzoek te sturen.

74
00:07:34,270 --> 00:07:43,860
Dus in dit geval, toen ik druk op enter ik uitzoeken waar mijn computer computers uitzoeken wat betekent dat voor mij Dotcom het IP-adres.

75
00:07:44,230 --> 00:07:44,700
OK.

76
00:07:44,740 --> 00:07:50,370
We hebben het IP-adres, maar nu hebben verzocht te pagina van de cursus sturen.

77
00:07:50,530 --> 00:07:56,130
Dus maken we een verzoek met een HTP verzoek zullen we veel meer over wat dat is en hoe ze eruit zien praten.

78
00:07:56,230 --> 00:07:59,260
En vergeet niet het is niet alleen een enkele direct schot daar.

79
00:07:59,290 --> 00:08:05,640
In principe is het verzoek stuitert rond van server naar server tot we bij de server die we zoeken.

80
00:08:06,370 --> 00:08:21,640
Dus toen we naar de server het eerste deel is dat de server gaat om erachter te komen wat ik vragen voor en mijn vragen voor de home page Ik ben gevraagd voor Slash cursussen pagina we vragen voor het aanmelden pagina geworden een instructeur pagina.

81
00:08:21,670 --> 00:08:26,140
Er zijn allerlei verschillende stukken hier die ik kon vragen om en ze zijn allemaal verschillend.

82
00:08:26,140 --> 00:08:30,500
Dus de service taak is om erachter te komen wat terug te sturen.

83
00:08:30,610 --> 00:08:35,950
Toen we terug doen in de ontwikkeling die zal uw baan uitzoeken welke inhoud terug te sturen.

84
00:08:35,950 --> 00:08:44,540
Dus dan is de server in wisselwerking vaak met de database die trekt uit informatie en het maakt de combinatie van elk team l javascript en C S S.

85
00:08:44,560 --> 00:08:51,800
Dus dan antwoordt onze ober terug stuurt ons deze combinatie van elk team s en Javascript het is een stelletje van de code.

86
00:08:51,820 --> 00:08:55,450
Het is niet erg leesbaar voor de mens in onze browser stappen in.

87
00:08:55,450 --> 00:09:02,910
En het blijkt het in dit het is de hele klus onze browser draait die informatie en het maakt het gemakkelijk te begrijpen voor de mens.

88
00:09:03,340 --> 00:09:06,210
Dus dit proces gebeurt op elke pagina van het is.

89
00:09:06,310 --> 00:09:11,260
En je kunt eigenlijk zien de onderliggende H.M.S. beoordelen op een pagina en Javascript.

90
00:09:11,290 --> 00:09:14,390
Dus er is een paar manieren om het te doen in Chrome.

91
00:09:14,500 --> 00:09:16,570
En dit is waarom we allemaal met behulp van Chrome.

92
00:09:16,570 --> 00:09:17,530
Je kunt gaan.

93
00:09:17,680 --> 00:09:19,800
Laten we naar deze pagina hier.

94
00:09:20,470 --> 00:09:32,680
Ik kan klik met de rechtermuisknop en klik op bekijken de bron en het opent een nieuw venster dat eigenlijk alle H.M.S. bevat s s en javascript, dat is de onderliggende bron voor deze pagina.

95
00:09:32,710 --> 00:09:36,520
Hetzelfde op YouTube rechts klikken bekijken bron.

96
00:09:36,520 --> 00:09:38,570
En dit is dus op elke locatie.

97
00:09:38,740 --> 00:09:40,430
Dus er is geen manier om dit te verbergen.

98
00:09:40,480 --> 00:09:42,490
De hele Java de browser neemt dit.

99
00:09:42,490 --> 00:09:45,520
En hij maakte er dit.

100
00:09:45,520 --> 00:09:47,950
Dus browsers zijn zeker ingewikkelde dingen.

101
00:09:47,950 --> 00:09:50,800
Het goede is dat je niet hoeft te weten hoe dat werkt de browser.

102
00:09:50,800 --> 00:09:52,150
Dat is het hele druppel haar browser.

103
00:09:52,150 --> 00:09:54,870
Het duurt die code en het blijkt het in dit.

104
00:09:54,880 --> 00:09:56,390
Dus een andere manier kunt u het doen.

105
00:09:56,500 --> 00:10:03,030
Er is een snelkoppeling in Chrome u een opdracht optie weergave op een pc kan doen.