1
00:00:01,410 --> 00:00:02,270
Bem vindo de volta.

2
00:00:02,520 --> 00:00:07,520
Então, este vídeo funcionará como uma espécie de curso intenso em como a Internet funciona.

3
00:00:07,530 --> 00:00:13,410
Para alguém que quer ser um desenvolvedor, é necessário que o leve de um usuário de internet ávido como eu, que

4
00:00:13,410 --> 00:00:18,240
talvez não entenda muito sobre como funciona a Internet, porque você não precisa para alguém que ainda

5
00:00:18,240 --> 00:00:22,980
usa a Internet o tempo todo mas entende um pouco sobre como funciona em um nível alto.

6
00:00:23,220 --> 00:00:27,960
Pode ser surpreendente, mas os desenvolvedores realmente não precisam saber que o muito baixo nível de nitty

7
00:00:27,960 --> 00:00:33,810
gritty sobre diferentes protocolos de dados e como eles funcionam nesta pilha de IP TCAP em coisas que você pode ouvir

8
00:00:33,810 --> 00:00:35,030
que são muito intimidantes.

9
00:00:35,190 --> 00:00:41,130
Essa é toda uma disciplina. Há cursos universitários e cursos dedicados à forma como a Internet funciona

10
00:00:41,130 --> 00:00:42,450
em um nível baixo.

11
00:00:42,690 --> 00:00:48,420
Como um desenvolvedor, as coisas são abstraídas, de modo que só precisamos entender muito o básico do que

12
00:00:48,420 --> 00:00:49,940
seu usuário típico da internet.

13
00:00:50,070 --> 00:00:55,590
Mas não precisamos ser especialistas em todas essas coisas muito intimidadoras e graciosas.

14
00:00:55,590 --> 00:00:57,250
Então, poucas coisas que queremos fazer aqui.

15
00:00:57,420 --> 00:01:00,150
Queremos entender em alto nível como funciona a Internet.

16
00:01:00,270 --> 00:01:05,340
Coisas como nomes de domínio HGP IP, você é o que é o que são todos.

17
00:01:05,340 --> 00:01:06,550
Como eles trabalham juntos.

18
00:01:06,780 --> 00:01:09,920
Queremos entender a diferença entre front-end e back-end.

19
00:01:10,170 --> 00:01:12,540
Também chega a pilha em que isso se encaixa.

20
00:01:12,570 --> 00:01:16,420
E também queremos poder visualizar o H Tim L em qualquer site.

21
00:01:17,220 --> 00:01:20,340
Então, a primeira coisa que eu quero fazer aqui é realmente assistir a um vídeo.

22
00:01:20,550 --> 00:01:22,080
Então, o link está no slide.

23
00:01:22,140 --> 00:01:25,900
É também na descrição deste vídeo que vai continuar e abri-lo.

24
00:01:26,040 --> 00:01:28,430
Não hesite em assistir sozinho.

25
00:01:28,440 --> 00:01:33,270
Eu vou assistir isso neste vídeo e apenas pausar alguns instantes e destacar algumas peças importantes.

26
00:01:43,620 --> 00:01:48,960
Você já se perguntou o que acontece quando alguém na Inglaterra visita a página da World

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

28
00:01:53,220 --> 00:01:58,470
Seu computador precisa pedir ao servidor do World Science Festival uma cópia dessa página da web.

29
00:01:58,710 --> 00:02:04,830
O computador colada essa solicitação em um envelope virtual chamado pacote envolto com informações específicas sobre

30
00:02:04,830 --> 00:02:12,150
esse pedido, incluindo o endereço IP do mundo de festivais de ciência, o computador envia este pacote fora da

31
00:02:12,180 --> 00:02:18,450
casa e abaixo da rua através de grandes fios de cobre subterrâneos passa por um pequeno regional

32
00:02:18,450 --> 00:02:22,130
redes antes de terminar aqui no Telehouse norte em Londres.

33
00:02:22,440 --> 00:02:25,700
O Telehouse North é o principal centro de Internet da Inglaterra.

34
00:02:25,740 --> 00:02:31,220
O endereço IP neste pacote informa o hub de que o servidor do festival de ciência mundial está realmente em

35
00:02:31,250 --> 00:02:36,120
Lausanne e a primeira coisa que eu quero simplesmente destacar o usuário neste caso foi para um site.

36
00:02:36,180 --> 00:02:43,140
World Science Festival site ou tipo que em e, em seguida, pressione enter e tudo isso está acontecendo antes que

37
00:02:43,140 --> 00:02:44,680
o usuário veja qualquer coisa.

38
00:02:44,760 --> 00:02:49,210
A idéia é que um usuário está pedindo um site ou solicitando isso.

39
00:02:49,260 --> 00:02:52,140
E é isso que se chama, é uma solicitação H TTP.

40
00:02:52,170 --> 00:02:59,460
página e isso tem que ir até o YouTube em algum lugar e eles devem enviá-lo todo o caminho de volta para mim.

41
00:02:59,460 --> 00:03:05,640
Então, quando eu abri esse vídeo, YouTube comece a usar isso, você sabe quando eu toçe Enter, eu estou

42
00:03:05,640 --> 00:03:07,040
pedindo o conteúdo desta

43
00:03:07,050 --> 00:03:11,030
Até agora, ainda estamos recebendo o pedido no lugar certo.

44
00:03:11,430 --> 00:03:17,370
Então, o Telehouse North envia o pacote para fora, é como em todo o Atlântico sobre cabos de fibra óptica enterrados

45
00:03:17,370 --> 00:03:18,620
profundamente abaixo do oceano.

46
00:03:18,780 --> 00:03:26,310
O pacote acaba aqui 60 Hudson Street, New York City, o maior hub da internet na Costa Leste.

47
00:03:26,760 --> 00:03:32,010
Este hub envia o pacote através de uma série de redes regionais conectando Nova York a Los

48
00:03:32,010 --> 00:03:34,760
Angeles, onde o servidor do World Science Festival reside.

49
00:03:35,220 --> 00:03:39,570
O servidor lê o pedido e se prepara para enviar a página para inglês.

50
00:03:40,260 --> 00:03:46,170
Mas a página web é composta de imagens e o texto é muito grande para enviar como um único pacote de dados.

51
00:03:46,170 --> 00:03:49,440
Então, como devolvemos a Inglaterra?

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

53
00:03:50,450 --> 00:03:56,670
Então, neste momento, a solicitação fez todo o caminho para o servidor correto e é dito que estou procurando

54
00:03:56,670 --> 00:03:57,650
por essa página.

55
00:03:57,810 --> 00:04:02,880
jornada de retorno vai do servidor todo o caminho de volta para o computador que pediu

56
00:04:02,940 --> 00:04:09,630
este grupo de páginas específicas de 5000 turistas que visitam a cidade de Nova York em um único ônibus turístico gigantesco.

57
00:04:09,630 --> 00:04:10,850
E agora, tudo na

58
00:04:10,950 --> 00:04:15,730
Eles estão bem em Harlem, mas querem visitar a Estátua da Liberdade antes de fechar.

59
00:04:15,840 --> 00:04:18,560
Mas é uma hora de pico numa sexta-feira.

60
00:04:18,580 --> 00:04:23,490
Não há como se o ônibus gigante se encaixe nas ruas congestionadas.

61
00:04:23,580 --> 00:04:28,260
Então eles decidem sair do ônibus e espalhar alguns pegar o metrô.

62
00:04:28,260 --> 00:04:34,480
Alguns tomam táxis algumas motos de aluguel e alguns até levam caiaques pelo rio Hudson.

63
00:04:34,650 --> 00:04:39,890
Como eles chegam lá, não importa, desde que chegam a tempo.

64
00:04:39,930 --> 00:04:42,740
Da mesma forma, a Internet funciona de forma eficiente.

65
00:04:42,780 --> 00:04:49,410
Essas páginas da web pulverizadas em milhares de pequenos pacotes de dados cada um com todas as informações que precisam

66
00:04:49,410 --> 00:04:57,280
se reconstruir nas crianças são enviadas para L. UMA. um será o hub seguro que verifica o

67
00:04:57,280 --> 00:05:01,350
relatório de trânsito antes de enviá-los através de quilômetros e milhas de terra.

68
00:05:01,350 --> 00:05:07,270
Eles viajam fazendo check-in através de diferentes hubs, como os turistas da cidade de Nova York, esses pacotes

69
00:05:07,270 --> 00:05:11,630
não se importam como chegar lá, desde que chegam o mais rápido possível.

70
00:05:12,040 --> 00:05:17,080
A maioria deles passará por 60 Hudson em Nova York, onde eles são redirecionados de volta para a Inglaterra é

71
00:05:17,530 --> 00:05:20,640
como montar uma fibra de óculos de espessura como um dólar de prata.

72
00:05:20,800 --> 00:05:26,960
Então, de volta ao fio de cobre através de redes regionais britânicas em todos os pacotes atingiram seu destino.

73
00:05:27,010 --> 00:05:37,000
E e essa jornada épica tudo acontece em cerca de um segundo, juntamente com trilhões em trilhões de viagens

74
00:05:37,000 --> 00:05:44,020
semelhantes que acontecem todos os dias nesta tão notável facilidade para tomar uma

75
00:05:44,020 --> 00:05:47,850
rede de redes que nós chamamos de Internet.

76
00:05:48,070 --> 00:05:50,180
Então, espero que você tenha achado o vídeo fascinante.

77
00:05:50,200 --> 00:05:55,250
Isso certamente sopra minha mente, mesmo que você conheça alguém que faz muito isso e que usa muito a Internet.

78
00:05:55,300 --> 00:05:57,360
Faz com que os sites da Web façam aplicativos.

79
00:05:57,370 --> 00:06:02,950
Ainda é tão surpreendente o processo que acontece nos bastidores, apenas para cada página que

80
00:06:04,150 --> 00:06:05,320
carrega apenas reiterar.

81
00:06:05,320 --> 00:06:10,720
Vamos dar esse exemplo de quando eu vou para você por aqui e nós comemos cursos de barras

82
00:06:10,720 --> 00:06:11,950
e eu bati Enter.

83
00:06:12,010 --> 00:06:18,220
Lembre-se de que estou pedindo algo e estou recebendo algo de volta e solicitando algo e

84
00:06:18,220 --> 00:06:19,810
o servidor está respondendo.

85
00:06:19,810 --> 00:06:21,660
E há muitas coisas que acontecem no meio.

86
00:06:21,670 --> 00:06:24,900
Mas esse é o conceito central.

87
00:06:24,940 --> 00:06:29,680
Então, o primeiro passo que acontece e, na verdade, antes de começar, quero deixar você saber que isso não

88
00:06:29,680 --> 00:06:31,290
é algo que você precisa memorizar.

89
00:06:31,300 --> 00:06:35,740
Este é um assunto puramente conceitual que é bom saber, mas você sempre pode voltar.

90
00:06:35,740 --> 00:06:36,680
Você pode procurar isso.

91
00:06:36,700 --> 00:06:38,400
Você pode assistir este vídeo.

92
00:06:38,410 --> 00:06:44,320
A única coisa que eu realmente quero que você memorize e tenha certeza é que esta é a idéia de pedidos e

93
00:06:44,620 --> 00:06:49,530
respostas que solicitam dados e um servidor que lhe dê esses dados e, em seguida, seu navegador exibi-lo.

94
00:06:49,720 --> 00:06:56,620
Então, este passo aqui quando eu vou para você ou eu acertei na primeira coisa que acontece é que

95
00:06:56,620 --> 00:07:00,520
meu computador precisa saber o endereço exato para enviar um pedido.

96
00:07:00,520 --> 00:07:04,750
Como é quando você envia uma carta, você precisa ter um endereço exclusivo.

97
00:07:04,750 --> 00:07:07,200
Nenhuma casa tem o mesmo endereço que outra casa.

98
00:07:07,240 --> 00:07:10,840
Eles podem parecer o mesmo, mas eles estão em uma cidade diferente ou outro código postal diferente

99
00:07:10,840 --> 00:07:11,600
ou país diferente.

100
00:07:11,620 --> 00:07:12,460
Eles são únicos.

101
00:07:12,550 --> 00:07:17,290
Então, precisamos desse endereço para que nosso pedido vá ao lugar certo.

102
00:07:17,290 --> 00:07:20,270
Então, o DNS Sinko leva esse nome de domínio.

103
00:07:20,310 --> 00:07:25,840
Você precisa do resultado e traduz-se neste endereço IP, que é uma série de números e pontos.

104
00:07:26,420 --> 00:07:28,560
Este é um identificador exclusivo.

105
00:07:29,050 --> 00:07:34,270
Uma vez que temos isso, nós realmente enviamos uma carta para quando realmente fazemos o pedido.

106
00:07:34,270 --> 00:07:40,700
Então, neste caso, quando acerto enter, estou descobrindo onde os computadores do meu computador descobrem o que isso

107
00:07:40,880 --> 00:07:43,860
significa para mim o endereço IP da Dotcom.

108
00:07:44,230 --> 00:07:44,700
ESTÁ BEM.

109
00:07:44,740 --> 00:07:50,370
Nós temos o endereço IP agora, mas envie um pedido solicitando a página do curso.

110
00:07:50,530 --> 00:07:55,690
Então, nós fazemos um pedido com um pedido de HTP, falaremos muito sobre o que é e o que

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

112
00:07:56,230 --> 00:07:59,260
E lembre-se que não é apenas um tiro direto de sentido único lá.

113
00:07:59,290 --> 00:08:04,480
Basicamente, o pedido salta de servidor para servidor até chegar ao servidor

114
00:08:04,480 --> 00:08:05,640
que estamos procurando.

115
00:08:06,370 --> 00:08:11,650
Então, quando chegarmos ao servidor, a primeira parte é que o servidor vai descobrir o que

116
00:08:11,650 --> 00:08:19,330
eu estou pedindo e a minha pergunta pela página inicial eu estou pedindo a página de cursos Slash estamos pedindo a página de inscrição,

117
00:08:19,820 --> 00:08:21,640
a tornar-se uma página de instrutor.

118
00:08:21,670 --> 00:08:26,140
Há todos os tipos de peças diferentes aqui que eu poderia estar pedindo e são diferentes.

119
00:08:26,140 --> 00:08:30,500
Então, o trabalho de serviço é descobrir o que devolver.

120
00:08:30,610 --> 00:08:35,950
Quando fazemos de volta ao desenvolvimento, será seu trabalho descobrir o conteúdo a enviar de volta.

121
00:08:35,950 --> 00:08:42,190
Então, o servidor geralmente interage com o banco de dados que extrai informações e faz a combinação de cada

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

123
00:08:44,560 --> 00:08:51,010
Então o nosso servidor responde de volta nos envia essa combinação de cada equipe s e Javascript é um monte

124
00:08:51,010 --> 00:08:51,800
de código.

125
00:08:51,820 --> 00:08:55,450
Não é muito legível para os humanos nos passos do nosso navegador.

126
00:08:55,450 --> 00:09:01,270
E isso o transforma neste é todo o trabalho que nosso navegador leva essa informação e facilita a

127
00:09:01,270 --> 00:09:02,910
compreensão para os seres humanos.

128
00:09:03,340 --> 00:09:06,210
Então, esse processo acontece em todas as páginas.

129
00:09:06,310 --> 00:09:11,260
E você pode realmente ver o H. subjacente. M. S. avaliar em qualquer página e Javascript.

130
00:09:11,290 --> 00:09:14,390
Então, existem algumas maneiras de fazê-lo no Chrome.

131
00:09:14,500 --> 00:09:16,570
E é por isso que estamos usando o Chrome.

132
00:09:16,570 --> 00:09:17,530
Você pode ir.

133
00:09:17,680 --> 00:09:19,800
Vamos aqui nesta página.

134
00:09:20,470 --> 00:09:27,070
Posso clicar direito e clicar em Exibir fonte da página e abre uma nova janela que contém

135
00:09:27,070 --> 00:09:32,680
realmente todo o H. M. S. s s e javascript que é a fonte subjacente desta página.

136
00:09:32,710 --> 00:09:36,520
O mesmo no YouTube, clique com o botão direito do mouse em Exibir fonte da página.

137
00:09:36,520 --> 00:09:38,570
E isso é em todos os sites.

138
00:09:38,740 --> 00:09:40,430
Portanto, não há como esconder isso.

139
00:09:40,480 --> 00:09:42,490
Todo o Java do navegador leva isso.

140
00:09:42,490 --> 00:09:45,520
E isso aconteceu com isso.

141
00:09:45,520 --> 00:09:47,950
Então, os navegadores são coisas definitivamente complicadas.

142
00:09:47,950 --> 00:09:50,800
O bom é que você não precisa saber como funciona o navegador.

143
00:09:50,800 --> 00:09:52,150
Essa é toda a gota do navegador.

144
00:09:52,150 --> 00:09:54,870
É preciso esse código e isso o transforma.

145
00:09:54,880 --> 00:09:56,390
Então, de outra forma, você pode fazê-lo.

146
00:09:56,500 --> 00:10:03,030
Há um atalho no Chrome que você pode fazer uma exibição de opção de comando em um PC.

147
00:10:03,030 --> 00:10:08,420
Eu acredito que é opção de controle você, se não, você pode simplesmente clicar direito e cromar e vê-lo também