Arquitectura Web 3.0 Frontend

Para entender cómo funciona la web iremos viendo cómo funciona de una manera sencilla a la más compleja. En esta entrada veremos los pasos para resolver una petición Web HTTP que gestionar el Navegador Web y cómo se ejecuta el código Javascript

 

  • Cliente Web: Solicita la resolución de nombres, actúa como un cliente DNS, para que el servidor DNS traduzca el nombre que le pasa el cliente web. Por ejemplo: cursosdedesarrollo.com
  • Servidor DNS: Recibe y trata la solicitud. Una vez recibida la petición realiza las consultas necesarias para resolver y obtener la dirección IP.
  • Servidor DNS: Devuelve en la respuesta la dirección IP que corresponde al Servidor Web al navegador Web.
  • Cliente Web: Conecta con el servidor web mediante la dirección IP y el puerto. Realiza la petición mediante una URL(Método GET) . Dicha solicitud incluye: la dirección IP del servidor web, el puerto del servidor web, URL y la ruta el fichero Javascript.
  • Servidor Web: Control de Acceso, Análisis de la petición y localización del recurso. Como detecta que es un fichero estático lo busca en el sistema de fichero para devolverlo
  • El servidor Web devolverá el fichero Javascript dentro de la respuesta HTTP al navegador web
  • Cliente Web: Ejecuta línea a línea el fichero Javascript
  • El cliente web entrará en el bucle principal de eventos
  • Cuando llegue un evento el cliente web lanzará el evento,
  • El cliente web ejecutará la función asociada a dicho eventos
  • Después se quedará esperando al siguiente evento.
  • Estos últimos pasos se repetirán de evento en eventos
  • Dentro de estos eventos podremos lanzar peticiones desde JS a un backend, como explicaremos en la siguiente entrada.

Comments

Leave a Reply

*

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Categorías de Cursos

Suscríbete al Boletín

Si quieres estar al tanto de las novedades del blog, ya sabes :)
* = campo obligatorio

powered by MailChimp!

Si estás interesado en seguir formándote tenemos una serie de cursos gratuitos: http://cursosdedesarrollo.com/cursos/

También disponemos de algunos cursos de pago por si son de tu interés: https://cursosdedesarrollo.com/tienda/

Curso de Angular: https://cursosdedesarrollo.com/tienda/angular/

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies