You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

0 Días
5 Hrs
13 Min
34 Seg

Cómo funciona un sitio web

18/32
Resources

We have been surfing the Internet for several years now on information sites, discussion forums, social networks, etc. But do we really know how these sites work? But do we really know how these sites work? How are our messages saved and sent?

How do we surf the Internet?

When we type in a web address and click on it, a series of steps are executed, which we do not see, but which are responsible for whether or not we reach the chosen site:

  • The browser makes a request to the operating system to see if it has a cached version.

  • GET asks the server for the data and sends it to the server's IP.

  • The server responds with a number, such as 200 (OK), 404 (Not found), 500 (server error).

  • The files we already have in cache are searched.

  • We start to display the website starting with the text.

  • Finally the images, videos and other assets of the site are requested.

  • Cookies are data stored in variables and go both ways, both on the server and in the browser. Cookies are heavy, so it is important to limit them so as not to affect the speed of requests.

Contribution created by Annecode and Mayra Lopez

Contributions 245

Questions 39

Sort by:

Want to see more contributions, questions and answers from the community?

Anotaciones de la Clase






soy tecnólogo ADSI llevo 8 meses sin hacer una línea de código, por coincidencia pude comprar pazti Basic llevo 3 días y son los 3 días más felices, motivantes y con más ganas de romper por fin con todas las metas que me eh planteado ya hace 2 años.
muchas gracias

Yo inspeccionando: Me parece que he visto un lindo gatito!!

Hola. Encontré las cookies de cualquier sitio así (Chrome):

  • F12

  • Desplazar hacia la pestaña que dice Application

  • En la barra izquierda dice “Cookies”

Dejo el siguiente video para complementar la explicación de Cookies:
https://www.youtube.com/watch?v=S16ZOjaWw-I

Espero les sea de utilidad.

Cookies: Eran herramientas anteriormente utilizadas, para guardar las preferencias que tenias al momento de ingresar a una pagina y como por ejemplo cambiar el idioma, aqui el cookie cuando volvias a entrar ya sabia que preferencia de idiomas tenias anteriormente y te hace la carga automatica, pero ahora se utilizan para el marketing. Otro caso tambien es que funcionan como una base de datos para guardar la informacion que introduzcas en ese momento dentro de la pagina web, como por ejemplo tu usuario. Entonces basicamente una cookie es un forma de mandar datos entre el cliente y el servidor.

–> Ademas tambien los cookies funcionan para hacer un track de lo que hizo un usuario dentro de la pagina web, es decir sabe cuales fueron los items que agregaste a un carrito de compra, cuanto tiempo duraste en sesion, cuales fueron los links que viste dentro de la pagina, el tipo de dato que puede guardar un cookie depende del programador y como se estableca pero es casi ilimitada las opciones que se tienen

Abre Chrome en tu ordenador.
Arriba a la derecha, haz clic en Más Más y luego Configuración.
Abajo, haz clic en Configuración avanzada.
En “Privacidad y seguridad”, haz clic en Configuración del sitio web.
Haz clic en Cookies y luego Ver todas las cookies y datos de sitios web

Mi resumen de la clase

  1. El navegador hace peticiones al SO, para ver si tiene en cache los DNS para resolver el sitio que va a buscar.

  2. El navegador cuando cuando entiende cuàl es la IP, forma internamente en la memoria RAM un HTTP REQUEST, en formato GET.
    3)El servidor responde con un código, que representa un mensaje.

  3. Assets Request, cuando el html que se pidió puede requeriri más elementos , como imágenes, sonidos, backgrounds, código javascript, si el código javascript empeiza a hacer más peticiones de AJAX se repite todo el proceso por cada uno de los elementso de manera independiente, con la url del asset que sale del HTML.

Cookies, van en el request y en response, son variables con un valor, se debe tener en cuenta de utilizar las necesarios, pues tienen un peso y puede afectar la velocidad de las peticiones.

1xx: Respuestas informativas
100 Continue
102 Processing (WebDAV - RFC 2518)
103 Checkpoint

2xx: Peticiones correctas
200 OK
201 Created
202 Accepted
203 Non-Authoritative Information (desde HTTP/1.1)
204 No Content
205 Reset Content
206 Partial Content
207 Multi-Status (Multi-Status, WebDAV)
208 Already Reported (WebDAV)

3xx: Redirecciones
300 Multiple Choices
301 Moved Permanently
302 Found (antes “Moved Temporarily”)
303 See Other (desde HTTP/1.1)
304 Not Modified
305 Use Proxy (desde HTTP/1.1)
306 Switch Proxy
307 Temporary Redirect (desde HTTP/1.1)
308 Permanent Redirect

4xx: Errores del cliente
400 Bad Request
401 Unauthorized4​
402 Payment Required
403 Forbidden
404 Not Found
405 Method Not Allowed
406 Not Acceptable
407 Proxy Authentication Required
408 Request Timeout
409 Conflict
410 Gone
411 Length Required
412 Precondition Failed
413 Request Entity Too Large
414 Request-URI Too Long
415 Unsupported Media Type
416 Requested Range Not Satisfiable
417 Expectation Failed
418 I’m a teapot
422 Unprocessable Entity (WebDAV - RFC 4918)
423 Locked (WebDAV - RFC 4918)
424 Failed Dependency (WebDAV) (RFC 4918)
425 Unassigned
426 Upgrade Required (RFC 7231)
428 Precondition Required
429 Too Many Requests
431 Request Header Fields Too Large)
449 Una extensión de Microsoft: La petición debería ser reintentada después de hacer la
acción apropiada.
451 Unavailable for Legal Reasons

5xx: Errores de servidor
500 Internal Server Error
501 Not Implemented
502 Bad Gateway
503 Service Unavailable
504 Gateway Timeout
505 HTTP Version Not Supported
506 Variant Also Negotiates (RFC 2295)
507 Insufficient Storage (WebDAV - RFC 4918)
508 Loop Detected (WebDAV)
509 Bandwidth Limit Exceeded
510 Not Extended (RFC 2774)
511 Network Authentication Required
512 Not updated
521 Version Mismatch

En Firefox

Clase 18 – Cómo funciona un sitio web


¿Cuáles son los pasos por los que debemos pasar cuando tramos de acceder al servidor de un sitio web?

  • El navegador hacer una petición al sistema operativo para saber si en cache existe el DNS del sitio web al que queremos acceder.
  • Cuando en navegador entiende cual es la IP manda a la memoria RAM un HTTP Request el cual organiza el sitio web con el método GET.
  • Esperar un HTTP Response como respuesta del servidor.
  • Realizar un Assets Request.

¿Qué significan los métodos GET y POST?

  • GET: Deme.
  • POST: Tome.

¿Qué datos enviamos cuando usamos el método GET en un HTTP Request?

  • GET = /final-url versión del protocolo
  • Host = dominio
  • User-Agent: navegador-usado

¿Cuál es el protocolo que usa platzi hoy en día cuando nos conectamos a su sitio web?

  • HTTP 2.

¿Cuál era la versión del protocolo HTTP que se usaba en el pasado?

  • HTTP 1.1.

¿Qué exige el protocolo HTTP cuando enviamos datos?

  • Un slash (/).

¿Por qué cuando usamos el método GET para enviar datos nos envían el dominio?

  • Porque el mismo servidor puede tener varios dominios corriendo al mismo tiempo.

¿Podemos usar una misma IP para varios sitios web?

  • Si.

¿Qué hace HTTP Request con los datos que estamos enviando al servidor?

  • Los encapsula y los envía al servidor.

¿Por cuál puerto recibe el servidor los datos que recibió de un HTTP Request?

  • El puerto 80.

¿Cuál es el formato que nos envía el servidor como respuesta de un HTTP Request?

  • HTTP: mensaje
  • Server: nombre-version-servidor
  • Lost-modified: fecha
  • Content-leng: cantidad
  • Conection: tipo-conexión
  • Conten-type: tipo-archivo
  • Código HTML.

¿Cómo llamamos a la respuesta que nos da el servidor a un HTTP Request?

  • HTTP Response

¿Qué mensajes podemos recibir en un HTTP Response?

  • 200 OK.

¿Qué significa el mensaje 200 OK en un HTTP Response?

  • El sitio cargo correctamente.

¿Qué significa el mensaje 400 en un HTTP Response?

  • Pagina no encontrada.

¿Qué significa el mensaje 500 en un HTTP Response?

  • Servidor dañado.

¿Qué información ponemos en el dato lost-modified en un HTTP Response?

  • La ultima fecha en la que se modificó el sitio web.

¿Por qué el dato de “lost-modified” es importante en un HTTP Response?

  • Porque existe la posibilidad de que en cache exista esa misma versión del sitio web y no haya necesidad de volver a descargarlo nuevamente.

¿Qué información recibimos del dato “content-lent” en un HTTP Response?

  • La cantidad de Bytes que tiene la petición HTTP.

¿Qué usamos cuando una petición HTTP es larga?

  • Una barra de carga.

¿Qué estados puede tener el dato “conection” en un HTTP Response?

  • Open.
  • Close.

¿Qué información recibimos del dato content-type”?

  • El tipo de dato que nos envía en la HTTP Response.

¿Qué tipos de datos podemos enviar en un en un HTTP Response?

  • Lo que queramos.

¿En qué consiste el Assets Request?

  • En este paso lo que hacemos es que en caso de que necesitemos otros recursos para que cargue correctamente el sitio web debamos hacer lo mismo que hicimos en los pasos anteriores para obtener los nuevos recursos.

¿Qué son las Cookis?

  • Son datos guardados que funcionan de manera similar a un DNS, es decir, podemos guardar ciertos datos que correspondan a algo que el sitio web conozca previamente de nosotros.

¿En qué lugar encontramos las Cookis?

  • Estas van tanto en el HTTP Request y el HTTP Response.

¿Podemos configurar las Cookis según nuestras necesidades?

  • Si.

¿De dónde viene el nombre Cookis?

  • De las galletas de la fortuna las coles vienen con mensajes ocultos dentro de ellas.

¿Las Cookis pesan Bytes?

  • Si.

¿Debemos de tener cuidado con el peso de las Cookis?

  • Si.

¿Por qué debemos de tener cuidado con el peso de las Cookis?

  • Porque esto haría que nuestro sitio web sea más lento.

los videos de platzi me funcionan lento con mi internet. alguna sugerencia de como pueda disminuir la calidad mas de los 720 p para no tener tanto problema?

Encontre las cookiesss

Siempre había sentido que la red era cómo agua y ahora entiendo... estamos trabajando para ser plomeros digitales... saber como fluye es sólo el principio. Que comunidad tan genial 😁

En Firefox > inspect element > storage > cookies

Las cookies son buenas, pero no hay que exagerar con muchas porque hacen más lenta nuestra conexión e intercambio de datos con el servidor web.

Yo viendo las clases sin entender mucho pero con ganas de entender y aprender.

Que pasa en un minuto en intenet

Jaja un maestro freddy… cuando queda un segundo en silencio tras explicar las Cookies

ya encontré los cookies de platzi pero no se como interpretarlo, creo que debo realizar el curso una segunda vez, algunos conceptos no se me quedaron.
alguna recomendación para estudiar o aprender mejor?

9:01 - 9:03
Yo sin disimular cuando me dicen que tengo un moco pegado

No se si alegrarme o que hacer, pero mientras más avanzo y aprendo, más entiendo todooooooooooooooo lo que me falta por saber.

Así sale en Chrome! (:

En el link pueden encontrar más acerca de los códigos de estatus de respuesta HTTP códigos de respuesta

#TodosDeberianNoSoloEstudiarEnPlatziSinoRecomendarloATodosSusConocidos! las contrasenas largas siempre son mas seguras

Mejor que las clases de mi universidad!

Qué pasa cuando se quiere ingresar a un sitio web

  1. En el momento en el que se escribe la dirección de la página a la que se quiere acceder, el navegador le hace una petición al sistema operativo para ver si el caché tiene el DNS para resolver la petición.

    Los protocolos se encargan de manejar todas las peticiones que hacen la páginas de internet desde tu navegador hacia los servidores DNS, éstos transforman la dirección de la página web en una dirección IP y tu navegador se conecta a esa IP.

  2. El navegador, una vez descifra cuál es la IP a la que se quiere acceder, forma internamente en la memoria RAM un HTTP Request y lo organiza usando un formato GET, GET le pide al servidor los datos y se los envía a la IP del servidor (puerto 80).

  3. El servidor responde la petición mediante http (http 200, http 404 not found), y a esto se le conoce como HTTP Response.

  4. Assets Request, se hacen las nuevas peticiones al servidor desde lo que se desplegó en el navegador en el código HTML.

    La cookies son datos guardados en variables y van en el request y en el response del servidor. Las cookies pesan, entonces es importante limitarlas para no afectar la velocidad de las peticiones.

Dato curioso. Las cookies 🥠 se llaman cookies porque vienen de las galletas de la fortuna, donde se envían datos dentro del modelo cliente servidor.

jeje sabes que el video tiene buen tiempo online cuando Freddy menciona Flash

Realmente no saben como esto es de ayuda en mi carrera!

Siento que aquí ya me costó más trabajo comprender que en las clases anteriores, pero sigo entusiasta.

Tantos años como Tech Support y jamás escuche a alguien definir de una manera rápida y precisa una cookie.

Google Chrome versión 76.0.3809.100

Inspeccionar > Application > Cookies > https://platzi.com

Acostumbrábamos a inventar mil teorías de por qué se llamaban así las cookies, nunca pensé que fueran por esa razón…

Acá dejo de aporte de que son las cookies y para que sirven con mas detalle para los que no nos quedo claro:) https://www.youtube.com/watch?v=QFrUTDfYgnM

Las cookies son pequeños archivos de texto que los sitios web almacenan en el dispositivo del usuario (como una computadora, teléfono móvil o tableta) cuando este visita una página web. Estos archivos contienen información específica sobre la interacción del usuario con el sitio web y se utilizan para diversas finalidades, como recordar preferencias, mantener sesiones de usuario, rastrear actividad, personalizar la experiencia del usuario y más.

Cuando visitas un sitio web por primera vez, el servidor del sitio web envía una cookie al navegador de tu dispositivo. A partir de ese momento, cada vez que vuelves a visitar ese sitio web, el navegador envía automáticamente la cookie de vuelta al servidor. Esto permite que el sitio web reconozca al usuario y recupere información almacenada previamente.

Existen dos tipos principales de cookies:

Cookies de sesión: Son temporales y se borran automáticamente cuando cierras el navegador. Estas cookies se utilizan para mantener la información relevante mientras navegas por un sitio web, como guardar los artículos en tu carrito de compras en línea o mantener una sesión de usuario activa mientras te mueves entre páginas.

Cookies persistentes: Permanecen en tu dispositivo incluso después de cerrar el navegador. Tienen una fecha de expiración definida y se utilizan para recordar preferencias y configuraciones del usuario en futuras visitas al sitio web.

Las cookies son ampliamente utilizadas en el mundo del desarrollo web para mejorar la experiencia del usuario y proporcionar servicios más personalizados. Sin embargo, también han sido objeto de preocupaciones de privacidad, ya que pueden rastrear la actividad del usuario y recopilar información sobre sus hábitos de navegación. Por esta razón, en muchos países, las regulaciones de privacidad, como el Reglamento General de Protección de Datos (GDPR) de la Unión Europea, requieren que los sitios web informen a los usuarios sobre el uso de cookies y obtengan su consentimiento antes de almacenar ciertas cookies en sus dispositivos.

En resumen, las cookies son pequeños archivos de texto que los sitios web utilizan para almacenar información en el dispositivo del usuario. Permiten recordar preferencias, mantener sesiones de usuario y personalizar la experiencia del usuario en un sitio web.

Actualmente, la forma de ver las cookies que son almacenadas en Chrome, es por Dev Tools (Click derecho -> Inspeccionar) en la pestaña Application
.
Adicional a esto, puedes ver el Local Storage, que es una especie de Base de Datos que vive en el navegador y puede ser consultada por el Front-end.
.
Así mismo, tenemos el Session Storage, que también es una Base de Datos como el Local Storage, pero que es limpiada cuando cierras el navegador, es decir, no es tan persistente como el Local Storage.
.
No está de más aclarar que, al poder ser consultadas por el Front-end, lo ideal es que NO guardar información sensible ahí 😅

Llevamos ya varios años navegando en internet en páginas informativas, foros de discusión, redes sociales, etc. Pero ¿sabemos realmente como es que estos sitios funcionan? ¿Cómo es que se guardan y envían nuestros mensajes?

Cuando inspeccionas lo que el rebaño no debería inspeccionar en Facebook.

En safari

Al fin pude entender lo que son las cookies y cómo funcionan realmente XD

Puedes encontrar las cookies guiándote por la siguiente img:

Interesante cuantas cookies tengo ahora

se me antojo una cockies

fui a ver y Platzi tiene una cookie para ver si el usuario está logueado, entre muchas otras.

Las Cookies como bien dice Freddy se acuño el termino por las galletas de la fortuna las cuales contenian un mensaje secreto en su interior, es una informacio enviada por el sitio web y guardada por el navegador con la finalidad de hacer consultas previas de la actividad.

las funciones principales son:

Recordar accesos .
Conocer los habitos de navegacion del usuario.

Una página web consiste en una serie de códigos que los navegadores pueden leer. En base a la información que incluye este código, podrán mostrar la página de forma adecuada. El código le va diciendo al navegador qué partes son texto, qué partes son referencias, qué partes son imágenes.

Crear una página web dinámica es un proceso más complejo en relación al de crear una estática, esto debido a que es necesario contar con un nivel importante de conocimiento previo sobre lenguajes de programación y gestión de bases de datos.

Su desarrollo requiere de lenguajes como el PHP, lo que permite definir características y funciones a placer buscando satisfacer nuestras necesidades (informar, vender, recabar datos, etc.). En estas páginas gran parte de sus tareas son ejecutadas en un servidor, el cual es el encargado de darle su dinamismo.

¿Cómo ver las cookies?
Para ver las cookies en chrome podemos acceder al inspector de elementos, luego a application, y en el menú localizamos storage, ahí estarán las cookies.
Cómo ver y borrar cookies a las que accedimos
En chrome vamos a los tres puntos de la esquina superior derecha, abrimos configuración, luego privacidad y seguridad, y aplastamos en configuración del sitio web. Aquí ponemos en cookies y datos del sitio, donde debemos aplastar en ver todas las cookies y datos del sitio web. Ahora sí las podemos ver y eliminar.
Para otros navegadores pueden ingresar aquí

Porqué 200, 404, o 500?

No pensé que el nombre de las cookies viniera de eso.

Ya entiendo para que son las famosas Cookies. Muy bueno.

para ver las cookies en chrome, van a inspeccionar un elemento luego en la doble flecha que señala a la derecha, clieck en application y a la izquierda aparece las cookies que esta guardando la pagina web.

es aconsejable periódicamente limpiar de cookies, ya que con el tiempo el pc se comporta lento

El tema de las cookies, me de dejó pensativa. Recuerdo que hace algunos años no salía ningún anuncio sobre aceptar cookies de un sitio y ahora es muy frecuente que al visitar un sitio le pida al usuario aceptar el uso de cookies. Alguien sabe por qué ahora es así?

Abusar de las cookies puede llegar a ralentizar los procesos de requests debido a que cada una de ella tiene un peso en bytes que debe ser considerado para la respuesta dada por el servidor.

Cómo saber que Cookies guarda un sitio web? >Configuración> Configuración avanzada > Configuración de sitio web > Cookies

Excelente.

Dato curioso sobre las Cookies.
Existe un tipo de Cookie llamada Zombie Cookie la cual es una cookie en HTTP que se recrea despues de ser borrada. El termino fue creado por Attorney Joseph H.

Me parece genial saber que le llaman cookies por galletas de la fortuna porque dentro hay información que transmite entre el cliente y servidor la cual hay que salvaguardar.Pero como todo no es bueno abusar pues haria que el sitio fuera pesado.

El exámen de este curso me va a llevar varios intentos

me encanta lo bien explicado que esta todo este curso

Las **cookies** son pequeños archivos de datos que los sitios web almacenan en tu navegador cuando los visitas. Sirven para guardar información sobre tu actividad en la web, como preferencias, sesión de usuario o historial de navegación. 📌 **Tipos de cookies:** 1. **Cookies de sesión:** Se borran cuando cierras el navegador. 2. **Cookies persistentes:** Permanecen en tu dispositivo por un tiempo definido. 3. **Cookies de terceros:** No las coloca el sitio que visitas, sino servicios externos (como anuncios o analíticas). 📌 **Ejemplo de uso:** * Cuando inicias sesión en un sitio y no tienes que volver a escribir tu usuario al volver. * Cuando agregas productos a un carrito de compras y siguen allí al regresar. ```js Las cookies son pequeños archivos de datos que los sitios web almacenan en tu navegador cuando los visitas. Sirven para guardar información sobre tu actividad en la web, como preferencias, sesión de usuario o historial de navegación. 📌 Tipos de cookies: Cookies de sesión: Se borran cuando cierras el navegador. Cookies persistentes: Permanecen en tu dispositivo por un tiempo definido. Cookies de terceros: No las coloca el sitio que visitas, sino servicios externos (como anuncios o analíticas). 📌 Ejemplo de uso: Cuando inicias sesión en un sitio y no tienes que volver a escribir tu usuario al volver. Cuando agregas productos a un carrito de compras y siguen allí al regresar. ```
excelente clase
Excelente Freddy 👏🏻👨🏻‍🏫
Compañeros. Deme valentía y fuerza para continuar con este curso. El profesor es excelente. Sin embargo el problema está entre el teclado y el asiento. Necesito ese empujón constante por nunca parar de aprender. Me frustra saber que a mi edad, aunque he tenido bastantes logros, sigo en constante comparación con los demás y bueno. Sin hacer tan largo este comentario e irrelevante. Les deseo éxitos para continuar aprendiendo y nunca dejar de aprender.
Llevamos ya varios años navegando en internet en páginas informativas, foros de discusión, redes sociales, etc. Pero ¿sabemos realmente como es que estos sitios funcionan? ¿Cómo es que se guardan y envían nuestros mensajes? ## ¿Cómo es que navegamos en internet? Cuando escribimos una dirección web y damos clic, se ejecutan una serie de pasos, que no vemos, pero que son responsables de que lleguemos o no al sitio elegido: * El navegador le hace una petición al sistema operativo para ver si tiene una versión en caché. * GET le pide al servidor los datos y se los envía a la IP del servidor. * El servidor responde con un número, como 200 (OK), 404 (No encontrado), 500 (error del servidor). * Se buscan los archivos que ya tenemos en caché. * Se empieza a desplegar el sitio web empezando por el texto. * Por último se solicitan las imágenes, videos y otros assets del sitio. * Las cookies son datos guardados en variables y van ambos lados, tanto en el servidor como en el navegador. Las cookies pesan, entonces es importante limitarlas para no afectar la velocidad de las peticiones.
![](https://static.platzi.com/media/user_upload/image-7543d79e-2844-4cab-b141-7ef87e9a9c00.jpg)Fuente: <https://x.com/bytebytego/status/1804540199688647104>
Como funciona un sitio web Primero nos ubicamos en navegador nuestra preferencia Paso numero uno: al estar en nuestro navegador y buscar la ip esta manda una señala a nuestro O.S buscando en la copia de dns que todo tenemos la dirección que estas buscando en caso que no la tengamos se usa nos conectamos al protocolo ISP para buscarla en los DNS de la red Paso numero dos: después de que el computador encontrada la dirección de dominio correcta pasamos al protocolo HTTP request donde podemos encontrarnos con métodos como get, post o head estos métodos son importantes para poder enviar o recibir tanto instrucciones datos o valores desde servidor o viceversa, volvemos a especificar el host a donde nos dirigimos ya que en mismo servidor pueden haber muchas paginas o direcciones ip alojadas esta información es cargada al servidor. Paso numero tres: pasa directamente a carga a la pagina por el método HTTP 200ok en esta podemos ver lo que cargamos desde un archivo o imagen ya que saldrán representadas o hasta incluso el servidor que hemos usado o el metodo que estamos usando para tener comunicación entre el servidor y la web tambien podremos tener una idea exacta de cuantos bit tenemos depende de todo las información cargada Paso cuatro: este es conocido como assets resquest en este simplemente volvemos al paso uno ya que todo el proceso de cargado
Ae3NU9MC3VvgJPNpv-4WPAtFWQqBfk8nhSzprV2uBztLwZjdql-cHcjASg al parecer esto es una galleta :o

.

esta es una buena explicacion

cookies, en matrix le dieron unas cookies a Neo, alli se los dejo

el navegador al tener ya teniendo la liga le hace una petición al SO para buscar en cache si en los DNS tiene la petición, luego el navegador ya teniendo la IP forma internamente en la Ram un HTTPS request y lo organiza con un formato llamado GET

Gracias por la classe…

Tenia un concepto incompleto de las Cookies. Interesante 😀

PROTOCOLOS
1.el navegador le hace una peticion al sistema operativo hace una peticion al sisitema operativo para verificar si en cache exite un DNS para entrar a la pagina seleccionada
2. se forma en la memmoria RAM un HTTP request GET(pedir)
post(dar) con la vercion del protocolo
host:dominio al que se quiere aceder
user-Agents:cabeceras HTTP caracteristicas y especificaciones del navegador
se mandan a la ip del servidor generlamente en el puerto 80 se entrega un
HTTP RESPONSE
HTTP200.ok
DATE: XXXX
SERVER:LINUGT40
LAST-MODIFIED:XXXXXX
CONTENTY-LEPTH:13 BYTES
CINNECTION:CLOSE
CONTENT-TYPE:TEXT/HTML
<H1>HOLA</H1>
4.
assets request
regresa al punto 1 este se obtine del paso 1
cookies:estas se guardan en el Request y en reponse
las cookies se acualizan antes de enviar la respuesta del servidor las cookies pesan bites esto afecta el envio y la respuesta de los datos por eso se tiende a llimitar en pequeñas variables

.

yo buscando mas de 5 años después fuera de chrome los cookies:
._.XD

excelente clase

gracias por todo !

1)Click derecho
2)Inspeccionar
3)En el Inspector ir a Application 
4)Ir a Storage 
5)Ir a Cookies
6)Seleccionar el sitio en cuestión

NOTAS como funcionan los sitios wed

1 el navegado le hace una peticion OS si tiene la IP DNS CACHE del sitio del cual queremos haceder para que esto para no haceder tantas veces al server
2 hacemos un HTTP request (o peticion) usando el formato GET get coje los datos y los encapsula y los envia ala IP http viaja por el puerto 80 al SERVERS
3 la repuesta del SERVERS viene en forma de folleto con las caracteristicas de lo que solicitamos
server sevidor
lost modified ultima fecha de modificaion
conten lenght el peso del contenido
conection tipo de conecion
conten type el tipo de archivo que busquemos
todo esto viene en formato HTML
4 los assets que es volver hacer el mismo procedimieto
COKIES son variables son datos y quedan guardados el navegador como el servidor es importante controlarlas para no hacer lenta la velocidad de las peticiones si tenemos 100 mgb de ida tambien los tenemos de venida

Y yo pensando que el navegador me ofrecía galletitas xd!

  1. Enviamos la dirección a los servidores DNS para conseguir la IP del sitio a donde queremos ir. Si hemos ido a este sitio web antes, el navegador no tiene que ir a los servidores DNS ya que se encuentra esa información en el caché.
  2. El navegador utilizando el protocolo HTTP, lo organiza con GET
    .
    Aparece en memoria RAM
    .
    GET /loquesea HTTP
    Host: www-platzi-com
    User-agent: Chrome
    .
    3.HTTP Response, respuesta del HTTP. Y lo organiza así
    .
    HTTP 200 OK
    Date: xxxx (fecha)
    Server: xxxx (servidor)
    Last-Modified: xxxx (Ultima modificacion)
    Content-Length: 13 (Cantidad de bytes que compone el archivo)
    Connection: Close (Conexión cerrada)
    Content type: text/html
    <h1>hola</h1>
    .
    4.Assets, cuando empezamos a pedir de manera independiente, donde vamos de nuevo al punto 1.
    .
    Y ahora van las COOKIES, que van en el request y en response, que se utilizan para enviar datos del usuario como su idioma, preferencias, qué agregó en su carrito de compra, cuando entró anteriormente al sitio web. Se llaman así por las galletas de la fortuna que tienen mensajes dentro.

Hay que tener cuidado con las cookies debido a que estas pesan bytes, ya que estas se envien en el request y en el response, siempre habrá mayor peso si hay demasiadas cookies en un sitio web y al haber mayor peso más lenta será la conexión.

Jamas imagine que para la navegacion de internet era necesario el uso de las cookies para limitar la velocidad de cualquier peticion. Espero seguir aprendiendo.

PETICIONES WEB
.
HTTP request
.
Cuando se ingresa una URL en el navegador, internamente le hace una petición al sistema operativo para saber si en la memoria cache tiene el DNS para resolver la petición. Luego de identificada la dirección IP en la memoria RAM forma un HTTP request organizado por el método GET.
.
GET/fundamentos HTTP/2
Host: www platzi com
User-Agent: Chrome
.
HTTP response
.
El servidor responde el HTTP request con un formato similar HTTP response
.
HTTP 200 ok
Date: xxxxxxxxxxxxxx
Server: NgineX 18
Last-Modified: xxxxxxxxxxxxxx
Content-Length: 19
Connection: close
Content-Type: text/html
<h1>Hola Mundo</h1>

.
Assets request
.
Si en la petición HTML vienen mas recursos (imágenes, CSS, JS) se repite la petición HTTP request, se realiza un Assets request para cada uno de los recursos de manera in.dependiente.

Las cookies permiten transferir datos entre el cliente-servidor. Estos datos se encuentran de manera similar a un DNS en un formato clave : valor.
.
Las cookies van junto al protocolo HTTP request, todos los request que se hagan al servidor traen las cookies del usuario.
.
Las cookies se actualizan en el momento en el que el servidor recibe una respuesta.
.
El concepto de cookies se deriva de las galletas de la fortuna que por dentro traen mensajes.
.
Las cookies pesan Bytes, siempre que se hagan peticiones la cantidad de cookies que contenga la petición incrementa el peso del sitio WEB.

  • Las cookies viajan en el request y el response, las cuales van a ser datos guardados.
  • Las cookies pesan bytes, por lo que no se debe abusar de estas, ya que van a tener cierto peso tanto en el envío como en el recibo.
  1. Solicitud del dominio desde el navegador
  2. El navegador busca la ip en la caché.
    2.1 Si está en la caché crea get/fundamentos
    con un Http requesto al servidor
  3. El servidor recibe el Http request, lo procesa y devuelve
    un Http response
    3.1 Con status code 200 si la solicitud fue encontrada
    3.2 Status code 404 si no fue encontrada
    3.3 500 Error del servidor (Error en el código normalmente)
  4. Assert request cuando debe mostrar elementos individuales en el HTML con los CSS, Vídeos.
    Repitiendo el proceso la veces necesarias pero con cada assert.

Códigos de estado de respuesta HTTP:
Los códigos de estado de respuesta HTTP indican si se ha completado satisfactoriamente una solicitud HTTP específica. Las respuestas se agrupan en cinco clases:
Respuestas informativas (100–199).
Respuestas satisfactorias (200–299).
Redirecciones (300–399).
Errores de los clientes (400–499).
y errores de los servidores (500–599).
https://developer.mozilla.org/es/docs/Web/HTTP/Status

Importante no abusar de las cookies para no limitar la velocidad de las peticiones

¿13?

Excelente explicación.

Saber dar uso correcto a la cookies, guardar lo necesario y lo mislo al dolicitar
Hacer más eficientes los sitios para aprovechar las nuevas tecnologías

¿Como funciona por debajo un sitio web?

Cuando voy a una Web el navegador consulta si tiene cacheado la dirección del DNS, si es así se hace un request al servidor con un método HTTP que puede ser (GET, POST, PUT etc).

Ese request normalmente lleva información relacionada con la información (Headers) que tiene data como el navegador desde el que se envió, data por el Body como un JSON don datos, Tokens de acceso (API KEYS) entre otros.

Una vez el servidor recibe la petición y la procesa normalmente va a responder de la misma forma con un status de la petición (Si falló o todo estuvo OK), con la fecha, el tamaño de la respuesta, el tipo de contendido, el contenido entre otros.

¿Donde quedan las cookies?

Todo lo que viaja por los headers le dan peso a la petición y las cookies, viajan en cada petición que hacemos al servidor, tanto en la petición como en la respuesta, por ende es de suma importancia usar este recurso con prudencia porque puede hacer las peticiones de mi sitio sumamente lentas.

Min 6:05 Freddy tiene su momento Pitbull.