Metodología de Enseñanza

1. Enfoque pedagógico

El curso Desarrollo de Aplicaciones Front-End con Framework Vue.js se desarrolla bajo un enfoque de aprendizaje activo, centrado en la práctica y la resolución de problemas reales.
Cada módulo se construye sobre la experiencia previa del estudiante, fomentando el trabajo colaborativo y la autonomía técnica.

“Se aprende desarrollando” — el eje principal del curso es la construcción iterativa de un proyecto funcional y documentado.

2. Estrategias de enseñanza

Estrategia	Descripción
Aprendizaje Basado en Proyectos (ABP)	Cada módulo culmina con un desafío o mini-proyecto práctico que aplica los contenidos aprendidos.
Aprendizaje Basado en Problemas (ABPRO)	Los estudiantes analizan un problema contextual real y diseñan una solución funcional en equipo.
Demostraciones guiadas (Live coding)	El docente implementa ejemplos en tiempo real, promoviendo el razonamiento algorítmico y el análisis del código.
Estudio de casos y retroalimentación	Se revisan ejemplos de código, buenas prácticas y anti-patrones comunes.
Evaluación continua y formativa	Se realizan retroalimentaciones semanales y revisiones de avances en repositorios GitHub.

3. Modalidad de trabajo

Clases sincrónicas: exposición de conceptos, demostraciones en vivo y ejercicios colaborativos.
Clases asincrónicas: material de apoyo, videos, lecturas y ejercicios complementarios.
Laboratorios prácticos: aplicación de conceptos en código, resolución de errores, integración con APIs.
Tutorías: espacios de apoyo individual o grupal para reforzar contenidos.
Repositorio Git: cada estudiante mantiene un repositorio personal con commits trazables y README descriptivo.

4. Organización del trabajo por módulos

Cada módulo sigue una estructura metodológica repetible:

Etapa	Actividades	Producto
Introducción	Presentación del módulo, objetivos y AE	Agenda semanal
Exploración guiada	Ejercicios base con ejemplos en vivo	Snippets y prácticas
Aplicación práctica	Desarrollo del desafío o mini-proyecto	Repositorio en GitHub
Evaluación formativa	Retroalimentación individual y por pares	Pull Request revisado
Síntesis y cierre	Conclusiones, bitácora de aprendizaje	Reflexión final y commit de cierre

5. Evaluación del aprendizaje

La evaluación se concibe como un proceso continuo y progresivo que valora tanto el resultado como el proceso de desarrollo.

Tipos de evaluación

Tipo	Características	Evidencia
Diagnóstica	Se aplica al inicio del curso para conocer el nivel técnico inicial.	Cuestionario o reto corto.
Formativa	Se aplica durante los módulos; busca guiar mejoras continuas.	Desafíos modulares (ABP/ABPRO).
Sumativa	Evalúa la competencia integral al cierre del curso.	Proyecto final e-commerce y defensa técnica.

Instrumentos de evaluación

Rúbricas de desempeño (por módulo y proyecto final).
Listas de cotejo y checklists de revisión.
Retroalimentación en línea (comentarios en PR, Classroom o Discord).
Autoevaluación y coevaluación entre pares.

6. Recursos y herramientas de apoyo

Categoría	Herramientas	Propósito
Desarrollo	VS Code, Node.js, Vite, GitHub	Codificación y control de versiones
Frameworks	Vue 3, Pinia, Vue Router	Construcción de interfaces y gestión de estado
Backend/servicios	Firebase	Autenticación, Firestore, hosting
Pruebas	Vitest, Vue Test Utils	Validación de componentes y lógica
Diseño/UI	Tailwind, DaisyUI	Prototipado rápido y diseño responsivo
Comunicación	Google Meet, Discord, Classroom	Coordinación y soporte
Documentación	Sitio de docs, lecturas PDF, ejemplos en línea	Referencia y consulta permanente

7. Roles y responsabilidades

Rol	Funciones principales
Docente guía	Planifica, expone contenidos, guía proyectos, realiza revisiones de código y retroalimentación.
Estudiante	Desarrolla desafíos, mantiene documentación en repositorios y participa activamente en tutorías y revisiones.
Asistente docente / tutor	Apoya en seguimiento técnico, corrección de ejercicios y acompañamiento en proyectos.
Pares / equipo	Colaboran en ABPRO, comparten buenas prácticas y validan el trabajo de sus compañeros.

8. Entorno de aprendizaje digital

El curso utiliza un ecosistema integrado que simula el flujo de trabajo de un desarrollador profesional:

GitHub / GitLab → control de versiones, issues, PR.
VS Code + Vite → entorno local de desarrollo.
Firebase / Cloudflare → despliegue y hosting.
Vitest + Coverage → pruebas unitarias.
Discord / Classroom → comunicación y seguimiento diario.
Sitio de documentación (Starlight) → repositorio oficial de lecturas y guías.

9. Retroalimentación y mejora continua

Feedback semanal en sesiones prácticas o mediante comentarios en PR.
Encuestas cortas para medir nivel de comprensión y satisfacción.
Actualización de materiales y guías conforme avanza cada cohorte.
Registro de versiones del curso mediante ramas (cohorte/2025-1, cohorte/2025-2).

10. Normas de participación

Se espera participación activa en foros, clases y revisiones.
Respeto y colaboración son pilares del trabajo en equipo.
Los commits deben ser personales y describir claramente las acciones realizadas.
El uso de herramientas de IA es permitido para consulta y optimización, no para entregar código sin comprensión.

11. Evaluación del curso (docente y estudiante)

Al cierre de cada cohorte se realiza:

Autoevaluación del curso por parte del docente (mejoras técnicas y pedagógicas).
Encuesta de satisfacción estudiantil.
Revisión de proyectos destacados para incorporar como material de ejemplo en futuras ediciones.

12. Actualización y versiones

Esta metodología es revisada semestralmente por el equipo docente para incorporar nuevas herramientas, prácticas y enfoques de enseñanza.
Versión vigente: Cohorte 2025-1
Última actualización: 23 de octubre de 2025