4 semanas1 lecture principal + 1 práctica guiada

Detalle del módulo

Fundamentos del Desarrollo Web

Dominar las bases del desarrollo web y la lógica necesaria para construir interfaces dinámicas desde cero.

Proyecto del módulo

Aplicación web interactiva que genera contenido dinámico a partir de la interacción del usuario.

Formato de examen

Quiz técnico de fundamentos + ejercicio corto de depuración + revisión de estructura HTML/CSS.

Fuente: mysqlLessons: 3Assets: 2

Entrega de práctica

Qué debe subir el alumno

Mini labs semanales
Repositorio con commits explicados
PDF breve de decisiones técnicas
Flujo recomendado: repositorio o zip para la parte técnica, PDF corto para justificar decisiones y feedback automático con rúbrica.

Temáticas

El contenido del módulo ya está modelado como estructura de lección.

Cuando conectemos la base de datos, cada tema se convertirá en lesson, assets asociados, quiz y checkpoints de progreso.

1

HTML semántico

Estructura correcta del documento y bases de accesibilidad.

lecture · 35 min

2

CSS moderno con Flexbox y Grid

Diseño responsive y composición visual base.

lecture · 40 min

3

DOM y eventos

Interacción básica y render dinámico desde JavaScript.

workshop · 45 min

Entrega real

Sube una práctica y recibe corrección automática.

Esta primera versión acepta repositorio, archivo comprimido y PDF de apoyo. Si MySQL está configurado, los archivos se guardan y la evaluación se persiste.

Assets del módulo

Video overview de Fundamentos

video

Video overview oscuro y técnico para repasar los fundamentos del desarrollo web.

Infografía de DOM y eventos

image

Infografía editorial que explique eventos del DOM con código y flujo visual.

Corrección automática

Rúbrica aplicada por el sistema.

Funcionalidad y cumplimiento del enunciado25

Valora si la práctica resuelve el problema.

Calidad del código y estructura del proyecto25

Mide orden, claridad y mantenibilidad.

Uso correcto de herramientas del módulo25

Comprueba HTML, CSS, JS, Git y debugging.

Capacidad de depuración y documentación25

Evalúa explicación del alumno y evidencia técnica.

Siguiente paso

Conectar esta vista al motor de contenido.

El siguiente hito técnico es persistir módulos, lessons, assets, entregas y evaluaciones en MySQL para dejar la experiencia completamente dinámica.

Ir al panel editorial