1
00:00:01,410 --> 00:00:02,270
Dar una buena acogida.

2
00:00:02,520 --> 00:00:07,520
Entonces, este video funcionará como una especie de curso intensivo sobre cómo funciona Internet.

3
00:00:07,530 --> 00:00:13,410
Para alguien que quiere ser un desarrollador, así es que debe sacarlo de un ávido usuario de Internet como yo que

4
00:00:13,410 --> 00:00:18,240
tal vez no entienda mucho sobre cómo funciona Internet porque no tiene que hacerlo con alguien que todavía

5
00:00:18,240 --> 00:00:22,980
usa Internet todo el tiempo. pero entiende un poco acerca de cómo funciona a un alto nivel.

6
00:00:23,220 --> 00:00:27,960
Puede ser sorprendente, pero los desarrolladores realmente no necesitan saber que el nivel muy bajo de

7
00:00:27,960 --> 00:00:33,810
los diferentes protocolos de datos y cómo funcionan en esta pila de IP TCAP en cosas que puede escuchar

8
00:00:33,810 --> 00:00:35,030
que son muy intimidantes.

9
00:00:35,190 --> 00:00:41,130
Esa es una disciplina completa. Hay carreras universitarias completas y cursos dedicados a cómo Internet funciona

10
00:00:41,130 --> 00:00:42,450
a un nivel bajo.

11
00:00:42,690 --> 00:00:48,420
Como desarrollador, las cosas se abstraen para que solo tengamos que entender los conceptos básicos más que

12
00:00:48,420 --> 00:00:49,940
su usuario típico de Internet.

13
00:00:50,070 --> 00:00:55,590
Pero no tenemos que ser expertos en todas estas cuestiones muy intimidantes.

14
00:00:55,590 --> 00:00:57,250
Pocas cosas que queremos hacer aquí.

15
00:00:57,420 --> 00:01:00,150
Queremos entender a un alto nivel cómo funciona Internet.

16
00:01:00,270 --> 00:01:05,340
Cosas como los nombres de dominio IP de HGP son lo que son todo eso.

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

18
00:01:06,780 --> 00:01:09,920
Queremos entender la diferencia entre el frente y el elemento de fondo.

19
00:01:10,170 --> 00:01:12,540
También pila completa donde encaja eso.

20
00:01:12,570 --> 00:01:16,420
Y luego también queremos poder ver el H Tim L en cualquier sitio web.

21
00:01:17,220 --> 00:01:20,340
Entonces, lo primero que quiero hacer aquí es ver un video.

22
00:01:20,550 --> 00:01:22,080
Entonces el enlace está en la diapositiva.

23
00:01:22,140 --> 00:01:25,900
También está en la descripción de este video que va a seguir adelante y abrirlo.

24
00:01:26,040 --> 00:01:28,430
Siéntase libre de mirarlo por su cuenta.

25
00:01:28,440 --> 00:01:33,270
Voy a verlo en este video y lo detendré un momento y resaltaré algunas piezas importantes.

26
00:01:43,620 --> 00:01:48,960
¿Te has preguntado qué pasa cuando alguien en Inglaterra visita primero la página web del

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

28
00:01:53,220 --> 00:01:58,470
Su computadora necesita pedirle al servidor del World Science Festival una copia de esa página web.

29
00:01:58,710 --> 00:02:04,830
La computadora pega esta solicitud en un sobre virtual llamado paquete envuelto con información específica sobre esa

30
00:02:04,830 --> 00:02:12,150
solicitud, incluida la dirección IP de festivales científicos del mundo. La computadora envía este paquete fuera de la casa y

31
00:02:12,180 --> 00:02:18,450
debajo de la calle a través de grandes cables de cobre subterráneos que pasa a través de

32
00:02:18,450 --> 00:02:22,130
pequeños redes antes de terminar aquí en Telehouse norte en Londres.

33
00:02:22,440 --> 00:02:25,700
Telehouse North es el principal centro de Internet de Inglaterra.

34
00:02:25,740 --> 00:02:31,220
La dirección IP en este paquete le dice al concentrador que el servidor del festival mundial de la ciencia está realmente en

35
00:02:31,250 --> 00:02:36,120
Lausana y lo primero que quiero resaltar es que el usuario en este caso fue a un sitio web.

36
00:02:36,180 --> 00:02:43,140
El sitio web del World Science Festival o escribe eso y luego presiona enter y todo esto sucede antes de

37
00:02:43,140 --> 00:02:44,680
que el usuario vea algo.

38
00:02:44,760 --> 00:02:49,210
La idea es que un usuario solicite un sitio web o lo solicite.

39
00:02:49,260 --> 00:02:52,140
Y eso es lo que se llama una solicitud H TTP.

40
00:02:52,170 --> 00:02:59,460
página y eso tiene que ir hasta YouTube en algún lado y tienen que enviarlo todo el camino de regreso a yo.

41
00:02:59,460 --> 00:03:05,640
Así que cuando abrí este video de YouTube com punto slash esto sabes cuando presiono Enter, estoy pidiendo

42
00:03:05,640 --> 00:03:07,040
el contenido de esta

43
00:03:07,050 --> 00:03:11,030
Hasta ahora, solo estamos recibiendo la solicitud en el lugar correcto.

44
00:03:11,430 --> 00:03:17,370
Así que Telehouse North envía el paquete hacia el otro lado del Atlántico a través de cables de fibra óptica enterrados

45
00:03:17,370 --> 00:03:18,620
en las profundidades del océano.

46
00:03:18,780 --> 00:03:26,310
El paquete termina aquí 60 Hudson Street New York City, el centro de Internet más grande de la Costa Este.

47
00:03:26,760 --> 00:03:32,010
Este centro envía el paquete a través de una serie de redes regionales que conectan Nueva York con

48
00:03:32,010 --> 00:03:34,760
Los Ángeles, donde reside el servidor del World Science Festival.

49
00:03:35,220 --> 00:03:39,570
El servidor lee la solicitud y se prepara para enviar la página web al inglés.

50
00:03:40,260 --> 00:03:46,170
Pero la página web está compuesta de imágenes y el texto es demasiado grande para enviarlo como un único paquete de datos.

51
00:03:46,170 --> 00:03:49,440
Entonces, ¿cómo lo regresamos a Inglaterra?

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

53
00:03:50,450 --> 00:03:56,670
Entonces, en este punto, la solicitud ha llegado al servidor correcto y se dice que estoy

54
00:03:56,670 --> 00:03:57,650
buscando esta página.

55
00:03:57,810 --> 00:04:02,880
está en el viaje de regreso desde el servidor hasta la computadora que solicitó

56
00:04:02,940 --> 00:04:09,630
este grupo específico de 5000 turistas que visitan la ciudad de Nueva York en un único y gigantesco autobús turístico.

57
00:04:09,630 --> 00:04:10,850
Y ahora todo

58
00:04:10,950 --> 00:04:15,730
Están muy arriba en Harlem, pero quieren visitar la Estatua de la Libertad antes de que cierre.

59
00:04:15,840 --> 00:04:18,560
Pero es hora punta un viernes.

60
00:04:18,580 --> 00:04:23,490
No hay manera de que el autobús gigante se adapte a esas calles locas y congestionadas.

61
00:04:23,580 --> 00:04:28,260
Entonces deciden bajarse del autobús y extenderse un poco para tomar el metro.

62
00:04:28,260 --> 00:04:34,480
Algunos toman taxis, alquilan bicicletas y algunos incluso toman kayaks en el río Hudson.

63
00:04:34,650 --> 00:04:39,890
Cómo llegar no importa, siempre que lleguen a tiempo.

64
00:04:39,930 --> 00:04:42,740
Del mismo modo, para que Internet funcione de manera eficiente.

65
00:04:42,780 --> 00:04:49,410
Estas páginas web se pulverizaron en miles de pequeños paquetes de datos, cada uno atiborrado de toda la información que necesita reconstruirse en el

66
00:04:49,410 --> 00:04:57,280
momento en que los niños son enviados a L. A. uno seguro que controlará el informe de

67
00:04:57,280 --> 00:05:01,350
tráfico antes de enviarlo a través de millas y millas de tierra.

68
00:05:01,350 --> 00:05:07,270
Viajan a través de diferentes centros como los turistas de la ciudad de Nueva York. A esos paquetes

69
00:05:07,270 --> 00:05:11,630
no les importa cómo lleguen allí, siempre y cuando lleguen lo más rápido posible.

70
00:05:12,040 --> 00:05:17,080
La mayoría de ellos pasará por Hudson 60 en Nueva York, donde son redirigidos de vuelta a Inglaterra, es

71
00:05:17,530 --> 00:05:20,640
como montar una fibra de gafas gruesa como un dólar de plata.

72
00:05:20,800 --> 00:05:26,960
Luego vuelva a conectar el cable de cobre a través de las redes regionales británicas en todos los paquetes que lleguen a su destino.

73
00:05:27,010 --> 00:05:37,000
Y, y este viaje épico, todo sucede en aproximadamente un segundo, junto con trillones y billones de viajes

74
00:05:37,000 --> 00:05:44,020
similares que suceden todos los días en esta notable red de redes que

75
00:05:44,020 --> 00:05:47,850
llamamos Internet, fáciles de dar por sentadas.

76
00:05:48,070 --> 00:05:50,180
Así que espero que encuentres el video fascinante.

77
00:05:50,200 --> 00:05:55,250
Ciertamente me sorprende incluso si conoces a alguien que hace mucho esto y que usa mucho Internet.

78
00:05:55,300 --> 00:05:57,360
Hace que los sitios web hagan aplicaciones.

79
00:05:57,370 --> 00:06:02,950
Sigue siendo tan sorprendente el proceso que ocurre detrás de las escenas solo para cada página que

80
00:06:04,150 --> 00:06:05,320
solo carga reiterar.

81
00:06:05,320 --> 00:06:10,720
Tomemos este ejemplo de cuando voy a esto por aquí y saltamos com cursos de

82
00:06:10,720 --> 00:06:11,950
barras y presiono enter.

83
00:06:12,010 --> 00:06:18,220
Recuerde que estoy pidiendo algo y estoy recibiendo algo y solicitando algo, y el

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

85
00:06:19,810 --> 00:06:21,660
Y hay muchas cosas que pasan en el medio.

86
00:06:21,670 --> 00:06:24,900
Pero ese es el concepto central.

87
00:06:24,940 --> 00:06:29,680
Entonces, el primer paso que sucede y, de hecho, antes de comenzar, quiero que sepan que esto

88
00:06:29,680 --> 00:06:31,290
no es algo que necesiten memorizar.

89
00:06:31,300 --> 00:06:35,740
Esto es algo puramente conceptual que es bueno saber pero siempre puedes volver.

90
00:06:35,740 --> 00:06:36,680
Puedes buscar esto.

91
00:06:36,700 --> 00:06:38,400
Puedes ver este video.

92
00:06:38,410 --> 00:06:44,320
La única cosa que realmente quiero que memorices y en la que confíes es esta idea de solicitudes y respuestas

93
00:06:44,620 --> 00:06:49,530
que piden datos y un servidor que te brinda esa información y luego tu navegador la muestra.

94
00:06:49,720 --> 00:06:56,620
Así que este paso aquí cuando voy a ti o presiono Enter, lo primero que sucede es que mi

95
00:06:56,620 --> 00:07:00,520
computadora necesita saber la dirección exacta para enviar una solicitud.

96
00:07:00,520 --> 00:07:04,750
Que es como cuando envías una carta necesitas tener una dirección única.

97
00:07:04,750 --> 00:07:07,200
Ningún hogar tiene la misma dirección que otro hogar.

98
00:07:07,240 --> 00:07:10,840
Pueden parecer iguales pero están en una ciudad diferente o en un código postal diferente o en

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

100
00:07:11,620 --> 00:07:12,460
Ellos son únicos.

101
00:07:12,550 --> 00:07:17,290
Entonces necesitamos esa dirección para que nuestra solicitud vaya al lugar correcto.

102
00:07:17,290 --> 00:07:20,270
Entonces el DNS Sinko toma ese nombre de dominio.

103
00:07:20,310 --> 00:07:25,840
Necesitas resultados y los traduce a esta dirección IP, que es una cadena de números y puntos.

104
00:07:26,420 --> 00:07:28,560
Este es un identificador único.

105
00:07:29,050 --> 00:07:34,270
Una vez que tenemos eso, en realidad enviamos una carta a cuando realizamos la solicitud.

106
00:07:34,270 --> 00:07:40,700
Entonces, en este caso, cuando presiono "Enter", estoy averiguando dónde están mis computadores averiguando qué significa

107
00:07:40,880 --> 00:07:43,860
eso para mí, la dirección IP de Dotcom.

108
00:07:44,230 --> 00:07:44,700
DE ACUERDO.

109
00:07:44,740 --> 00:07:50,370
Ahora tenemos la dirección IP, pero enviamos una solicitud para solicitar la página del curso.

110
00:07:50,530 --> 00:07:55,690
Entonces hacemos una solicitud con una solicitud de HTP, hablaremos mucho más sobre qué es eso y cómo

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

112
00:07:56,230 --> 00:07:59,260
Y recuerda que no es solo un tiro directo de ida.

113
00:07:59,290 --> 00:08:04,480
Básicamente, la solicitud rebota de un servidor a otro hasta que llegamos al servidor

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

115
00:08:06,370 --> 00:08:11,650
Entonces, cuando llegamos al servidor, la primera parte es que el servidor va a averiguar qué es

116
00:08:11,650 --> 00:08:19,330
lo que estoy pidiendo y solicitando la página de inicio que estoy solicitando para la página de cursos de Slash que solicitamos para la página

117
00:08:19,820 --> 00:08:21,640
de registro. una página de instructor.

118
00:08:21,670 --> 00:08:26,140
Aquí hay todo tipo de piezas diferentes que podría estar pidiendo y todas son diferentes.

119
00:08:26,140 --> 00:08:30,500
Entonces, el trabajo de servicio es averiguar qué enviar de vuelta.

120
00:08:30,610 --> 00:08:35,950
Cuando lo hagamos en desarrollo, será su tarea averiguar qué contenido enviar de vuelta.

121
00:08:35,950 --> 00:08:42,190
Entonces, el servidor a menudo interactúa con la base de datos que extrae la información y hace que la combinación de

122
00:08:42,190 --> 00:08:44,540
cada equipo sea javascript y C S S.

123
00:08:44,560 --> 00:08:51,010
Entonces, nuestro servidor responde que nos envía esta combinación de cada equipo y Javascript es un montón

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

125
00:08:51,820 --> 00:08:55,450
No es muy legible para los humanos en los pasos de nuestro navegador.

126
00:08:55,450 --> 00:09:01,270
Y lo convierte en esto, es todo el trabajo que nuestro navegador toma esa información y hace que sea fácil

127
00:09:01,270 --> 00:09:02,910
de entender para los humanos.

128
00:09:03,340 --> 00:09:06,210
Entonces este proceso ocurre en cada página de es.

129
00:09:06,310 --> 00:09:11,260
Y en realidad puedes ver el H. subyacente METRO. S. evaluar en cualquier página y Javascript.

130
00:09:11,290 --> 00:09:14,390
Entonces, hay algunas formas de hacerlo en Chrome.

131
00:09:14,500 --> 00:09:16,570
Y esta es la razón por la que todos estamos usando Chrome.

132
00:09:16,570 --> 00:09:17,530
Se puede ir.

133
00:09:17,680 --> 00:09:19,800
Vamos a esta página aquí.

134
00:09:20,470 --> 00:09:27,070
Puedo hacer clic con el botón derecho y hacer clic en Ver fuente de página y se abre una nueva ventana que en

135
00:09:27,070 --> 00:09:32,680
realidad contiene todo el H. METRO. S. s s y javascript que es la fuente subyacente de esta página.

136
00:09:32,710 --> 00:09:36,520
Lo mismo en YouTube, haga clic derecho Ver fuente de la página.

137
00:09:36,520 --> 00:09:38,570
Y entonces esto está en cada sitio.

138
00:09:38,740 --> 00:09:40,430
Entonces no hay forma de ocultar esto.

139
00:09:40,480 --> 00:09:42,490
Todo el navegador de Java toma esto.

140
00:09:42,490 --> 00:09:45,520
Y lo convirtió en esto.

141
00:09:45,520 --> 00:09:47,950
Entonces, los navegadores definitivamente son cosas complicadas.

142
00:09:47,950 --> 00:09:50,800
Lo bueno es que no tienes que saber cómo funciona el navegador.

143
00:09:50,800 --> 00:09:52,150
Eso es todo, soltar su navegador.

144
00:09:52,150 --> 00:09:54,870
Toma ese código y lo convierte en esto.

145
00:09:54,880 --> 00:09:56,390
Entonces, otra forma en que puedes hacerlo.

146
00:09:56,500 --> 00:10:03,030
Hay un atajo en Chrome que puede hacer una vista de opción de comando en una PC.

147
00:10:03,030 --> 00:10:08,420
Creo que es la opción de control si no puedes hacer clic derecho y Chrome y verlo también