Ideas de aprendizaje activo
La arquitectura web se basa en la distinción entre lo que el usuario ve (Front-end) y lo que sucede en el servidor (Back-end). Para los estudiantes de IV Medio, comprender esta separación es crucial para entender cómo funcionan las plataformas modernas, desde redes sociales hasta sistemas de banca en línea. Este tema aborda el OA 2, permitiendo a los alumnos visualizar el ecosistema digital como un conjunto de componentes interconectados que deben comunicarse de manera eficiente.
Actividad 01
Estudiantes representan roles: el Navegador, el Servidor DNS, el Servidor Web y la Base de Datos. Deben pasarse 'mensajes' (sobres) que representan peticiones y respuestas, simulando físicamente lo que ocurre cuando alguien entra a una página como Wikipedia.
¿Cuál es la diferencia fundamental entre Front-end y Back-end?
Actividad 02
Cada pareja investiga las tecnologías que usa una empresa chilena exitosa (como Cornershop o NotCo). Deben identificar qué herramientas usan para el Front-end y cuáles para el Back-end, creando un diagrama comparativo.
¿Cómo interactúan los usuarios con las aplicaciones web modernas?
Actividad 03
Se presenta un problema (ej. validar un formulario). Los estudiantes deciden individualmente si la validación debe ir en el Front-end, en el Back-end o en ambos, discuten sus razones con un compañero y exponen la mejor práctica.
¿Qué tecnologías dominan el mercado actual de desarrollo web?
Algunas notas para enseñar esta unidad
Cuidado con estas ideas erróneas
Creer que el Front-end es solo 'diseño' y no requiere programación.
Es común pensar que el Front-end es solo estética. A través de ejercicios con JavaScript, los estudiantes descubren que el Front-end maneja lógica compleja de interfaz, estado y comunicación con el servidor.
Pensar que el Back-end y la Base de Datos son lo mismo.
Los alumnos suelen confundir el servidor de aplicaciones con el de datos. Usar diagramas de arquitectura claros y simulaciones de roles ayuda a distinguir la lógica de negocio (Back-end) del almacenamiento persistente (Base de Datos).
Metodologías usadas en este resumen