Please enable JavaScript.
Coggle requires JavaScript to display documents.
Programación Web :checkered_flag: - Coggle Diagram
Programación Web
:checkered_flag:
Pagina Web :!:
Se trata de un solo documento digital( generalmente HTML), que se muestra en un navegador.
:pencil2:
Contenido
Texto, Imagenes, videos y enlaces
Sitio Web (Website) :<3:
Es un conjuto de paginas web relacionadas entre si, agrupadas bajo un mismo dominio de internet
Caracteristica
Es mayoritariamente estático o de consumo pasivo (el usuario lee y navega, pero no altera los datos profundos).
Aplicacion Web (Web App) :smiley:
El enfoque cambia de "informar" a "hacer". Es un sotextftware que se ejecuta en el navegador y permite al usuario realizar tareas complejas
Caracteristica
El usuario introduce datos que son procesados y almacenados, cambiando el estado de la aplicación. Se siente como usar un programa de escritorio (Word, Excel) pero en la nube.
Sistema Web (Web System):black_flag:
Es una plataforma integral que puede estar compuesta por multiples apliaciones web, sitios web, APIs y servicios de fondo que trabajan cordinados para gestionar procesos de negocio completos.
Caracteristica
Suele estar diseñado para gestionar flujos de trabajo organizacionales, conectar diferentes departamentos y manejar grandes volúmenes de datos transaccionales. A menudo tiene distintos niveles de acceso (roles).
Introudccion a las apicaciones web
Las aplicaciones web son sistemas de software accesibles mediante un navegador y una conexión a internet. A diferencia del software tradicional instalado en un equipo, una aplicación web se ejecuta principalmente en un servidor y el usuario la utiliza desde un cliente web.
Caracteristicas
-Accesibles desde cualquier dispositivo con navegador
-Actualizaciones automaticas (sin instalacion local)
-Multiplataforma(Windows,Android,iOS,etc)
-Uso de estandares web(HTML,CSS,JavaScript).
1.1 Evolucion de la aplicaciones web
Etapas
1.- Web 1.0 (años 90): Sitios estáticos, sin interacción. Ejemplo: páginas informativas en HTML.
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.
3.-Web 3.0 (2010–2020): Aplicaciones inteligentes, conectadas, con APIs y servicios en la nube. Ejemplo: Google Drive, Spotify Web.
4,-Web 4.0 y actual (2020–2026): Enfoque en IA, personalización, PWA (Progressive Web Apps) y uso de asistentes inteligentes.
1.2 Arquitectura de las aplicaicones web
Componentes basicos
1.- Cliente-Servidor: El cliente solicita datos y el servidor responde.
2.- Tres capas: Presentación, lógica de negocio y datos.
3.-Arquitectura MVC: Modelo, Vista, Controlador
4.-Arquitectura SPA (Single Page Application): Carga una sola página y actualiza el contenido dinámicamente con JavaScript (React, Angular, Vue).
5.-Arquitectura basada en microservicios: Cada módulo (usuarios, pagos, productos) es un servicio independiente, escalable y comunicable vía API.
1.3 Tecnologias para el desarrollo de aplicaicones web
Bakend (logica 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
Fronted (Interfaz de usuario)
-HTML5 (estructura del contenido)
-CSS3 (diseño y estilos)
-JavaScript (interactividad)
-Frameworks: React, Vue.js, Angular, Svelte
1.4 Planificacion de aplicaciones web
Etapas
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.
