Aventura Web: Estática vs DinámicaVersión en línea
Presentacion de aplicaciones web
1
APLICACIONES WEB: dinamicas y estaticas
- ¿Qué es una aplicación web? Programa accesible desde el navegador que ofrece información y/o funcionalidades en línea.
- Clasificación: estática vs dinámica según cómo se genera el contenido.
3
Web estática — ¿qué es?
- Páginas con contenido fijo entregado tal cual por el servidor (HTML/CSS/JS).
- No requieren procesamiento servidor por petición para construir la página.
4
Web estática — ejemplos
- Landing page, portafolio personal, documentación técnica, brochure empresarial.
5
Web estática — tecnologías y hosting
- HTML, CSS, JavaScript (archivos estáticos).
- Hosting común: GitHub Pages, Netlify, Amazon S3, CDN.
6
Web estática — ventajas
- Rápidas, seguras, bajo coste y fáciles de desplegar y escalar con CDN.
7
Web estática — limitaciones
- Poca personalización, difícil manejo de grandes datos o funcionalidades interactivas complejas.
8
Web dinámica — ¿qué es?
- Contenido generado en tiempo real por servidor o por lógica en el cliente; permite personalización y gestión de datos.
9
Web dinámica — ejemplos
- Tiendas online, redes sociales, paneles administrativos, sistemas con usuarios y transacciones.
10
Web dinámica — tecnologías
- Backend: Node.js, Django, Ruby on Rails, PHP, .NET.
- Bases de datos: MySQL, PostgreSQL, MongoDB.
- Frontend/SPAs: React, Vue, Angular.
- APIs REST/GraphQL y funciones serverless.
11
Web dinámica — ventajas
- Contenido personalizado, integración con bases de datos y lógica compleja (autenticación, pagos, filtros).
12
Web dinámica — limitaciones
- Mayor complejidad, coste de infraestructura y necesidad de mantenimiento y seguridad.
- Contenido: estático = fijo; dinámico = generado.
- Interactividad: estático = limitada; dinámico = alta.
- Rendimiento/coste: estático = mejor rendimiento y menor coste; dinámico = más recursos.
- Escalado: estático = sencillo (CDN); dinámico = requiere backend escalable.
14
Arquitectura mixta (JAMstack)
- Páginas pre-renderizadas + APIs/funciones serverless para partes dinámicas.
- Ventaja: rendimiento del estático con capacidad dinámica cuando se necesita.
15
Seguridad y rendimiento (resumen)
- Estáticas: menos vectores de ataque; usar CDN.
- Dinámicas: proteger autenticación, prevenir inyección SQL/NoSQL, XSS, CSRF; usar caching y balanceo.
- Elige estática si: contenido mayormente fijo, prioridad en velocidad y coste.
- Elige dinámica si: necesitas usuarios, transacciones o personalización.
- Considera híbrido para combinar lo mejor de ambos.
- La elección depende de objetivos y recursos. Hoy es común mezclar estrategias para optimizar rendimiento y funcionalidad.
|
