DOMINÁ EL LENGUAJE DE LA INTERACTIVIDAD
JavaScript : Da vida a tus ideas web.
Dejá de crear páginas estáticas y empezá a construir aplicaciones reales. Aprendé desde las bases de HTML y CSS hasta la lógica avanzada de JS para crear un eCommerce funcional desde cero.
Próxima cursada: 18 de Mayo, 2026
Inscribite ahora y aprovechá el descuento antes de que termine la promo
Habilidades
Lo que vas a dominar
Dominio de la estructura semántica y el diseño moderno con CSS Flexbox.
Crear sitios web que no solo se vean bien, sino que sean profesionales y adaptables a cualquier dispositivo.
Manipulación Dinámica (DOM)
Controlar y cambiar el contenido de una web en tiempo real sin recargar la página.
Lógica de Aplicación y Datos
Construir la base de cualquier aplicación web moderna, permitiendo al estudiante saltar luego a frameworks como React o Vue con total seguridad.
Plan de estudios
JavaScript & Web Dynamics - Desarrollo de un eCommerce Funcional. (12 Clases)
Clase 1: Estructura y Significado (HTML5)
2 horas
Etiquetas semánticas (Header, Main, Section, Footer). Formularios y botones (La base de nuestro carrito). Estructura inicial del proyecto eCommerce.
Clase 2: Estética y Layout (CSS3)
2 horas
Modelo de caja (Box Model). Flexbox: Cómo ordenar los productos en una grilla profesional. Diseño responsivo básico.
Clase 3: Introducción a la Lógica (JS Inicio)
2 horas
Variables (let, const) y tipos de datos. Interacción básica: alert, prompt y console.log. [TAREA 1]: Maquetado estático de la tienda con 4 productos y estilos básicos.
Clase 4: Control de Flujo en el Carrito
2 horas
Condicionales (if/else) para validar stock o cupones de descuento. Operadores lógicos aplicados a precios.
Clase 5: Ciclos e Iteraciones
2 horas
Bucle for y forEach: Cómo mostrar múltiples productos automáticamente. Generación dinámica de contenido.
Clase 6: Estructuras de Datos (Arrays y Objetos)
2 horas
Creación de objetos "Producto" (Nombre, Precio, ID). Listado de productos en un Array. [TAREA 2]: Script que recorra el array de productos y calcule un presupuesto total en consola.
Clase 7: El DOM (Document Object Model)
2 horas
Capturar elementos (querySelector). Modificar el HTML desde JS: Renderizando la tienda dinámicamente.
Clase 8: Eventos y Escuchadores
2 horas
addEventListener: El click en "Agregar al carrito". Input de usuario para crear nuevos productos.
Clase 9: Funciones y Lógica de Compra
2 horas
Funciones de flecha (Arrow Functions). Lógica para sumar productos al carrito y evitar duplicados. [TAREA 3]: Interfaz funcional: Al hacer click en un producto, este debe aparecer visualmente en la sección 'Carrito'.
Clase 10: LocalStorage y JSON
2 horas
Cómo hacer que el carrito no se borre al refrescar la página. JSON.stringify y JSON.parse.
Clase 11: Métodos Avanzados de Arrays
2 horas
Filtrar productos por categoría (filter). Buscador de productos en tiempo real (find). Cálculo del total con reduce.
Clase 12: Despliegue del Salto Final
2 horas
Pulido de errores (Debugging). Presentación de la lógica de "Finalizar Compra". [PROYECTO FINAL INTEGRADOR]: eCommerce Completo: El usuario puede ver productos, agregar al carrito (persistente), crear nuevos ítems mediante un formulario y ver el total de su compra actualizado.