Canvas — Programación Web

Asignatura Programación Web — HTML, CSS, JavaScript y Vite

Competencias clave

El estudiante será capaz de construir aplicaciones web modernas desde cero utilizando HTML semántico, CSS responsive y JavaScript interactivo, integrando herramientas de desarrollo profesional como Vite y Git.

Desafío y producto final

Construir un portafolio web personal con al menos 3 proyectos integrados, desplegado en Netlify o Vercel, aplicando Vite como herramienta de build y Git para control de versiones.

Tareas y temáticas

HTML semántico y accesibilidad
CSS Flexbox y Grid
JavaScript DOM y eventos
Fetch API y consumo de APIs REST
Vite: dev server y build
Git y GitHub básico

Recursos

Editor VS Code + extensiones (Prettier, Live Server)
Navegador con DevTools (Chrome / Firefox)
Repositorios GitHub de la clase
MDN Web Docs como referencia principal
Figma para diseño de mockups previos al código

Herramientas TIC

Vite — build tool y dev server
GitHub Classroom — entrega y code review por Pull Requests
VS Code — editor con Live Share para pair programming
Chrome DevTools — debugging y performance
Netlify — deploy continuo del portafolio final

Métodos de evaluación

Tareas semanales de código30%
Participación y code review10%
Quiz de conceptos10%
Portafolio desplegado30%
Presentación final10%
Autoevaluación SCAMPER10%

Estrategias para el relacionamiento

PARTE CRUCIAL DEL TRABAJO

A partir del análisis SCAMPER de los grupos y teniendo un amplio panorama de todos los equipos, se aplicarán las siguientes estrategias que como docente puedo aplicar y que repercutirán en la relación con el estudiante:

Pair programming semanal entre pares
Feedback positivo y específico en cada entrega
Retroalimentación grupal cada 2 semanas
Espacio de dudas asíncrono por GitHub Discussions
Demo day al final de cada unidad para celebrar logros
Mentoría personalizada para estudiantes con dificultades técnicas