Saltar a contenido

Recursos desde CDN

Los ejemplos web de este curso (chatbots, interfaces, fórmulas) cargan sus librerías de JavaScript y CSS desde un CDN (un servicio público que sirve ficheros ya publicados). No descargas nada ni instalas nada para verlos funcionar: es la forma más rápida de partir, y la más habitual en documentación técnica.

Esta página explica qué se carga, por qué desde CDN y por qué las versiones están fijadas, para que entiendas la decisión y puedas repetirla en tu propio proyecto.

Qué se carga desde CDN

Recurso Para qué Dónde se usa
MathJax Dibujar las fórmulas LaTeX de estas páginas Todo el sitio
HTMX Enviar peticiones al servidor y pintar la respuesta, sin JavaScript propio 3.3, 4.1 y 4.3 de Programación de IA
hx-sse La extensión oficial de HTMX para leer eventos SSE 3.3 y 4.1
Tailwind Los estilos de las interfaces (Play CDN) 3.3 y 4.1

Todo lo demás es local: los datasets de datos/, los modelos, los scripts de Python, el CSS del sitio y las imágenes.

Por qué desde CDN

  • Cero instalación. Abres el HTML en el navegador y funciona, sin npm ni paso de compilación.
  • El ejemplo es el protagonista. Un fragmento copiado en cualquier proyecto web sigue funcionando tal cual.
  • Menos código de acompañamiento. No hay package.json ni carpeta de dependencias que explicar en un capítulo de 3 horas.

Por qué las versiones están fijadas

Fijar la versión no es rigidez, es reproducibilidad. Fíjate en la diferencia:

<!-- Sin fijar: pide "la última 3.x" -->
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

<!-- Fijada: pide exactamente esta versión -->
<script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.js"></script>

Si MathJax publica mañana una 3.3 con cambios internos, la primera línea cambiará de comportamiento sin que nadie toque el material. La segunda no se moverá. Con la versión fijada:

  1. Lo que se enseña hoy es lo que se ve dentro de dos años.
  2. Los capítulos no se desincronizan: 3.3 y 4.1 usan el mismo HTMX.
  3. Si algo falla, se sabe la versión con la que se probó.

Qué se espera de cada librería

  • En desarrollo y en clase: la versión fijada es suficiente. Tailwind declara explícitamente que su Play CDN es para desarrollo, no para producción; para un ejemplo en clase, es justo lo que se busca.
  • En producción: los CDNs son una fuente externa. Si un proveedor cambia una ruta o deja de servir un fichero, la página se queda sin estilo o sin fórmulas. Para producción, lo habitual es autoalojar (copiar los ficheros a tu propio servidor) o usar un CDN con garantía de servicio.
  • Sin conexión: las páginas con fórmulas o estilos de interfaz necesitan internet. Los ejemplos de Python, en cambio, son completamente locales (ver Marimo y Entorno de trabajo).

La regla del curso

CDN con versión fijada para aprender y prototipar. Autoalojamiento o CDN con garantía para producción.

Cuando en un proyecto profesional necesites robustez, decide sabiendo qué intercambias: un CDN te da comodidad y versiones fijas a cambio de depender de un servicio externo; autoalojar te da control a cambio de mantener tú los ficheros.