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
npmni 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.jsonni 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:
- Lo que se enseña hoy es lo que se ve dentro de dos años.
- Los capítulos no se desincronizan: 3.3 y 4.1 usan el mismo HTMX.
- 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.