Code 101 - Elementals

Duración: 4 semanas (48 horas)
Modalidad: Clases en vivo online (3 veces por semana, 7:00 PM - 10:00 PM)
Dirigido a: Personas adultas sin experiencia previa en programación, con habilidades digitales básicas.

Este curso es tu primer paso hacia convertirte en desarrollador(a). Aprenderás cómo funciona la web moderna, cómo construir páginas accesibles con HTML y CSS, y cómo resolver problemas lógicos con JavaScript. Además, dominarás herramientas esenciales como VS Code, la terminal, GitHub y asistentes con IA como ChatGPT y Copilot.

🟢 No se necesitan conocimientos previos.

Inversión de tiempo

Tipo de actividad	Horas
Clases en vivo (12)	34
Actividades asíncronas	12
Networking	4
Total	48

Total: 48 horas ~ 4 semanas

🎯 Objetivos de Aprendizaje

Al finalizar este curso, podrás:

• Comprender cómo funciona una aplicación web moderna.
• Crear estructuras accesibles con HTML semántico.
• Aplicar estilos y layouts básicos con CSS.
• Usar herramientas de desarrollo (VS Code, Terminal, Git/GitHub).
• Implementar lógica de programación con JavaScript.
• Trabajar de forma colaborativa con herramientas de Inteligencia Artificial.
• Presentar un proyecto técnico básico con solución implementada.

Sílabo del Curso

▶︎ Módulo 1: Introducción al Desarrollo Web

1. Cómo funciona la web moderna
   Historia, ciclo de vida de una app web, frontend-backend-nube.
2. HTML Semántico: estructura y accesibilidad
   Etiquetas esenciales, accesibilidad, buenas prácticas.
3. CSS Básico: estilos y estructura visual
   Selectores, propiedades, diseño visual.
4. Markdown y GitHub Pages
   Markdown, publicación web, crecimiento personal.
   • Mini Proyecto: Sitio web estilizado en la nube.

▶︎ Módulo 2: Herramientas del Desarrollador

1. Setup del Desarrollador Moderno
   VS Code, CLI, extensiones, configuración base.
2. Copilotos de IA para Aprendizaje Profundo
   Prompting efectivo, análisis de código, debugging asistido.
3. Diseño Web Responsive + DevTools
   Mobile-first, media queries, inspección con Chrome DevTools.
4. Wireframing y Pensamiento Creativo
   Bocetos, layout CSS, prototipos con HTML semántico.
   • Mini Proyecto: Hub Personal de Redes Sociales.

▶︎ Módulo 3: Introducción a la Programación con JavaScript

1. Fundamentos de JavaScript y Pensamiento Algorítmico
   Variables, tipos, pseudocódigo, diagramas de flujo.
2. Decisiones y Lógica Condicional
   Condicionales, operadores, estructuras de control.
3. Funciones: los bloques de construcción
   Sintaxis, parámetros, retorno, lógica encapsulada.
4. Proyecto Final
   Proyecto 101, presentación, feedback técnico, examen final.
   • Proyecto final: Juego Interactivo con Javascript.

📅 Calendario

• Próximo Inicio de Code 101

📝 Cómo se evalúa

• Rúbrica de Code 101

<= Regresar