‫Narrador: Entonces, después del tipo de lección teórica pesada,
‫ahora veamos http en acción y hagamos
‫algunas solicitudes y echemos un vistazo
‫a las respuestas que obtuvimos usando nuestras herramientas de desarrollo de navegadores.
‫Así que estoy usando Google Chrome como mi navegador y
‫estoy aquí en udemy. com.
‫Entonces, solo ve a udemy. com, y
‫luego abra sus herramientas de desarrollador.
‫Y estoy usando la opción de comando J para eso en mi Mac, en Windows probablemente
‫sea Alt + Ctrl + J, o simplemente haga
‫clic derecho en cualquier lugar de la
‫página y luego haga clic en
‫inspeccionar, en caso de que no esté familiarizado con las herramientas de desarrollo.
‫Entonces, lo que vamos a hacer es ir a
‫la pestaña de red.
‫Y luego haga clic aquí en deshabilitar caché.
‫Eso es importante porque, de lo contrario,
‫es posible que esté cargando la página desde su computadora porque
‫ha estado en udemy. com antes.
‫Bien, ahora recarguemos la página,
‫de modo que vamos a registrar la
‫actividad de la red aquí en esta pestaña de red.
‫Así que recarga esto.
‫Y ahora aquí podemos ver todas las solicitudes
‫que están sucediendo en la página.
‫Entonces, como les dije, habrá muchas solicitudes para todos los
‫elementos que están en la página.
‫Ahora, si vamos a la cima
‫aquí, el primero de todos es realmente udemy. com.
‫Y podemos ver aquí el código de estado, que es 200,
‫como dije en la última conferencia,
‫eso significa que está bien.
‫Así que todo salió bien.
‫Luego, el tamaño y el
‫tiempo que llevó descargar este recurso.
‫Pero también tenemos todos estos otros recursos aquí, como
‫los archivos CSS que ves aquí, algunas imágenes,
‫archivos de script java como los
‫que tengo aquí.
‫Y todos estos fueron iniciados por el índice, es
‫decir, por la página raíz.
‫Bien, tenemos udemy. com y
‫que luego solicitará todos estos activos.
‫Entonces ese es el índice, por lo que no sucede en el iniciador, y
‫todos estos aquí fueron solicitados por el udemy principal. com.
‫Ahora, si hacemos clic en uno de estos
‫recursos, hagamos udemy. com primero.
‫Aquí podemos obtener más información sobre la solicitud y
‫la respuesta.
‫Entonces, primero, la solicitud que en realidad está en la parte inferior.
‫Y verá que la solicitud se hizo a udemy. com, hicimos una
‫solicitud de obtención y la
‫ruta era solo la ruta raíz, tal
‫como te expliqué en el último video, de acuerdo.
‫Luego tenemos un montón de
‫encabezados, por lo que esto
‫aquí, por ejemplo, significa que la página se comprimió usando solo un gzip.
‫Aquí abajo tiene un encabezado para configurar algunas cookies y
‫un montón de otros
‫encabezados de los que hablaremos más adelante.
‫Así que esta es la solicitud,
‫y luego la
‫respuesta también tiene un montón de todos estos encabezados, está bien.
‫Entonces podemos ver cuándo se envió realmente la respuesta.
‫Podemos ver un montón de cookies y el
‫código de estado aquí también,
‫así que de ahí viene el código de estado 200.
‫Y nuevamente, un montón de otros encabezados, de los que
‫hablaremos un poco más tarde, está bien.
‫Y lo
‫mismo, por supuesto, tenemos para todos los demás activos que se descargaron.
‫Entonces la respuesta y la solicitud aquí abajo.
‫Y esta vez vemos que la raíz
‫aquí sigue siendo udemy. com, entonces
‫lo que llaman la
‫autoridad aquí, pero la ruta es
‫entonces todo esto, entonces
‫esta ubicación aquí, donde se encuentra el archivo CSS.
‫Y si ahora navegamos en algún lugar de
‫esta página, digamos a los cursos
‫de desarrollo web, bueno, veamos qué sucede aquí.
‫Y aquí tenemos esta página, que
‫es el recurso de desarrollo web, está bien.
‫Básicamente, esta parte de la URL.
‫Recuerde que esto se llama recurso,
‫desde el último video.
‫Entonces, si hacemos
‫clic en eso, lo veremos aquí nuevamente, ¿verdad?
‫Así
‫que tenemos de nuevo udemy. com y el / coursedevelopment / webdevelopment.
‫Así que esa es la ruta a la que se dirige la solicitud.
‫Aquí, en el lado izquierdo, también nos pueden gustar las imágenes de
‫vista previa, por ejemplo, este logotipo aquí.
‫Cuando es una imagen, podemos ver
‫la vista previa, podemos ver mejor su respuesta.
‫Por ejemplo, en este de
‫aquí, podemos ver la respuesta html que regresó.
‫Entonces, en lugar de solo ver los encabezados como lo
‫hicimos aquí, también podemos ver la
‫respuesta y una buena descripción general de todas las cookies que se
‫establecieron en esta solicitud.
‫Ahora no hablamos de cookies todavía,
‫pero nuevamente, eso es algo para más adelante.
‫Pero creo que es importante que obtenga esta descripción general
‫de cómo se ven realmente las solicitudes y respuestas bajo
‫un capó.
‫Así que ese fue exactamente el objetivo
‫de este video, espero que el mensaje sea claro y que
‫todo tenga sentido.
‫Entonces, sigamos adelante
‫y sigamos hablando sobre el desarrollo de backend en general.