Please enable JavaScript.
Coggle requires JavaScript to display documents.
INTRODUCCIÓN A LAS APLICACIONES WEB, Backend (lógica y datos):, image,…
INTRODUCCIÓN A LAS APLICACIONES WEB
1.1 Evolución de las aplicaciones web
La evolución de las aplicaciones web se puede dividir en etapas:
Ejemplo de evolución:
Gmail comenzó como una app web básica (2004) y hoy usa inteligencia artificial y almacenamiento en la nube para clasificación automática y predicción de texto.
4. Web 4.0 y actual (2020–2026): Enfoque en IA, personalización, PWA (Progressive Web Apps) y uso de asistentes inteligentes.
3. Web 3.0 (2010–2020): Aplicaciones inteligentes, conectadas, con APIs y servicios en la nube. Ejemplo: Google Drive, Spotify Web.
2. Web 2.0 (2000s): Contenido dinámico, colaboración y redes sociales. Uso de AJAX y bases de datos. Ejemplo: Wikipedia, YouTube, Facebook inicial.
1. Web 1.0 (años 90): Sitios estáticos, sin interacción. Ejemplo: páginas informativas en HTML.
1.2 Arquitectura de las aplicaciones web
La arquitectura define cómo se estructura y comunica una aplicación web.
Componentes básicos:
- Cliente: El navegador que interpreta HTML, CSS y JavaScript.
- Servidor web: Recibe peticiones y entrega respuestas HTTP.
- Servidor de aplicación: Procesa la lógica del negocio (PHP, Node.js, Python, etc.).
- Base de datos: Almacena la información (MySQL, PostgreSQL, MongoDB, etc.).
1.4 Planificación de aplicaciones web
Antes de programar, se debe diseñar y planificar correctamente.
Etapas clave:
1. Análisis de requisitos: Identificar qué necesita el usuario (funciones, datos, flujo).
2. Diseño: Diagramas de flujo, arquitectura, diseño visual del interfaz (UI/UX).
3. Desarrollo: Programación siguiendo buenas prácticas.
4. Pruebas: Verificación funcional y de seguridad.
5. Despliegue: Publicar la app en un servidor o nube.
6. Mantenimiento: Monitorear, actualizar y optimizar.
1.3 Tecnologías para el desarrollo de aplicaciones web
Frontend (interfaz de usuario):
- HTML5 (estructura del contenido)
- CSS3 (diseño y estilos)
- JavaScript (interactividad)
- Frameworks: React, Vue.js, Angular, Svelte
Otras herramientas:
- APIs REST y GraphQL
- Servidores web (Apache, Nginx)
- Control de versiones (Git/GitHub)
- Contenedores (Docker)
- Servicios en la nube (AWS, Azure, Google Cloud)
Backend (lógica y datos):
- Lenguajes: PHP, Python (Django/Flask), Java (Spring), JavaScript (Node.js), Ruby, Go, Rust
- Frameworks: Laravel (PHP), Express (Node.js), FastAPI (Python)
- Bases de datos: MySQL, PostgreSQL, MongoDB, Redis
