Aprender JavaScript desde cero
Una ruta práctica y ordenada para aprender los fundamentos de JavaScript, trabajar con el DOM, eventos, APIs y terminar construyendo una aplicación completa.
JavaScript es el lenguaje que permite agregar comportamiento e interacción a las páginas web. Si ya recorriste HTML y CSS, esta ruta es la continuación natural.
Ruta recomendada de JavaScript
-
Introducción a JavaScript: qué es, cómo funciona y cómo agregarlo a HTML
Qué es JavaScript, dónde se ejecuta, cómo incorporarlo a una página y cómo usar la consola del navegador.
-
Variables, constantes, tipos de datos y operadores en JavaScript
Cómo almacenar datos con let y const, tipos básicos y operadores para realizar cálculos y comparaciones.
-
Condicionales en JavaScript: if, else, switch y operadores lógicos
Cómo tomar decisiones y controlar qué instrucciones se ejecutan según distintas condiciones.
-
Ciclos en JavaScript: for, while, for…of, break y continue
Cómo repetir instrucciones, recorrer datos y controlar la ejecución de los ciclos.
-
Funciones en JavaScript: parámetros, return, scope y arrow functions
Cómo organizar y reutilizar código mediante funciones, parámetros, valores de retorno y funciones flecha.
-
Arrays en JavaScript: métodos, recorridos, map, filter, find y reduce
Cómo trabajar con colecciones de datos y utilizar los métodos más importantes de los arrays.
-
Objetos y JSON en JavaScript: propiedades, métodos y destructuring
Cómo representar información estructurada, acceder a propiedades y trabajar con JSON.
-
DOM en JavaScript: seleccionar, modificar y crear elementos HTML
Cómo JavaScript interactúa con una página para leer, modificar y crear elementos HTML.
-
Eventos y formularios en JavaScript: click, input, submit y validaciones
Cómo responder a las acciones del usuario, procesar formularios y realizar validaciones.
-
JavaScript asíncrono: Promises, async/await, fetch y APIs
Cómo manejar operaciones asíncronas, realizar peticiones HTTP y consumir APIs desde JavaScript.
-
Proyecto final JavaScript: aplicación de tareas con DOM, eventos y localStorage
Proyecto integrador para aplicar arrays, objetos, DOM, eventos, formularios, filtros y persistencia de datos.
¿Qué vas a aprender?
- variables, constantes, tipos de datos y operadores;
- condicionales y ciclos;
- funciones y scope;
- arrays y sus métodos principales;
- objetos y JSON;
- DOM;
- eventos y formularios;
- asincronía con Promises y async/await;
- peticiones HTTP con fetch;
- consumo de APIs;
- almacenamiento local con localStorage;
- cómo integrar todo en una aplicación completa.
JavaScript dentro del desarrollo web
HTML -> estructura y contenido CSS -> estilos y presentacion JavaScript -> comportamiento e interaccion
Las tres tecnologías se complementan. HTML define qué existe en la página, CSS cómo se presenta y JavaScript qué sucede cuando el usuario interactúa con ella.
Otras rutas de Club Programador
¿Te sirve este contenido? ☕
Club Programador mantiene estas guías disponibles de forma gratuita. Si querés colaborar con el proyecto:
🇦🇷 Apoyar desde Argentina
☕ Invitame un café con Mercado Pago