Tutoriales gratuitos de programación - Tutorial de Programación en JavaScript

Tutorial de Programación en JavaScript. Bienvenido al tutorial de Programación en JavaScript, un tutorial diseñado para guiarte desde los fundamentos esenciales hasta conceptos más avanzados de este lenguaje de programación. JavaScript es el lenguaje que da vida a la web: permite la interactividad, la manipulación dinámica de contenido y la creación de aplicaciones tanto del lado del cliente como del servidor.

A lo largo de este curso, aprenderás desde la sintaxis básica de JavaScript y sus estructuras de control hasta la programación orientada a objetos, el manejo del DOM, la asincronía, y el uso de herramientas y librerías populares del ecosistema JavaScript. Además, abordaremos buenas prácticas, testing y depuración, con un enfoque en la escritura de código claro, eficiente y mantenible.

Si deseas profundizar más allá de este curso, te recomendamos el libro «Eloquent JavaScript» de Marijn Haverbeke (3ª Edición) —una excelente referencia para comprender a fondo el lenguaje y su filosofía.

Este tutorial es ideal tanto para quienes se inician en la programación como para aquellos que desean expandir su conocimiento en desarrollo web con JavaScript. ¿Estás listo? Arrancamos!!!!

Índice del Curso de JavaScript

1. Introducción a JavaScript

¿Qué es JavaScript y para qué se utiliza?
Historia y evolución del lenguaje
Entorno de ejecución: navegadores y Node.js
Cómo ejecutar código JavaScript
Herramientas de desarrollo (navegador, editores de código, consola)

2. Sintaxis Básica de JavaScript

Tipos de datos primitivos: number, string, boolean, undefined, null, symbol, bigint
Variables: var, let, const
Operadores: aritméticos, de comparación, lógicos
Comentarios y buenas prácticas
Uso de typeof

3. Estructuras de Control en JavaScript

Condicionales: if, else if, else, switch
Bucles: for, while, do...while, for...in, for...of
Control de flujo: break, continue

4. Funciones

Declaración y expresión de funciones
Funciones flecha (arrow functions)
Parámetros predeterminados
Funciones como ciudadanos de primera clase
Callbacks y funciones anónimas

5. Objetos y Arrays

Definición y manipulación de objetos
Acceso y modificación de propiedades
Métodos de objetos
Arreglos (Arrays): definición y recorrido
Métodos útiles: push, pop, shift, unshift, map, filter, reduce, find, forEach

6. Programación Orientada a Objetos

Introducción a la OOP en JavaScript
Clases y objetos (class, constructor)
Métodos y atributos
Herencia (extends, super)
Encapsulamiento (privacidad con #)
Prototipos y el modelo de herencia prototípica

7. Manipulación del DOM

¿Qué es el DOM?
Selección de elementos (getElementById, querySelector)
Manipulación de contenido y atributos
Creación y eliminación de elementos
Manejo de eventos (addEventListener)
Delegación de eventos

8. Eventos en JavaScript

Tipos de eventos comunes: click, mouseover, keydown, submit, etc.
Prevención del comportamiento por defecto
Propagación y burbujeo de eventos
Uso de event.target y event.currentTarget

9. JavaScript Asíncrono

Introducción a la asincronía
Callbacks
Promesas (Promise)
async y await
Manejo de errores en código asíncrono

10. Manipulación de Datos y APIs

Consumo de APIs con fetch
Formato JSON
Envío de datos a un servidor
Manejo de respuestas y errores
Ejemplo práctico: consumir una API pública

11. Módulos en JavaScript

Modularización del código
Uso de export e import
Módulos en navegadores modernos
Módulos en Node.js

12. Herramientas del Ecosistema

Introducción a Node.js y NPM
Instalación de paquetes
package.json y scripts
Herramientas de bundling: Webpack, Vite (breve introducción)

13. Testing y Depuración

Uso de console.log y herramientas de desarrollo del navegador
Introducción a herramientas de testing: Jest o Vitest
Escribir pruebas básicas
Depuración paso a paso en el navegador

14. Buenas Prácticas de Desarrollo

Convenciones de estilo (ESLint, Prettier)
Código limpio y mantenible
Documentación de funciones y componentes
Patrones de diseño básicos en JavaScript

15. Proyectos Prácticos

Proyecto 1: Calculadora interactiva
Proyecto 2: To-Do List con almacenamiento local
Proyecto 3: Consumo de API y visualización de datos
Proyecto 4: Juego interactivo (Ej: Piedra, Papel o Tijera)
Proyecto 5: Aplicación con Módulos y Fetch (consulta del clima)

Tutorial de Programación en JavaScript