1
00:00:01,410 --> 00:00:02,270
Ben tornato.

2
00:00:02,520 --> 00:00:07,520
Quindi questo video funzionerà come una sorta di corso accelerato su come funziona Internet.

3
00:00:07,530 --> 00:00:13,410
Per qualcuno che vuole diventare uno sviluppatore, è pensato per portarti da un utente avido di Internet come me,

4
00:00:13,410 --> 00:00:18,240
che forse non capisce molto su come funziona Internet perché non devi farlo a qualcuno che

5
00:00:18,240 --> 00:00:22,980
usa sempre Internet per tutto il tempo ma capisce un po 'come funziona ad alto livello.

6
00:00:23,220 --> 00:00:27,960
Potrebbe essere sorprendente, ma gli sviluppatori non hanno davvero bisogno di sapere che il livello molto

7
00:00:27,960 --> 00:00:33,810
basso di molti protocolli di dati e il loro funzionamento in questo stack IP TCAP in cose che potresti

8
00:00:33,810 --> 00:00:35,030
sentire sono molto intimidatorie.

9
00:00:35,190 --> 00:00:41,130
Questa è un'intera disciplina, ci sono interi maestri del college e corsi dedicati a come Internet funziona

10
00:00:41,130 --> 00:00:42,450
a un livello basso.

11
00:00:42,690 --> 00:00:48,420
Come sviluppatore, le cose sono astratte in modo tale che abbiamo solo bisogno di capire le basi più del

12
00:00:48,420 --> 00:00:49,940
tuo tipico utente di Internet.

13
00:00:50,070 --> 00:00:55,590
Ma non dobbiamo essere esperti in tutto questo roba così intimidatorio e grintoso.

14
00:00:55,590 --> 00:00:57,250
Quindi poche cose che vogliamo fare qui.

15
00:00:57,420 --> 00:01:00,150
Vogliamo capire ad alto livello come funziona Internet.

16
00:01:00,270 --> 00:01:05,340
Cose come i nomi di dominio IP HGP che sei un po 'sono tutte quelle.

17
00:01:05,340 --> 00:01:06,550
Come lavorano insieme.

18
00:01:06,780 --> 00:01:09,920
Vogliamo capire la differenza tra front end e back end element.

19
00:01:10,170 --> 00:01:12,540
Anche lo stack completo in cui si inserisce.

20
00:01:12,570 --> 00:01:16,420
E poi vogliamo anche essere in grado di visualizzare l'H Tim L su qualsiasi sito web.

21
00:01:17,220 --> 00:01:20,340
Quindi la prima cosa che voglio fare qui è guardare un video.

22
00:01:20,550 --> 00:01:22,080
Quindi il link è nella diapositiva.

23
00:01:22,140 --> 00:01:25,900
È anche nella descrizione di questo video che andrà avanti e aprirlo.

24
00:01:26,040 --> 00:01:28,430
Sentiti libero di guardarlo da solo.

25
00:01:28,440 --> 00:01:33,270
Lo guarderò in questo video e lo interromperò solo pochi istanti, evidenziando alcuni pezzi importanti.

26
00:01:43,620 --> 00:01:48,960
Ti sei mai chiesto cosa succede quando qualcuno in Inghilterra visita prima la pagina web del

27
00:01:52,170 --> 00:01:53,210
World Science Festival.

28
00:01:53,220 --> 00:01:58,470
Il loro computer ha bisogno di chiedere al server World Science Festival una copia di quella pagina web.

29
00:01:58,710 --> 00:02:04,830
Il computer infila questa richiesta in una busta virtuale denominata pacchetto avvolto con informazioni specifiche

30
00:02:04,830 --> 00:02:12,150
su tale richiesta, inclusi i festivals scientifici mondiali indirizzo IP, il computer invia questo pacchetto fuori dalla casa

31
00:02:12,180 --> 00:02:18,450
e sotto la strada tramite un grande filo di rame sotterraneo che passa attraverso piccoli reti

32
00:02:18,450 --> 00:02:22,130
prima di finire qui a Telehouse a nord di Londra.

33
00:02:22,440 --> 00:02:25,700
Telehouse North è il principale snodo Internet dell'Inghilterra.

34
00:02:25,740 --> 00:02:31,220
L'indirizzo IP su questo pacchetto dice all'hub che il server del World Science Festival è effettivamente a Losanna e la

35
00:02:31,250 --> 00:02:36,120
prima cosa che voglio sottolineare è che l'utente in questo caso è andato su un sito Web.

36
00:02:36,180 --> 00:02:43,140
Sito Web del World Science Festival o digita il testo in e poi premi invio e tutto sta accadendo prima

37
00:02:43,140 --> 00:02:44,680
che l'utente veda qualcosa.

38
00:02:44,760 --> 00:02:49,210
L'idea è che un utente stia chiedendo un sito web o lo richieda.

39
00:02:49,260 --> 00:02:52,140
Ed è quello che si chiama è una richiesta TTP H.

40
00:02:52,170 --> 00:02:59,460
questa pagina e che deve arrivare fino a YouTube da qualche parte e devono rimandarlo indietro fino a me.

41
00:02:59,460 --> 00:03:05,640
Così, quando ho aperto questo video, YouTube dot com la tagliò, saprai che quando toccherò Invio,

42
00:03:05,640 --> 00:03:07,040
chiedo il contenuto di

43
00:03:07,050 --> 00:03:11,030
Quindi finora abbiamo appena ricevuto la richiesta nel posto giusto.

44
00:03:11,430 --> 00:03:17,370
Quindi Telehouse North invia il pacchetto è come attraverso l'Atlantico attraverso cavi in ​​fibra ottica sepolti in

45
00:03:17,370 --> 00:03:18,620
profondità sotto l'oceano.

46
00:03:18,780 --> 00:03:26,310
Il pacchetto finisce qui 60 Hudson Street New York City il più grande hub di Internet sulla costa orientale.

47
00:03:26,760 --> 00:03:32,010
Questo hub invia il pacchetto attraverso una serie di reti regionali che collegano New York a Los

48
00:03:32,010 --> 00:03:34,760
Angeles, dove risiede il server del World Science Festival.

49
00:03:35,220 --> 00:03:39,570
Il server legge la richiesta e si prepara a inviare la pagina Web in inglese.

50
00:03:40,260 --> 00:03:46,170
Ma la pagina web è composta da immagini e il testo è troppo grande per essere inviato come un unico pacchetto di dati.

51
00:03:46,170 --> 00:03:49,440
Quindi, come riportarlo in Inghilterra.

52
00:03:49,440 --> 00:03:50,380
Immaginalo.

53
00:03:50,450 --> 00:03:56,670
Quindi a questo punto la richiesta è arrivata fino al server corretto e mi viene detto che sto

54
00:03:56,670 --> 00:03:57,650
cercando questa pagina.

55
00:03:57,810 --> 00:04:02,880
tutto è sul viaggio di ritorno che va dal server fino al computer che

56
00:04:02,940 --> 00:04:09,630
ha richiesto questo specifico gruppo di 5000 turisti che visitano New York in un unico gigantesco bus turistico.

57
00:04:09,630 --> 00:04:10,850
E così ora

58
00:04:10,950 --> 00:04:15,730
Sono in salita ad Harlem ma vogliono visitare la Statua della Libertà prima che si chiuda.

59
00:04:15,840 --> 00:04:18,560
Ma è l'ora di punta del venerdì.

60
00:04:18,580 --> 00:04:23,490
Non c'è modo che l'autobus gigante si adatti a queste folle strade congestionate.

61
00:04:23,580 --> 00:04:28,260
Così decidono di scendere dall'autobus e sparsi su alcuni prendere la metropolitana.

62
00:04:28,260 --> 00:04:34,480
Alcuni prendono un paio di biciclette a noleggio e alcuni addirittura portano i kayak lungo il fiume Hudson.

63
00:04:34,650 --> 00:04:39,890
Il modo in cui arrivano non importa finché arrivano in tempo.

64
00:04:39,930 --> 00:04:42,740
Allo stesso modo, Internet funziona in modo efficiente.

65
00:04:42,780 --> 00:04:49,410
Queste pagine web si sono polverizzate in migliaia di piccoli pacchetti di dati, ognuno dei quali è stato caricato con tutte le informazioni

66
00:04:49,410 --> 00:04:57,280
che devono essere ricostruite nei bambini inviati a L. UN. uno sarà sicuro hub che controlla il

67
00:04:57,280 --> 00:05:01,350
rapporto sul traffico prima di inviarli attraverso miglia e miglia di terra.

68
00:05:01,350 --> 00:05:07,270
Viaggiano effettuando il check-in attraverso diversi hub come i turisti di New York City a quei

69
00:05:07,270 --> 00:05:11,630
pacchetti non importa come arrivano finchè arrivano il più velocemente possibile.

70
00:05:12,040 --> 00:05:17,080
La maggior parte di loro passerà attraverso 60 Hudson a New York, dove sono reindirizzati in Inghilterra, è

71
00:05:17,530 --> 00:05:20,640
come cavalcare una fibra di occhiali spessa come un dollaro d'argento.

72
00:05:20,800 --> 00:05:26,960
Poi di nuovo sul filo di rame attraverso le reti regionali britanniche in tutti i pacchetti hanno raggiunto la loro destinazione.

73
00:05:27,010 --> 00:05:37,000
E questo epico viaggio avviene in un secondo, insieme a migliaia di miliardi di migliaia

74
00:05:37,000 --> 00:05:44,020
di viaggi simili che accadono ogni giorno su questa straordinaria

75
00:05:44,020 --> 00:05:47,850
rete di reti che chiamiamo Internet.

76
00:05:48,070 --> 00:05:50,180
Quindi spero tu abbia trovato il video affascinante.

77
00:05:50,200 --> 00:05:55,250
Sicuramente mi spazza la testa anche se conosci qualcuno che fa tanto e che usa molto Internet.

78
00:05:55,300 --> 00:05:57,360
Rende i siti Web rende le applicazioni.

79
00:05:57,370 --> 00:06:02,950
È ancora così sorprendente il processo che avviene dietro le quinte solo per ogni singola pagina che

80
00:06:04,150 --> 00:06:05,320
carica appena reiterare.

81
00:06:05,320 --> 00:06:10,720
Prendiamo questo esempio di quando ci vado da queste parti qui e abbiamo dei corsi con la barra dei

82
00:06:10,720 --> 00:06:11,950
punti e colpisco invio.

83
00:06:12,010 --> 00:06:18,220
Ricorda che sto chiedendo qualcosa e sto recuperando qualcosa e richiedendo qualcosa e il

84
00:06:18,220 --> 00:06:19,810
server sta rispondendo.

85
00:06:19,810 --> 00:06:21,660
E c'è un sacco di cose che accadono in mezzo.

86
00:06:21,670 --> 00:06:24,900
Ma questo è il concetto principale.

87
00:06:24,940 --> 00:06:29,680
Quindi, il primo passo che succede e in realtà prima di iniziare lì voglio farti sapere che questo

88
00:06:29,680 --> 00:06:31,290
non è qualcosa che devi memorizzare.

89
00:06:31,300 --> 00:06:35,740
Si tratta di cose puramente concettuali che è bello sapere ma puoi sempre tornare indietro.

90
00:06:35,740 --> 00:06:36,680
Puoi cercare questo.

91
00:06:36,700 --> 00:06:38,400
Puoi guardare questo video.

92
00:06:38,410 --> 00:06:44,320
L'unica cosa che voglio davvero che tu memorizzi e di essere sicuro di te è questa idea di richieste e risposte

93
00:06:44,620 --> 00:06:49,530
che richiedono dati e un server che ti fornisce quei dati e poi il browser che li visualizza.

94
00:06:49,720 --> 00:06:56,620
Quindi questo passaggio qui quando vado da te o premo invio la prima cosa che succede è che il mio

95
00:06:56,620 --> 00:07:00,520
computer ha bisogno di sapere l'esatto indirizzo per inviare una richiesta a.

96
00:07:00,520 --> 00:07:04,750
Che è proprio come quando si invia una lettera è necessario avere un indirizzo univoco.

97
00:07:04,750 --> 00:07:07,200
Nessuna casa ha lo stesso indirizzo di un'altra casa.

98
00:07:07,240 --> 00:07:10,840
Potrebbero sembrare uguali ma si trovano in una città diversa o in un altro codice postale diverso o

99
00:07:10,840 --> 00:07:11,600
in un paese diverso.

100
00:07:11,620 --> 00:07:12,460
Sono unici.

101
00:07:12,550 --> 00:07:17,290
Quindi abbiamo bisogno di quell'indirizzo in modo che la nostra richiesta vada nel posto giusto.

102
00:07:17,290 --> 00:07:20,270
Quindi il DNS Sinko prende quel nome di dominio.

103
00:07:20,310 --> 00:07:25,840
Hai bisogno di risultato e lo traduce in questo indirizzo IP che è una stringa di numeri e punti.

104
00:07:26,420 --> 00:07:28,560
Questo è un identificatore univoco.

105
00:07:29,050 --> 00:07:34,270
Una volta ottenuto ciò, inviamo effettivamente una lettera a quando effettivamente effettuiamo la richiesta.

106
00:07:34,270 --> 00:07:40,700
Quindi, in questo caso, quando premo Invio, capisco dove i miei computer capiscono cosa

107
00:07:40,880 --> 00:07:43,860
significa per me l'indirizzo IP di Dotcom.

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

109
00:07:44,740 --> 00:07:50,370
Ora abbiamo l'indirizzo IP ma inviamo una richiesta per chiedere la pagina del corso.

110
00:07:50,530 --> 00:07:55,690
Quindi facciamo una richiesta con una richiesta HTP parleremo molto di più su cosa sia e come

111
00:07:55,690 --> 00:07:56,130
siano.

112
00:07:56,230 --> 00:07:59,260
E ricorda che non è solo un colpo diretto a senso unico.

113
00:07:59,290 --> 00:08:04,480
Fondamentalmente la richiesta rimbalza da un server all'altro finché non arriviamo al server

114
00:08:04,480 --> 00:08:05,640
che stiamo cercando.

115
00:08:06,370 --> 00:08:11,650
Quindi quando arriviamo al server la prima parte è che il server sta per capire cosa

116
00:08:11,650 --> 00:08:19,330
sto chiedendo e chiedo la pagina iniziale che sto chiedendo per la pagina dei corsi di Slash che stiamo chiedendo per la pagina

117
00:08:19,820 --> 00:08:21,640
di registrazione una pagina per istruttori.

118
00:08:21,670 --> 00:08:26,140
Ci sono tutti i tipi di pezzi diversi qui che potrei chiedere e sono tutti diversi.

119
00:08:26,140 --> 00:08:30,500
Quindi il lavoro di servizio è capire cosa inviare indietro.

120
00:08:30,610 --> 00:08:35,950
Quando torneremo nello sviluppo, sarà il tuo lavoro a capire quali contenuti inviare.

121
00:08:35,950 --> 00:08:42,190
Quindi il server interagisce spesso con il database che estrae le informazioni e rende la combinazione di ogni

122
00:08:42,190 --> 00:08:44,540
squadra l javascript e C S S.

123
00:08:44,560 --> 00:08:51,010
Quindi il nostro server risponde che ci invia questa combinazione di ogni squadra e Javascript è un mucchio

124
00:08:51,010 --> 00:08:51,800
di codice.

125
00:08:51,820 --> 00:08:55,450
Non è molto leggibile per gli umani nei nostri passaggi del browser.

126
00:08:55,450 --> 00:09:01,270
E trasforma tutto in questo è l'intero lavoro che il nostro browser prende e che rende

127
00:09:01,270 --> 00:09:02,910
facile capire per gli umani.

128
00:09:03,340 --> 00:09:06,210
Quindi questo processo avviene su ogni singola pagina di esso.

129
00:09:06,310 --> 00:09:11,260
E puoi effettivamente vedere il sottostante H. M. S. valutare su qualsiasi pagina e Javascript.

130
00:09:11,290 --> 00:09:14,390
Quindi ci sono alcuni modi per farlo in Chrome.

131
00:09:14,500 --> 00:09:16,570
Ed è per questo che stiamo tutti utilizzando Chrome.

132
00:09:16,570 --> 00:09:17,530
Puoi andare.

133
00:09:17,680 --> 00:09:19,800
Andiamo a questa pagina qui.

134
00:09:20,470 --> 00:09:27,070
Posso fare clic destro e fare clic su Visualizza origine pagina e si apre una nuova finestra che contiene in

135
00:09:27,070 --> 00:09:32,680
realtà tutte le H. M. S. s s e javascript che è la fonte sottostante per questa pagina.

136
00:09:32,710 --> 00:09:36,520
La stessa cosa su YouTube fa clic con il pulsante destro su Visualizza origine pagina.

137
00:09:36,520 --> 00:09:38,570
E così questo è su ogni singolo sito.

138
00:09:38,740 --> 00:09:40,430
Quindi non c'è modo di nasconderlo.

139
00:09:40,480 --> 00:09:42,490
L'intero Java il browser prende questo.

140
00:09:42,490 --> 00:09:45,520
E lo ha trasformato in questo.

141
00:09:45,520 --> 00:09:47,950
Quindi i browser sono cose decisamente complicate.

142
00:09:47,950 --> 00:09:50,800
La cosa buona è che non devi sapere come funziona il browser.

143
00:09:50,800 --> 00:09:52,150
Questo è tutto il suo browser.

144
00:09:52,150 --> 00:09:54,870
Prende quel codice e lo trasforma in questo.

145
00:09:54,880 --> 00:09:56,390
Quindi un altro modo per farlo.

146
00:09:56,500 --> 00:10:03,030
C'è un collegamento in Chrome che puoi fare una visualizzazione delle opzioni di comando su un PC.

147
00:10:03,030 --> 00:10:08,420
Credo che sia un'opzione di controllo se non si può semplicemente fare clic destro e cromato e vederlo pure