1
00:00:01,060 --> 00:00:04,450
‫Narrador: Entonces, después del tipo de lección teórica pesada,

2
00:00:04,450 --> 00:00:07,236
‫ahora veamos http en acción y hagamos

3
00:00:07,236 --> 00:00:09,640
‫algunas solicitudes y echemos un vistazo

4
00:00:09,640 --> 00:00:14,163
‫a las respuestas que obtuvimos usando nuestras herramientas de desarrollo de navegadores.

5
00:00:15,670 --> 00:00:18,260
‫Así que estoy usando Google Chrome como mi navegador y

6
00:00:18,260 --> 00:00:21,100
‫estoy aquí en udemy. com.

7
00:00:21,100 --> 00:00:23,260
‫Entonces, solo ve a udemy. com, y

8
00:00:23,260 --> 00:00:25,073
‫luego abra sus herramientas de desarrollador.

9
00:00:26,410 --> 00:00:31,150
‫Y estoy usando la opción de comando J para eso en mi Mac, en Windows probablemente

10
00:00:31,150 --> 00:00:33,870
‫sea Alt + Ctrl + J, o simplemente haga

11
00:00:33,870 --> 00:00:36,100
‫clic derecho en cualquier lugar de la

12
00:00:36,100 --> 00:00:38,260
‫página y luego haga clic en

13
00:00:38,260 --> 00:00:42,100
‫inspeccionar, en caso de que no esté familiarizado con las herramientas de desarrollo.

14
00:00:42,100 --> 00:00:45,120
‫Entonces, lo que vamos a hacer es ir a

15
00:00:45,120 --> 00:00:46,820
‫la pestaña de red.

16
00:00:46,820 --> 00:00:49,000
‫Y luego haga clic aquí en deshabilitar caché.

17
00:00:49,000 --> 00:00:51,110
‫Eso es importante porque, de lo contrario,

18
00:00:51,110 --> 00:00:54,240
‫es posible que esté cargando la página desde su computadora porque

19
00:00:54,240 --> 00:00:57,310
‫ha estado en udemy. com antes.

20
00:00:57,310 --> 00:00:59,930
‫Bien, ahora recarguemos la página,

21
00:00:59,930 --> 00:01:02,665
‫de modo que vamos a registrar la

22
00:01:02,665 --> 00:01:06,640
‫actividad de la red aquí en esta pestaña de red.

23
00:01:06,640 --> 00:01:08,440
‫Así que recarga esto.

24
00:01:08,440 --> 00:01:11,500
‫Y ahora aquí podemos ver todas las solicitudes

25
00:01:11,500 --> 00:01:14,060
‫que están sucediendo en la página.

26
00:01:14,060 --> 00:01:18,130
‫Entonces, como les dije, habrá muchas solicitudes para todos los

27
00:01:18,130 --> 00:01:20,743
‫elementos que están en la página.

28
00:01:21,740 --> 00:01:23,200
‫Ahora, si vamos a la cima

29
00:01:23,200 --> 00:01:26,820
‫aquí, el primero de todos es realmente udemy. com.

30
00:01:26,820 --> 00:01:29,870
‫Y podemos ver aquí el código de estado, que es 200,

31
00:01:29,870 --> 00:01:31,550
‫como dije en la última conferencia,

32
00:01:31,550 --> 00:01:33,040
‫eso significa que está bien.

33
00:01:33,040 --> 00:01:35,030
‫Así que todo salió bien.

34
00:01:35,030 --> 00:01:37,130
‫Luego, el tamaño y el

35
00:01:37,130 --> 00:01:39,500
‫tiempo que llevó descargar este recurso.

36
00:01:39,500 --> 00:01:43,000
‫Pero también tenemos todos estos otros recursos aquí, como

37
00:01:43,000 --> 00:01:46,220
‫los archivos CSS que ves aquí, algunas imágenes,

38
00:01:46,220 --> 00:01:48,770
‫archivos de script java como los

39
00:01:50,550 --> 00:01:51,970
‫que tengo aquí.

40
00:01:51,970 --> 00:01:54,830
‫Y todos estos fueron iniciados por el índice, es

41
00:01:54,830 --> 00:01:56,913
‫decir, por la página raíz.

42
00:01:57,820 --> 00:02:00,140
‫Bien, tenemos udemy. com y

43
00:02:00,140 --> 00:02:02,430
‫que luego solicitará todos estos activos.

44
00:02:02,430 --> 00:02:05,840
‫Entonces ese es el índice, por lo que no sucede en el iniciador, y

45
00:02:05,840 --> 00:02:10,840
‫todos estos aquí fueron solicitados por el udemy principal. com.

46
00:02:11,340 --> 00:02:14,220
‫Ahora, si hacemos clic en uno de estos

47
00:02:14,220 --> 00:02:16,730
‫recursos, hagamos udemy. com primero.

48
00:02:16,730 --> 00:02:19,490
‫Aquí podemos obtener más información sobre la solicitud y

49
00:02:19,490 --> 00:02:20,519
‫la respuesta.

50
00:02:20,519 --> 00:02:25,470
‫Entonces, primero, la solicitud que en realidad está en la parte inferior.

51
00:02:25,470 --> 00:02:29,040
‫Y verá que la solicitud se hizo a udemy. com, hicimos una

52
00:02:29,040 --> 00:02:31,100
‫solicitud de obtención y la

53
00:02:31,100 --> 00:02:33,920
‫ruta era solo la ruta raíz, tal

54
00:02:33,920 --> 00:02:37,450
‫como te expliqué en el último video, de acuerdo.

55
00:02:37,450 --> 00:02:39,440
‫Luego tenemos un montón de

56
00:02:39,440 --> 00:02:41,430
‫encabezados, por lo que esto

57
00:02:41,430 --> 00:02:46,010
‫aquí, por ejemplo, significa que la página se comprimió usando solo un gzip.

58
00:02:46,010 --> 00:02:50,050
‫Aquí abajo tiene un encabezado para configurar algunas cookies y

59
00:02:50,050 --> 00:02:51,990
‫un montón de otros

60
00:02:51,990 --> 00:02:54,810
‫encabezados de los que hablaremos más adelante.

61
00:02:54,810 --> 00:02:56,970
‫Así que esta es la solicitud,

62
00:02:56,970 --> 00:02:58,520
‫y luego la

63
00:02:58,520 --> 00:03:02,840
‫respuesta también tiene un montón de todos estos encabezados, está bien.

64
00:03:02,840 --> 00:03:06,700
‫Entonces podemos ver cuándo se envió realmente la respuesta.

65
00:03:06,700 --> 00:03:09,521
‫Podemos ver un montón de cookies y el

66
00:03:09,521 --> 00:03:11,820
‫código de estado aquí también,

67
00:03:11,820 --> 00:03:15,120
‫así que de ahí viene el código de estado 200.

68
00:03:15,120 --> 00:03:18,330
‫Y nuevamente, un montón de otros encabezados, de los que

69
00:03:18,330 --> 00:03:21,100
‫hablaremos un poco más tarde, está bien.

70
00:03:21,100 --> 00:03:22,260
‫Y lo

71
00:03:22,260 --> 00:03:27,000
‫mismo, por supuesto, tenemos para todos los demás activos que se descargaron.

72
00:03:27,000 --> 00:03:30,180
‫Entonces la respuesta y la solicitud aquí abajo.

73
00:03:30,180 --> 00:03:32,120
‫Y esta vez vemos que la raíz

74
00:03:32,120 --> 00:03:34,880
‫aquí sigue siendo udemy. com, entonces

75
00:03:34,880 --> 00:03:36,930
‫lo que llaman la

76
00:03:36,930 --> 00:03:39,980
‫autoridad aquí, pero la ruta es

77
00:03:39,980 --> 00:03:41,875
‫entonces todo esto, entonces

78
00:03:41,875 --> 00:03:45,850
‫esta ubicación aquí, donde se encuentra el archivo CSS.

79
00:03:45,850 --> 00:03:49,260
‫Y si ahora navegamos en algún lugar de

80
00:03:49,260 --> 00:03:52,080
‫esta página, digamos a los cursos

81
00:03:52,080 --> 00:03:55,253
‫de desarrollo web, bueno, veamos qué sucede aquí.

82
00:03:56,920 --> 00:03:59,580
‫Y aquí tenemos esta página, que

83
00:03:59,580 --> 00:04:02,810
‫es el recurso de desarrollo web, está bien.

84
00:04:02,810 --> 00:04:05,690
‫Básicamente, esta parte de la URL.

85
00:04:05,690 --> 00:04:07,620
‫Recuerde que esto se llama recurso,

86
00:04:07,620 --> 00:04:09,520
‫desde el último video.

87
00:04:09,520 --> 00:04:11,289
‫Entonces, si hacemos

88
00:04:11,289 --> 00:04:14,787
‫clic en eso, lo veremos aquí nuevamente, ¿verdad?

89
00:04:17,210 --> 00:04:18,120
‫Así

90
00:04:18,120 --> 00:04:22,750
‫que tenemos de nuevo udemy. com y el / coursedevelopment / webdevelopment.

91
00:04:22,750 --> 00:04:27,040
‫Así que esa es la ruta a la que se dirige la solicitud.

92
00:04:27,040 --> 00:04:30,190
‫Aquí, en el lado izquierdo, también nos pueden gustar las imágenes de

93
00:04:30,190 --> 00:04:32,460
‫vista previa, por ejemplo, este logotipo aquí.

94
00:04:32,460 --> 00:04:34,610
‫Cuando es una imagen, podemos ver

95
00:04:35,580 --> 00:04:37,790
‫la vista previa, podemos ver mejor su respuesta.

96
00:04:37,790 --> 00:04:40,930
‫Por ejemplo, en este de

97
00:04:40,930 --> 00:04:44,830
‫aquí, podemos ver la respuesta html que regresó.

98
00:04:44,830 --> 00:04:48,920
‫Entonces, en lugar de solo ver los encabezados como lo

99
00:04:48,920 --> 00:04:51,360
‫hicimos aquí, también podemos ver la

100
00:04:51,360 --> 00:04:55,810
‫respuesta y una buena descripción general de todas las cookies que se

101
00:04:55,810 --> 00:04:57,500
‫establecieron en esta solicitud.

102
00:04:57,500 --> 00:05:00,240
‫Ahora no hablamos de cookies todavía,

103
00:05:00,240 --> 00:05:03,230
‫pero nuevamente, eso es algo para más adelante.

104
00:05:03,230 --> 00:05:06,790
‫Pero creo que es importante que obtenga esta descripción general

105
00:05:06,790 --> 00:05:10,120
‫de cómo se ven realmente las solicitudes y respuestas bajo

106
00:05:10,120 --> 00:05:11,090
‫un capó.

107
00:05:11,090 --> 00:05:13,610
‫Así que ese fue exactamente el objetivo

108
00:05:13,610 --> 00:05:17,460
‫de este video, espero que el mensaje sea claro y que

109
00:05:17,460 --> 00:05:18,990
‫todo tenga sentido.

110
00:05:18,990 --> 00:05:20,220
‫Entonces, sigamos adelante

111
00:05:20,220 --> 00:05:24,213
‫y sigamos hablando sobre el desarrollo de backend en general.