Usuario:ManuelRomero/ProgramacionWeb/2 arquitectura - Historial de revisiones

ManuelRomero: /* Arquitectura Web */

2025-10-07T11:11:02Z

‎Arquitectura Web

ManuelRomero: /* Ejemplos de arquitecturas tecnológicas */

2025-10-07T10:56:58Z

‎Ejemplos de arquitecturas tecnológicas

ManuelRomero en 10:45 7 oct 2025

2025-10-07T10:45:21Z

ManuelRomero en 10:44 7 oct 2025

2025-10-07T10:44:53Z

ManuelRomero: Página creada con «🧱 SECCIÓN 1: Arquitectura Web
==Arquitectura Web==
{{Definicion |title=¿Qué...»

2025-10-07T10:44:29Z

Página creada con «🧱 SECCIÓN 1: Arquitectura Web  <div class="slide"> ==Arquitectura Web== </div> {{Definicion |title=¿Qué...»

Página nueva

🧱 SECCIÓN 1: Arquitectura Web

<div class="slide">

==Arquitectura Web==
</div>

{{Definicion
|title=¿Qué es la Arquitectura Web?
|texto=La arquitectura web define la estructura y la forma en que se organizan los diferentes componentes de una aplicación que funciona en un entorno web.
Como en la construcción de un edificio, necesitamos planos (diseño), materiales (tecnologías) y roles profesionales (desarrolladores, diseñadores, administradores de sistemas).
}}

{{Color|blue|
'''Objetivo:''' construir aplicaciones funcionales, seguras y escalables que combinen cliente, servidor y base de datos.
}}

===Componentes principales de una aplicación web===

# '''Servidor web''' → recibe las peticiones del cliente y devuelve una respuesta HTTP (ej: Apache, Nginx).
# '''Servidor de bases de datos''' → gestiona la información (ej: MySQL, PostgreSQL, MongoDB).
# '''Módulo de ejecución de código en el servidor''' → interpreta scripts dinámicos (ej: PHP, Node.js, Python).
# '''Cliente web''' → interpreta HTML, CSS y JavaScript (ej: navegadores).
# '''Lenguajes de programación''' → usados para construir tanto la parte visible (frontend) como la lógica (backend).

{{Pregunta|texto=¿Qué diferencia hay entre el cliente (frontend) y el servidor (backend)?}}

===Arquitectura de la aplicación===

{{Definicion
|title=Arquitectura de tres capas
|texto=Las aplicaciones web modernas suelen dividirse en tres capas:
* '''Capa de presentación''' → interfaz de usuario (HTML, CSS, JS)
* '''Capa lógica o de negocio''' → funcionalidad de la aplicación (PHP, Python, Node.js)
* '''Capa de datos''' → almacenamiento y acceso a la base de datos (MySQL, MongoDB, etc.)
}}

[[Archivo:ArquitecturaWeb3Capas.png|center|600px|Diagrama de arquitectura de tres capas]]

{{Color|green|
Separar el código por capas facilita el mantenimiento, la escalabilidad y el trabajo en equipo.
}}

===Roles en el desarrollo===

* Desarrollador backend
* Desarrollador frontend
* Diseñador web
* Administrador de sistemas
* DevOps / Full Stack Developer

{{Pregunta|texto=¿Qué tareas realiza cada rol en un proyecto web?}}

⚙️ SECCIÓN 2: Tecnologías para programación web del lado del servidor
<div class="slide">

==Tecnologías para programación web del lado del servidor==
</div>

===Introducción===

Cuando hablamos de tecnologías web del lado del servidor, nos referimos a los lenguajes, frameworks y herramientas que se ejecutan en el servidor para generar páginas dinámicas y procesar la lógica de negocio.

{{Definicion
|title=Lenguajes del lado del servidor
|texto=Son aquellos que se ejecutan en el servidor y generan la respuesta HTML o JSON que recibe el cliente. Ejemplos:
* PHP
* Python
* JavaScript (Node.js)
* Java
* Ruby
}}

===Frameworks modernos===

Un '''framework''' no es una nueva tecnología, sino una forma organizada de trabajar con una tecnología existente.
Proporciona una estructura, utilidades y convenciones para acelerar el desarrollo.

{| class="wikitable" style="width:100%; text-align:center"
! Lenguaje base !! Framework !! Descripción breve
|-
| PHP || '''Laravel''' || Basado en MVC. Muy usado para desarrollo rápido, limpio y seguro.
|-
| Python || '''Django''' || Robusto y completo, con ORM, sistema de autenticación y panel de administración integrado.
|-
| JavaScript || '''Express''' (Node.js) || Minimalista y flexible para APIs y aplicaciones en tiempo real.
|-
| Java || '''Spring Boot''' || Estandar empresarial; muy usado en grandes aplicaciones y microservicios.
|-
| Ruby || '''Ruby on Rails''' || Pionero en la filosofía “convención sobre configuración”.
|}

{{Pregunta|texto=¿Por qué los frameworks facilitan el desarrollo?}}

===Ejemplos de arquitecturas tecnológicas===

{| class="wikitable" style="width:100%"
! Arquitectura !! Significado !! Componentes
|-
| '''LAMP / WAMP''' || Linux/Windows + Apache + MySQL + PHP || Clásica, muy usada en entornos educativos.
|-
| '''MEAN / MERN''' || MongoDB + Express + Angular/React + Node.js || Enfoque JavaScript completo (frontend y backend).
|-
| '''Django Stack''' || Python + Django + PostgreSQL + Nginx/Apache || Alternativa moderna, segura y escalable.
|-
| '''Java EE / Spring''' || Java Enterprise Edition || Orientada a grandes empresas, con servidores Tomcat o Glassfish.
|}

{{Color|orange|
Las pilas tecnológicas combinan sistemas operativos, servidores, bases de datos y lenguajes de programación.
}}

===Tendencias modernas===

* Uso de contenedores con '''Docker''' para aislar servicios.
* Despliegues automatizados con '''CI/CD''' (GitHub Actions, GitLab CI).
* Arquitecturas '''basadas en microservicios''' o '''serverless'''.
* Frameworks backend con soporte API REST y GraphQL.
* Integración de servicios en la nube (AWS, Azure, Google Cloud).

{{Pregunta|texto=¿Qué ventajas ofrece el uso de contenedores en el desarrollo web?}}

===Recursos para explorar===

* [https://www.djangoproject.com/ Django Project]
* [https://laravel.com Laravel Framework]
* [https://nodejs.org Node.js]
* [https://spring.io/projects/spring-boot Spring Boot]
* [https://www.mongodb.com/ MongoDB]
* [https://www.youtube.com/watch?v=_yi3UVcuw_8 Visión general del desarrollo web (YouTube)]

{{Color|blue|
Durante este curso utilizaremos '''PHP y Laravel''' como nuestra principal tecnología de servidor, per

← Revisión anterior		Revisión de 10:44 7 oct 2025
Línea 132:		Línea 132:

	{{Color\|blue\|		{{Color\|blue\|
−	Durante este curso utilizaremos '''PHP y Laravel''' como nuestra principal tecnología de servidor, ~~per~~	+	Durante este curso utilizaremos '''PHP y Laravel''' como nuestra principal tecnología de servidor, pero también conoceremos alternativas modernas como '''Django''' y '''Node.js'''.
		+	}}

@@ Línea 7: / Línea 7: @@
 {{Definicion
-|title=¿Qué es la Arquitectura Web?
+|title=¿Qué es la Arquitectura Web?|La arquitectura web define la estructura y la forma en que se organizan los diferentes componentes de una aplicación que funciona en un entorno web.
-|texto=La arquitectura web define la estructura y la forma en que se organizan los diferentes componentes de una aplicación que funciona en un entorno web.
 Como en la construcción de un edificio, necesitamos planos (diseño), materiales (tecnologías) y roles profesionales (desarrolladores, diseñadores, administradores de sistemas).
 }}

@@ Línea 106: / Línea 106: @@
 |-
 | '''Java EE / Spring''' || Java Enterprise Edition || Orientada a grandes empresas, con servidores Tomcat o Glassfish.
 |}
 {{Color|orange|
 Las pilas tecnológicas combinan sistemas operativos, servidores, bases de datos y lenguajes de programación.
 }}
 ===Tendencias modernas===