Contexto del tema

Casi todo lo que hoy usa un ciudadano de la Administración es una aplicación web: una sede electrónica, un formulario, una consulta de expedientes. Este tema explica cómo están hechas. Hay una parte que se ejecuta en el navegador (la estructura con HTML, la presentación con CSS, el comportamiento con JavaScript) y una parte que se ejecuta en el servidor (PHP y otros lenguajes, que generan la página y hablan con la base de datos). En medio, los formatos con los que se intercambian datos: XML, JSON y YAML.

Es un tema de leer código: dado un trozo de HTML, qué muestra; dada una regla CSS, qué elemento gana; dado un fragmento de JavaScript, qué ocurre; dado un documento XML, si está bien formado o es válido. Y de vocabulario que se pregunta con precisión: qué es el DOM, qué diferencia hay entre AJAX y Fetch, qué es XSLT y XPath, qué etiquetas trajo HTML5. Conviene tener un navegador abierto y probar.

El recorrido va de la arquitectura a cada lado: primero qué corre dónde; luego el lado del navegador con HTML y CSS; después XML y lo que lo rodea, con JSON y YAML; luego JavaScript, el DOM y la comunicación asíncrona con AJAX y Fetch; y al final el lado del servidor con PHP. Se apoya en el tema de HTTP para todo lo que viaja entre los dos lados.

Piensa siempre en los dos lados: el navegador muestra e interactúa, el servidor genera y guarda. Cada lenguaje del tema vive en uno de los dos, y JavaScript es el que cruza de un lado al otro con AJAX.