Curso de JavaScript Moderno

Dale vida a tu sitio: interactividad real con JavaScript

Al finalizar el curso vas a ser capaz de agregar interactividad, consumo de APIs y una arquitectura modular básica a cualquier sitio web solo con JavaScript. Construís una SPA sin framework y un mini e-commerce listo para tu portfolio. Todo en grupos reducidos de máximo 6 personas, con devoluciones constantes y preparación directa para dar el salto a React.

150+
10 clases en vivo (2 h cada una)
10+
Proyecto SPA sin framework + mini e-commerce
Grupos reducidos (máx. 6 personas por cohorte)
Certificado de finalización del curso de JavaScript

Inscripción a los cursos de programación

Elegí tu camino: frontend, backend o full stack. Inscribite en los cursos online en vivo y empezá a construir proyectos profesionales en grupos reducidos. Ver próximas fechas

Curso de JavaScript Moderno para Frontend

2 hs de clases en vivo por día

10 clases en vivo

Lunes Miércoles Hs

Fecha de inicio:

2025-12-16

Precio $150000 ARG Oferta especialDisponible por 0 Días y 00:00:00 Hs

Curso de JavaScript Nivel Inicial

Este curso de JavaScript está pensado para quienes ya manejan HTML y CSS y quieren sumar interactividad real a sus sitios. Es una base sólida de JavaScript moderno para frontend antes de entrar en frameworks como React. Vas a trabajar con el DOM, asincronía, módulos y arquitectura simple de una SPA. Las clases son en grupos reducidos de hasta 6 personas, con mucha práctica guiada y acompañamiento docente personalizado.

Personas que vienen de maquetado (HTML/CSS) y desean empezar a programar comportamiento con JavaScript.
Desarrolladores que buscan afianzar JavaScript moderno (ES6+) antes de sumar frameworks al stack.
Diseñadores y perfiles UX/UI que quieren agregar lógica, estados e interacciones a prototipos y maquetas.
Equipos que necesitan estandarizar estilo, módulos y buenas prácticas de JavaScript en proyectos de frontend.

MODALIDAD

¿Cómo vas a aprender JavaScript en este curso?

Aprendés JavaScript en clases online en vivo, trabajando sobre ejercicios puntuales y una SPA sin framework que vas construyendo módulo a módulo. Los grupos son de máximo 6 personas, lo que permite revisar código en detalle, hacer preguntas en el momento y avanzar con un ritmo acorde a tu nivel.

Clases en vivo orientadas a práctica

Implementación en tiempo real, resolución de dudas mientras programás y revisión de tus entregables en grupos pequeños.

Recursos de apoyo y ejemplos

Guías, snippets y ejemplos listos para reutilizar, para practicar entre clases y consolidar los fundamentos de JavaScript.

Temario del Curso de JavaScript para Frontend

En este curso de JavaScript moderno vas a dominar los fundamentos del lenguaje, el manejo del DOM, la asincronía y la arquitectura modular para frontend. Aprendés a construir una single-page application (SPA) sin framework (solo Vanilla JS), aplicando buenas prácticas de calidad, accesibilidad y despliegue. Es el paso previo ideal antes de pasar a React o Next.js. Las clases son online en vivo, en grupos reducidos de máximo 6 personas, con práctica constante, correcciones de código y seguimiento real en cada clase.

Ecosistema JavaScript y base del lenguaje

Variables (let/const), tipos primitivos y operadores
Scope, hoisting, modo estricto y errores comunes
DevTools, npm y organización inicial del proyecto JavaScript

Funciones y control de flujo en JavaScript

Funciones declaradas, de expresión y arrow functions
if/switch, bucles, iteración y early return
Inmutabilidad, composición y principios funcionales básicos

Colecciones: arrays y objetos en profundidad

map/filter/reduce y recorrido idiomático de arrays
Destructuring, spread/rest y atajos de objeto
Patrones de datos, transformaciones puras y helpers reutilizables

DOM, eventos y componentes sin framework

Selección y manipulación del DOM de forma segura
Delegación de eventos, ciclo de vida y limpieza
Accesibilidad, manejo de foco y feedback al usuario

`Fetch API`, asincronía y consumo de APIs

Promesas, async/await y flujo asincrónico
Manejo de errores, timeouts y AbortController
Consumo de APIs públicas y render dinámico en la interfaz

Módulos ES y arquitectura de frontend

Módulos ES, import/export y separación por responsabilidades
Servicios, vistas y almacenamiento (localStorage/sessionStorage)
Rastreo de estado simple y organización de archivos

Calidad de código e IA aplicada al desarrollo

ESLint y Prettier para estilo y consistencia en JavaScript
Testing básico de utilidades (mocks y casos felices/errores)
Cómo aprovechar IA para refactor, generación de tests y documentación de forma responsable

SPA sin framework y despliegue

Routing con hash/History API de forma sencilla
Optimización inicial (assets, render y estructura de scripts)
Build y publicación (Vite + GitHub Pages/Netlify) paso a paso

Performance web y accesibilidad en JavaScript

Lighthouse y Web Vitals (TTFB, LCP, CLS, INP) aplicados al proyecto
Lazy-loading, throttling y medición de rendimiento en el navegador
ARIA, navegación por teclado y estados de foco visibles en componentes interactivos

Proyecto final: Mini e-commerce sin framework

Catálogo desde API (lista, detalle, búsqueda y filtros)
Carrito con estado global simple y persistencia en localStorage
Rutas (home/lista/detalle/cart/checkout), validaciones y manejo de errores en toda la app

¿Necesito saber programar antes de tomar este curso?

No necesitas experiencia en programación, pero sí es recomendable tener conocimientos básicos de HTML y CSS, ya que JavaScript interactúa directamente con ellos.

¿Por qué enseñan Vanilla JS y no React directamente?

React es JavaScript. Si no entiendes el lenguaje base (arrays, objetos, asincronía), sufrirás aprendiendo el framework. Aprender Vanilla JS te da una base sólida para cualquier herramienta futura.

¿Vemos jQuery?

No. jQuery fue genial, pero hoy JavaScript nativo hace todo lo que hacía jQuery de forma más eficiente. Nos enfocamos en estándares modernos (ES6+).

¿Qué es el DOM?

El Document Object Model es la representación de tu HTML en memoria. Aprenderás a seleccionarlo, modificarlo y crear elementos dinámicamente con JS.

¿Qué es la Asincronía?

Es la capacidad de JavaScript de hacer tareas largas (como pedir datos a un servidor) sin congelar la pantalla. Dominaremos Promesas y Async/Await.

¿Es muy difícil la lógica de programación?

Es un desafío nuevo si nunca programaste. Por eso trabajamos en grupos de 6: para guiarte paso a paso en el pensamiento lógico hasta que haga 'clic'.

¿Qué es una SPA (Single Page Application)?

Es una web que no recarga al navegar. Aprenderás a construir una desde cero usando solo JavaScript, entendiendo cómo funciona el enrutamiento 'bajo el capó'.

¿Vemos Node.js?

Usamos Node.js solo como herramienta para correr el entorno de desarrollo (Vite). El foco del curso es JavaScript en el navegador (Frontend).

¿Qué son las Arrow Functions?

Una sintaxis moderna y corta para escribir funciones. Aprenderás cuándo usarlas y qué diferencias tienen con las funciones tradicionales.

¿Vemos Arrays y Objetos?

Sí, a fondo. Son las estructuras de datos principales. Aprenderás métodos como `map`, `filter` y `reduce` que son el pan de cada día en React.

¿Qué es una API?

Es un servidor que nos da datos. Aprenderás a usar `fetch` para traer información real (ej: clima, películas, productos) y mostrarla en tu web.

¿Vemos Programación Orientada a Objetos (POO)?

Vemos una introducción a Clases y Objetos, pero nos enfocamos más en la Programación Funcional, que es el paradigma dominante en el frontend moderno.

¿Qué es el Scope y el Hoisting?

Conceptos fundamentales para entender cómo JS busca variables. Entenderlos te evitará horas de debugging por variables 'undefined'.

¿Qué es el Event Loop?

Es el motor que permite la asincronía en JS. Entenderlo te ayuda a saber en qué orden se ejecuta realmente tu código.

¿Vemos Algoritmos?

Vemos lógica aplicada: cómo filtrar una lista, cómo ordenar productos, cómo validar un formulario. No nos centramos en algoritmos académicos abstractos.

¿Qué es NPM?

Node Package Manager. Aprenderás a instalar librerías de terceros para potenciar tu desarrollo sin reinventar la rueda.

¿Qué es JSON?

Es el formato estándar para intercambiar datos en la web. Aprenderás a convertir objetos JS a JSON y viceversa.

¿Vemos LocalStorage?

Sí. Aprenderás a guardar datos en el navegador del usuario para que, si cierra la página, su información (ej: carrito, modo oscuro) no se pierda.

¿Qué es el Destructuring?

Una técnica de ES6 para extraer datos de objetos y arrays de forma limpia. Es vital para escribir código moderno y legible.

¿Vemos TypeScript?

No. Este curso es 100% JavaScript. Creemos que primero debes dominar el lenguaje dinámico antes de agregarle tipos estáticos (que vemos en otro curso).

¿Qué es un Callback?

Una función que se pasa como argumento a otra. Es la base de la asincronía y los eventos en JS. Aprenderás a usarlos sin caer en el 'Callback Hell'.

¿Usamos `var`, `let` o `const`?

Enseñamos a usar `const` y `let`. Explicamos por qué `var` ya no se considera una buena práctica en el desarrollo moderno.

¿Qué es el 'this' en JavaScript?

Una de las partes más confusas del lenguaje. Te explicaremos cómo cambia su valor según el contexto y cómo controlarlo.

¿Cómo debuggeo mi código?

Aprenderás a usar las DevTools del navegador y la consola para encontrar errores, poner breakpoints y entender qué está pasando paso a paso.

¿Qué es un Módulo (ES Modules)?

Es la forma oficial de separar tu código en múltiples archivos (`import` / `export`). Vital para no tener un archivo `script.js` de 3000 líneas.

¿Vemos Git?

Sí, desde la primera clase versionamos el proyecto y lo subimos a GitHub, simulando un flujo de trabajo profesional.

¿Qué es Vite?

Es una herramienta de construcción moderna y rápida. La usamos para montar nuestro entorno de desarrollo local con servidor en vivo.

¿Qué proyecto hacemos?

Un proyecto integrador: una aplicación web interactiva (como un buscador de películas o un e-commerce) que consume datos reales y tiene carrito.

¿Vemos validación de formularios?

Sí. Aprenderás a validar que los campos estén correctos (email, password) con JS antes de enviarlos al servidor, mejorando la UX.

¿Qué son los Template Strings?

La forma moderna de concatenar texto y variables usando backticks (`` ` ``). Hacen que generar HTML dinámico sea mucho más fácil.

¿Qué es una Promesa?

Un objeto que representa la terminación o el fracaso de una operación asíncrona. Es la evolución de los callbacks.

¿Vemos Closures?

Sí. Es un concepto avanzado pero fundamental: funciones que 'recuerdan' el entorno donde fueron creadas. Útil para privacidad de datos.

¿JavaScript es Java?

No. Son lenguajes totalmente distintos, como 'Ham' (Jamon) y 'Hamster'. JavaScript es el lenguaje de la web, Java es de propósito general.

¿Qué es el Spread Operator `...`?

Una herramienta poderosa para copiar y combinar arrays u objetos. Muy usada en React para la inmutabilidad.

¿Hay soporte fuera de clase?

Sí, tenemos un canal de comunicación exclusivo para el grupo donde puedes compartir tu código y dudas mientras practicas.

¿Sirve para Backend?

Los fundamentos del lenguaje (variables, funciones, loops) son los mismos para Node.js (Backend). Este curso te da la base del lenguaje para ambos lados.

¿Qué es la Coerción de Tipos?

La extraña costumbre de JS de convertir tipos automáticamente (ej: `'1' + 1 = '11'`). Aprenderás a evitar estos bugs.

¿Vemos Testing?

Hacemos una introducción a testing básico manual y unitario para asegurar que nuestras funciones lógicas hagan lo que deben.

¿Qué es el 'Strict Mode'?

Una directiva que hace que JS sea más seguro y lance errores en lugar de fallar silenciosamente ante malas prácticas.

¿Qué es la Delegación de Eventos?

Una técnica de optimización donde ponemos un solo 'listener' en el padre en lugar de uno en cada hijo. Vital para listas dinámicas.

¿Qué editor usamos?

Visual Studio Code. Te enseñaremos las extensiones esenciales (ESLint, Prettier) para programar JS como un profesional.

¿Aprenderemos a desplegar (Deploy)?

Sí. Al final del curso subiremos tu proyecto a Netlify o Vercel para que tengas una URL pública funcionando.

¿Qué es el Operador Ternario?

Una forma corta de escribir un `if...else` en una sola línea. Muy útil para asignaciones condicionales.

¿Cómo se manejan los errores?

Usando bloques `try...catch`. Aprenderás a capturar errores de red o de código para que tu aplicación no se rompa y muestre un mensaje amigable.

¿Qué son los Métodos de Array?

Herramientas incorporadas para manipular listas. Dominarás `find`, `some`, `every` e `includes` para trabajar con datos.

¿Vemos Expresiones Regulares (Regex)?

Vemos lo básico para validaciones comunes (email, solo números), ya que son muy útiles en formularios.

¿Qué es Babel?

Un transpilador que convierte JS moderno a JS antiguo para compatibilidad. Vite lo maneja por nosotros, pero explicaremos qué hace.

¿Vemos Map y Set?

Sí, son estructuras de datos nuevas en ES6 que a veces son mejores que los Objetos y Arrays tradicionales.

¿El certificado tiene validez?

Es un certificado de aprobación de Industria de Mentes que valida que completaste el proyecto práctico satisfactoriamente.

¿Qué sigue después?

Con esta base sólida, estás listo para entrar al curso de **React**, donde aplicarás todo esto para construir aplicaciones complejas.

Métricas del curso

150+

10+