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.

Métricas del curso

  • 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 al curso

Inscribite en este curso online en vivo y empezá a desarrollar habilidades profesionales con acompañamiento personalizado y 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 00:00 Hs

Fecha de inicio:

2025-12-16

Precio $150000 ARG Oferta especial
Comprar curso

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.

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

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

Playground del lenguaje y script base para probar conceptos

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

Utilidades de formato y validación reutilizables en el proyecto

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

Mini librería de utilidades para listas y estructuras de datos

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

Componentes UI sin framework (tabs, modal, acordeón) con JavaScript puro

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

Listado dinámico consumiendo una API externa y mostrando estados de carga/error

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

Estructura modular de la aplicación en JavaScript (servicios, vistas y helpers)

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

Configuración de calidad + generación de tests y docs asistidas por IA

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

Single-page application interactiva sin framework, lista y publicada online

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

Auditoría y optimización de la SPA, mejorando métricas clave de rendimiento y accesibilidad

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

Mini e-commerce Vanilla JS (router + fetch + cart) desplegado y listo para tu portfolio

Curso anterior

Curso de Desarrollo Web Online en Argentina: HTML, CSS y Tailwind desde Cero
Curso de Desarrollo Web Online en Argentina: HTML, CSS y Tailwind desde Cero

Curso de Desarrollo Web con HTML, CSS y Tailwind

Dominá las bases de la programación frontend: estructura con HTML, estilos modernos con CSS y diseño rápido con Tailwind para lanzar tus primeros sitios responsivos y profesionales.

Comenzar Curso

Curso actual

Curso de JavaScript Moderno Online: ES6+, DOM y Asincronía
Curso de JavaScript Moderno Online: ES6+, DOM y Asincronía

Curso de JavaScript Moderno

Aprendé JavaScript desde cero hasta ES6+, asincronía con Promises y async/await, manipulación del DOM y módulos para preparar una base sólida antes de usar cualquier framework moderno.

Curso actual

Curso siguiente

Curso de TypeScript Online en Argentina: Programación Tipada Profesional
Curso de TypeScript Online en Argentina: Programación Tipada Profesional

Curso de Programación Tipada con TypeScript

Incorporá tipado estático con TypeScript para mejorar calidad, mantenibilidad y escalabilidad, usando interfaces, generics, utilidades del lenguaje y tipos seguros.

Comenzar Curso
¿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.
Chateá por info