Arquitectura Web 3.0 Frontend

Dec 2 2019

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.