Dentro de la arquitectura Web un Entorno Desacoplado es la combinación de un FrontEnd y un Backend. En esta entrada veremos cómo funciona esta arquitectura desde los puntos más básicos.

Como puede verse en el diagrama, una vez cargada una aplicación Frontend, se debería comportar como un agente más que consulta al Servicio Web Rest o Backend.

• El Frontend descarga todos los ficheros necesarios para su ejecución, desde un servidor web de ficheros estáticos.
• El Navegador ejecuta el código JS y va atendiendo a los eventos que sucedan.
• Cuando el navegador termina de cargar la página lanza el evento DOMContentLoaded, ejecuta la función asociada.
• Después se queda a la espera en el Bucle Principal de Eventos.
• El Frontend en algún momento, realiza una petición web a través del Javascript de navegador al Backend, llamda formalmente AJAX. Es posible que si la petición es POST o PUT se envíen datos en JSON.
• El Backend recibe esa petición y devuelve los datos, normalmente en formato JSON.
• El Frontend recibe estos datos, los procesa y normalmente los presenta por pantalla.

No olvides repasar los demás artículos de la serie de arquitectura.