Cómo conectar el código de back-end al código de front-end

Un método popular en estos días es a través de los servicios REST. Lo que está haciendo en ese caso es hacer una solicitud AJAX (JavaScript o jQuery) a una determinada URL en el servidor. El cliente realiza una solicitud http de datos de esa url de la misma manera que normalmente haría una solicitud http para una página web. Sin embargo, en lugar de una página HTML, el servidor devuelve datos en formato XML o más comúnmente en formato JSON, y el marco front-end puede actuar sobre esos datos.

Algunos marcos, como AngularJS, facilitan este proceso, pero no son necesarios para que funcione.

Entonces, por ejemplo, podría tener una página de saludo que muestre el nombre de un usuario conectado, con este nombre solicitado desde una base de datos. El JavaScript del lado del cliente no puede conectarse directamente a una base de datos, por lo que podría tener una función que se activa cuando se carga la página de saludo, que realiza una solicitud AJAX al servidor y recupera un objeto JSON que podría verse como {nombre: Bob, apellido :Herrero}

El JavaScript del lado del cliente accedería a esos datos, utilizando la notación de puntos como data.firstname y data.lastname. Entonces podría mostrarse dinámicamente en la página sin requerir una recarga de la página.

Lo siento si eso fue demasiado complejo. Si desea saber más sobre cómo funciona en un nivel básico, aprenda jQuery y luego aprenda a trabajar con API, lo que puede hacer en Codecademy.

Para un front-end HTML, puede usar el elemento

Hay otra forma de verlo, no está enganchando el código de fondo al código de la interfaz. Pero más bien su código de back-end está generando todo el front-end y enviándolo.