-
Sesión 1: Sintaxis ES6+, Math, Date
Temas: let/const, template string, destructuring, parámetros por defecto, Math, Date
- Ejercicios logica de programación
-
Sesión 2: Iteración moderna y Array methods
Temas: for…of, forEach, map, filter, reduce
- Carrito de compras: filtrar productos con stock > 0 (filter), extraer nombre/precio (map), sumar total (reduce) e imprimir cada ítem con for…of
-
Sesión 3: Funciones avanzadas y scope
Temas: declaración vs expresión de funciones, rest/spread, ámbito (scope)
- Crear funciones utilitarias: validaciónes de email y formateo de texto usando rest/spread, formateo de fechas, etc.
-
Sesión 4: Objetos, JSON y Módulos ES
Temas: literales de objetos y métodos, JSON.stringify/JSON.parse, import/export de ES Modules
- Serializar un objeto “contacto” a JSON, guardarlo en una variable y recuperarlo simulando localStorage
-
Sesión 5: Fundamentos de HTML5 y CSS básico
Temas: estructura semántica de HTML5, selectores de CSS, modelo de caja (box model)
- Maquetar la interfaz mínima para la Aplicación final: formularios y listado de datos en HTML/CSS
-
Sesión 6: DOM, eventos y formularios
Temas: querySelector y selectores, addEventListener, manipulación de clases (classList), manejo de formularios
- Construir un CRUD en el DOM: añadir y eliminar ítems dinámicamente
-
Sesión 7: Proyecto – Parte 1: Login & Empresas
Temas: login en memoria (usuarios hardcodeados), CRUD de empresas en front, persistencia con localStorage
- Implementar login con diseño moderno y un módulo de Empresas con sus funciones CRUD, guardando todo en localStorage
-
Sesión 8: Proyecto – Parte 2: Generador de Estado de Resultados
Temas: formularios de ingresos, costos y gastos, cálculo de P&L (Estado de Resultados), reporte histórico por empresa
- Formulario para capturar datos financieros, cálculo automático del Estado de Resultados y despliegue de historial desde localStorage