Code 201: Fundamentals

Duración: 10 semanas (128 horas)
Modalidad:

• Clases en vivo online (2 veces por semana, 7:00 PM - 10:00 PM)
• 1 presentación de proyectos (cada 2 semanas)

Dirigido a: Personas adultas con conocimientos básicos de desarrollo web (HTML, CSS, lógica con JavaScript).

Este curso consolida tu transición de principiante a desarrollador(a) con fundamentos sólidos. Aprenderás a crear aplicaciones web interactivas, manejar la lógica detrás del DOM, trabajar con programación orientada a objetos y administrar el estado de tu aplicación. Además, reforzarás tu pensamiento crítico y técnico para implementar soluciones reales con JavaScript puro.

🟡 Requiere conocimientos básicos de HTML, CSS y lógica con JavaScript.

Inversión de tiempo

Tipo de actividad	Horas
Clases en vivo (25)	75
Actividades asíncronas	45
Networking	8
Total	128

Total: 128 horas ~ 10 semanas

🟡 Requiere de una inversión de 12 horas por semana en total.

🎯 Objetivos de Aprendizaje

Al finalizar este curso, podrás:

• Construir interfaces accesibles con HTML semántico y layouts modernos en CSS.
• Aplicar paradigmas de programación: imperativa, funcional y orientada a objetos.
• Modelar el comportamiento de una app interactiva usando prototipos y callbacks.
• Manipular el DOM como una API de objetos.
• Gestionar eventos, estado y persistencia con LocalStorage.
• Diseñar, implementar y presentar una aplicación web funcional de mediana complejidad.
• Justificar decisiones técnicas y usar IA como herramienta de validación, no de dependencia.

Sílabo del Curso

▶︎ Módulo 1: Fundamentos de la Web Moderna

1. HTML5 Semántico y Accesibilidad
   Mejores prácticas, etiquetas estructurales, diseño inclusivo.
2. CSS Layout con Flexbox
   Ejes, alineación, distribución eficiente del espacio.
3. CSS Grid Layout
   Rejillas bidimensionales, áreas y líneas, diseño adaptable.
4. Frameworks CSS Modernos
   Normalización, utilidades y principios de diseño escalable.
   • Proyecto-integrador: Landing Page Accesible y Modular.

▶︎ Módulo 2: Fundamentos de Programación

1. Programación Imperativa
   Control de flujo, variables, lógica paso a paso.
2. Programación Funcional
   Funciones puras, inmutabilidad, callbacks.
3. Programación Orientada a Objetos
   Clases, herencia, encapsulamiento.
4. Tipos de Objetos en JavaScript
   Objetos literales, arrays, funciones, custom types.
   • Proyecto-integrador: Simulador Lógico de Entidad Interactiva.

▶︎ Módulo 3: Aplicaciones Web con Objetos

1. Prototipos en JavaScript
   Delegación, cadena de prototipos, reutilización de comportamiento.
2. Funciones y Callbacks
   Modularidad, asincronismo básico, diseño basado en eventos.
3. DOM como API de Objetos
   Árbol DOM, selección, atributos, relaciones.
4. Manipulación del DOM
   Inserción dinámica, interactividad, efectos visuales.
   • Proyecto-integrador: App de Interacción Dinámica con DOM.

▶︎ Módulo 4: Eventos y Persistencia

1. Event Handling Básico
   Listeners, bubbling, delegación de eventos.
2. App State Management
   Modelo de datos, sincronización visual, estructuras reactivas.
3. JSON y LocalStorage
   Serialización, persistencia local, recuperación de estado.
4. Persistencia y sincronización
   Integración de lógica, estado y UI en tiempo real.
   • Proyecto-integrador: Aplicación CRUD en LocalStorage.

▶︎ Módulo 5: Proyecto Real

1. Ideation + Research + Stories
   Validación de ideas, segmentación funcional, planificación ágil.
2. Sprint 1
   Implementación inicial, base técnica validada.
3. User Validation + Sprint 2
   Iteración basada en feedback, mejora de experiencia.
4. Demo Day
   Presentación final, evaluación técnica, feedback 360°.
   • Proyecto final: Aplicación Web Interactiva Validada por Usuarios Reales.

Admisión

• Revisa las formas de ingresar aquí

📅 Calendario

• Próximo Inicio de Code 201

<= Regresar