En el video anterior, aprendimos que un navegador simplemente envía una solicitud a un servidor en
algún lugar del mundo a través de Internet usando el protocolo HTTPS, y luego recibe esos archivos JavaScript, HTML y CSS
para poder mostrar un sitio web.
Ahora bien, ¿cómo podemos comprobar esto?
Bueno, en realidad puedo ir a ver desarrollador, y esto está usando Google Chrome, por lo que recomiendo para esta parte usar Google Chrome
para que pueda seguir lo que estoy haciendo.
Si voy a las herramientas de desarrollo aquí, se abrirá un pequeño recuadro aquí con algo de información para mí.
Ahora, en lo que quiero centrarme es en esta toma de red.
Y esta pestaña de red nos dirá qué tipo de información recibimos del servidor, si
actualizo aquí, lo notarán.
Obtengo algunos datos aquí, ahora quiere asegurarse de que no haya ningún filtro involucrado, por lo que queremos decir
aquí que queremos todo, por lo que no hay filtro para todo.
No hay búsqueda en curso y podemos actualizar de nuevo.
Y esta bien.
Vemos muchos más archivos, pero esto parece intimidante.
Pensemos en lo que acabamos de aprender.
Aprendimos que primero obtenemos un archivo HTML, que resulta ser este.
Dice aquí, escriba el documento.
Y si hago clic aquí, este es un documento HTML.
Entonces, la respuesta del servidor cuando presioné actualizar, recuerde, se comunicó con un servidor en algún lugar del
mundo que tenía estos archivos en esa computadora.
Y aquí tenemos nuestro archivo HTML.
Si me desplazo hacia abajo, mire eso.
Podemos ver aquí el webcomic de romance, sarcasmo, matemáticas y lenguaje, que está justo aquí.
¿Recuerda que dije que HTML es el texto que se muestra en un sitio web?
Bueno, este es nuestro HTML aquí con el que respondió el servidor y el navegador sabe cómo leerlo y
mostrar el texto.
¿Qué pasa con el éxito?
Bueno, puedo hacer clic en el siguiente paso aquí y mostrarme todos los archivos CSI que provienen del
servidor.
Y ves aquí que esto, de nuevo, se ve un poco diferente, tiene una sintaxis diferente a la de
un correo electrónico, pero todo lo que hace es darme el lápiz óptico que quiero.
Puede ver que aquí podemos elegir el color de fondo, podemos elegir una posición diferente con la posición izquierda.
Y esto nos da el estilo que queremos en un sitio web.
Y luego, si vamos a JavaScript, en realidad vemos los archivos JavaScript que utiliza este sitio web.
Ahora, no tenemos que preocuparnos por JavaScript aquí.
JavaScript nos permite hacer algo de interactividad en este sitio web que, por ahora, probablemente no tengamos que
preocuparnos.
Pero ahora quiero señalar que hay algunas otras cosas aquí, como la imagen y los medios.
Y como pueden ver, imágenes, definitivamente tenemos algunas imágenes aquí que estamos usando.
Si hago clic en Vista previa, podemos ver las imágenes.
Pero al final del día, el concepto es el mismo.
Tenemos un archivo HMO.
Que en nuestro caso está justo aquí, ves cómo se muestra el archivo HTML sin acceso, que
son solo los datos textuales textuales, tenemos el acceso, que es el estilo.
De nuestra página y hay algo de JavaScript para hacer nuestra página interactiva y tal vez algunas imágenes, pero
al final del día, todas estas cosas son en realidad solo datos textuales que recibimos del servidor.
Eso significa que para que podamos construir nuestro sitio web, necesitamos crear estas tres cosas: un
archivo de correo electrónico, un archivo y un archivo JavaScript.
En realidad, ni siquiera necesitamos un archivo JavaScript.
Si no queremos interactividad, ni siquiera necesitamos un archivo de acceso.
Si no queremos ningún estancamiento, incluso podemos usar un archivo de correo electrónico.
Entonces, en el siguiente video, crearemos nuestro primer sitio web.
Lo veré uno por.