🌐 Guía Visual y Actualizada de Tecnologías Web

---

🚀 AJAX (Asynchronous JavaScript and XML)

Permite modificar la página sin recargarla y actualizar la información de forma dinámica.

💡 Características principales

• Basado en JavaScript + XML (aunque hoy se usa más con JSON).
• No estandarizado, pero muy extendido.
• Envía y recibe datos del servidor en segundo plano (background).
• Perfecto para aplicaciones tipo push y mejoras en la experiencia de usuario.

🔹 Métodos clave:

• XMLHttpRequest → comunicación cliente-servidor sin recargar.
• Manipulación del DOM para actualizar la interfaz.

📦 Frameworks populares: jQuery, Axios, Dojo, ExtJS, Mootools, Prototype, Script.aculo.us.

Ejemplo AJAX:

let xhr = new XMLHttpRequest();
xhr.open("GET", "datos.json", true);
xhr.onload = () => console.log(JSON.parse(xhr.responseText));
xhr.send();

---

☕ APPLET (Java) (Obsoleto)

Código Java que se ejecutaba en el navegador dentro de un Sandbox.

⚠️ En desuso por problemas de seguridad. Sustituido por HTML5, Java Web Start y JavaScript.

🔹 Métodos importantes:

• init() → inicializa.
• start() → arranca.
• stop() → pausa.
• destroy() → libera recursos.

Ejemplo:

<applet code="MiApplet.class" width="300" height="300"></applet>

---

🖥️ SERVLET (Java)

Código Java que se ejecuta en el servidor para generar contenido dinámico (HTML, XML…).

💡 Características:

• Usa paquetes javax.servlet y javax.servlet.http.
• Se integra con JavaServer Pages (JSP).
• Métodos típicos:
  • doGet() → recibe peticiones GET.
  • doPost() → recibe datos POST.

Ejemplo básico:

protected void doGet(HttpServletRequest req, HttpServletResponse res)
        throws ServletException, IOException {
    res.getWriter().println("<h1>Hola desde Servlet</h1>");
}

📦 Frameworks asociados: Spring, Struts, JSF, Apache Tomcat.

---

📄 XML (eXtensible Markup Language)

Lenguaje para describir, almacenar e intercambiar datos.

💡 Características:

• Basado en SGML y UNICODE.
• Sensible a mayúsculas/minúsculas.
• Estructura jerárquica de etiquetas personalizadas.

Ejemplo XML:

<persona>
    <nombre>Juan</nombre>
    <edad>30</edad>
</persona>

🔹 Tecnologías relacionadas:

• XSLT → transforma XML a HTML u otros formatos.
• XPath → busca datos en XML.
• XQuery → consultas más avanzadas.

---

📜 JavaScript

Lenguaje de programación interpretado y orientado a objetos basado en prototipos.

💡 Usos principales:

• Manipular el DOM.
• Interactividad en páginas web.
• Conectar con APIs (REST, AJAX, Fetch API).

Ejemplo:

document.getElementById("btn").addEventListener("click", () => {
    alert("¡Hola Mundo!");
});

📦 Frameworks populares: React, Angular, Vue, Svelte, Node.js (lado servidor).

---

🔄 JSON (JavaScript Object Notation)

Formato ligero y muy usado para intercambio de datos entre cliente y servidor.

💡 Ventajas:

• Más simple que XML.
• Compatible con casi todos los lenguajes.
• Ideal para APIs REST.

Ejemplo JSON:

{
    "nombre": "Ana",
    "edad": 25,
    "ciudad": "Madrid"
}

---

🛠️ Tecnologías Complementarias

• JScript → Implementación Microsoft de ECMAScript.
• VBScript → Script propietario de Microsoft (obsoleto).
• PerlScript → Uso de Perl en scripts cliente (muy poco usado).

---

📌 Conclusión

El ecosistema web combina tecnologías del lado cliente (AJAX, JS) y lado servidor (Servlets) junto con formatos de datos (XML, JSON) para crear aplicaciones modernas, rápidas y dinámicas.