WEB ATELIER (UDIT)

Learning by doing, with theory, practice and shared reflection

Critical Coding for a Better Living

Rubén Vega Balbás, PhD · UDIT

Bienvenidos al portal de ATELIER UDIT , un marco pedagógico innovador para la enseñanza del diseño web que integra práctica continua, reflexión crítica y desarrollo ético centrado en las personas.

Lecciones Canónicas / Canonical Lessons

Lecciones en Español

Contenido pedagógico completo en español con enfoque en accesibilidad, diseño responsivo y desarrollo ético.

Explorar Lecciones en español
Accede a todas las lecciones del curso en idioma español

Lessons in English

Complete pedagogical content in English with focus on accessibility, responsive design, and ethical development.

Explore Lessons in English
Access all course lessons in English language

Cursos de Aprendizaje / Learning Tracks

✓ Finalizado

Ilustración Aplicada

4 sesiones · 16 horas

Convierte tu lenguaje visual en un producto web publicado. Desde "Hello, Web" hasta una experiencia interactiva con galerías de tu arte.

  • ✓ HTML/CSS y responsive
  • ✓ Galerías de imágenes y layouts
  • ✓ Interactividad básica
  • ✓ Metodología ATELIER
Iniciar Curso de Ilustración Aplicada
Accede al curso de Ilustración Aplicada para publicar tu arte en la web
En proceso

HELIOS DECK

8 sprints · Fullstack · Clima espacial

Observatorio cósmico de datos geofísicos. Dashboard con React Router v7 SSR, SQLite, WebSockets y APIs públicas (NASA, NOAA, GFZ).

  • ✓ Fetch CRUD y normalización de APIs
  • ✓ Gráficas y widgets configurables
  • ✓ WebSockets en tiempo real
  • ✓ Deploy asistido por IA
Iniciar Curso HELIOS DECK — Observatorio Cósmico
Accede al track HELIOS DECK para construir un dashboard de clima espacial fullstack
Borrador

Próximamente

Más cursos en desarrollo

Estamos trabajando en nuevos cursos especializados para diferentes perfiles y necesidades de aprendizaje.

• UX/UI Design

• Accesibilidad Web

Metodología / Methodology

Basado en Proyectos

Cada estudiante desarrolla un proyecto web personal a lo largo del semestre, aplicando conceptos de forma práctica e incremental.

Un Commit por Clase

Estructura ágil adaptada a la educación: cada sesión termina con un commit que documenta el progreso semanal.

Codificación Crítica

Reflexión sobre el contexto social y ético de la tecnología, promoviendo diseño inclusivo y responsable.

Accesibilidad por Defecto

Integración de principios de accesibilidad web desde el primer día, siguiendo estándares WCAG 2.1.

Recursos Adicionales / Additional Resources

Plantillas y Ejemplos

Plantillas de inicio, ejemplos de código y recursos para proyectos estudiantiles.

Ver Plantillas

Methodology

Pedagogical Framework

Documentación detallada sobre el enfoque pedagógico y mejores prácticas.

Core

Read Methodology Leer Metodología

AI Guidance

AI Practical Guide (EN) Guía Práctica de IA (ES)

Herramientas de Desarrollo

Configuración de entorno, flujos de CI/CD y herramientas de validación.

Ver en GitHub

Referencias y Grafo

Explora la base de referencias escaneadas y el grafo de relaciones.

Referencias (ES) References (EN) Grafo (ES) Graph (EN)

Evaluación / Evaluation

Filosofía de evaluación, rúbricas y recursos para LMS.

Evaluación (ES) Evaluation (EN)