Curso intensivo de JavaScript

Lección 1 • Estilo de código y reglas básicas de sintaxis

Cubre puntos y comas, espacios en blanco, comentarios y convenciones de nomenclatura. Establece hábitos de código limpio que previenen errores comunes de principiantes a lo largo del curso.

Lección 2 • Configuración de su entorno de desarrollo

Instala y configura un editor de código, herramientas de desarrollo del navegador y Node.js. Garantiza que cada estudiante tenga un espacio de trabajo consistente y funcional desde el primer día.

Lección 3 • Escritura y ejecución de su primer script

Introduce etiquetas script, archivos JS externos y la consola del navegador. Los estudiantes producen y depuran su primer resultado funcional de inmediato.

Lección 1 • Tipos de datos primitivos

Cubre string, number, boolean, null, undefined, symbol y BigInt. Los estudiantes identifican y usan cada tipo correctamente en expresiones.

Lección 2 • Operadores aritméticos, de comparación y lógicos

Cubre todos los grupos de operadores principales y la precedencia de operadores. Los estudiantes escriben expresiones correctas y comprenden cómo JS evalúa condiciones compuestas.

Lección 3 • Coerción de tipos y el operador typeof

Explica la conversión de tipos implícita y explícita y cómo typeof inspecciona valores. Los estudiantes evitan errores de coerción al comprender el tipado dinámico de JS.

Lección 1 • Control de bucles con break y continue

Introduce break y continue para alterar el flujo de ejecución del bucle. Los estudiantes escriben bucles eficientes que omiten iteraciones innecesarias o salen temprano.

Lección 2 • Truthy, falsy y evaluación de cortocircuito

Explica qué valores trata JS como falsos en contextos booleanos y cómo funciona la lógica de cortocircuito. Los estudiantes escriben expresiones condicionales concisas y seguras.

Lección 3 • Bucles for, while y do-while

Cubre las tres construcciones de bucle principales y sus casos de uso apropiados. Los estudiantes seleccionan el tipo de bucle correcto y controlan la iteración con precisión.

Lección 4 • Sentencias condicionales

Enseña las sentencias if, else if, else y switch para la lógica de ramificación. Los estudiantes traducen reglas del mundo real en árboles de decisión ejecutables.

Lección 1 • Funciones flecha y this léxico

Introduce la sintaxis de funciones flecha y explica cómo difieren de las funciones regulares en cuanto a this. Los estudiantes usan funciones flecha correctamente en callbacks y métodos.

Lección 2 • Alcance, closures y la cadena de alcance

Explica el alcance global, de función y de bloque, y luego construye hacia closures. Los estudiantes aprovechan los closures para la encapsulación de datos y patrones de fábrica.

Lección 3 • Parámetros, argumentos y valores de retorno

Cubre parámetros predeterminados, parámetros rest y retorno explícito. Los estudiantes escriben funciones flexibles que manejan entradas variables con elegancia.

Lección 4 • Declaraciones y expresiones de función

Compara declaraciones de función, expresiones de función y expresiones de función con nombre. Los estudiantes comprenden las diferencias de hoisting y eligen la forma correcta.

Lección 1 • Creación y acceso a arreglos

Cubre literales de arreglo, indexación, longitud y arreglos anidados. Los estudiantes crean y leen arreglos de cualquier forma con confianza.

Lección 2 • Búsqueda y prueba de arreglos

Introduce find, findIndex, indexOf, includes, some y every. Los estudiantes consultan arreglos eficientemente sin bucles manuales.

Lección 3 • Desestructuración y spread con arreglos

Cubre la asignación por desestructuración de arreglos y el operador spread. Los estudiantes escriben código conciso para desempaquetar y combinar arreglos.

Lección 4 • Métodos de arreglo mutables

Enseña push, pop, shift, unshift, splice y sort. Los estudiantes agregan, eliminan y reordenan elementos comprendiendo los efectos secundarios de la mutación.

Lección 1 • Prototipos y cadena de prototipos

Explica la herencia basada en prototipos y la búsqueda de propiedades. Los estudiantes comprenden cómo los objetos JS comparten comportamiento sin duplicación.

Lección 2 • Desestructuración de objetos, spread y métodos de utilidad

Cubre la asignación por desestructuración, spread/rest para objetos y métodos de utilidad de Object. Los estudiantes escriben código conciso de manipulación de objetos.

Lección 3 • Literales de objeto y acceso a propiedades

Cubre la creación de objetos, notación de punto, notación de corchetes y propiedades abreviadas. Los estudiantes construyen y leen objetos como la estructura de datos principal en JS.

Lección 4 • Clases ES6 y herencia

Introduce la sintaxis class, constructores y extends para herencia. Los estudiantes modelan jerarquías usando patrones modernos y legibles basados en clases.

Lección 1 • El bucle de eventos y la pila de llamadas

Explica el modelo de un solo hilo, la pila de llamadas y el bucle de eventos. Los estudiantes comprenden por qué existen los patrones asíncronos y cómo JS programa el trabajo.

Lección 2 • Sintaxis async y await

Introduce funciones async y expresiones await como azúcar sintáctico sobre Promises. Los estudiantes escriben código asíncrono que se lee como lógica síncrona.

Lección 3 • Combinadores de Promise y la API Fetch

Cubre Promise.all, Promise.race, Promise.allSettled y la API Fetch. Los estudiantes coordinan múltiples operaciones asíncronas y recuperan datos remotos.

Lección 4 • Callbacks y callback hell

Cubre los callbacks asíncronos y el problema de anidación que crean. Los estudiantes reconocen el callback hell y comprenden por qué se introdujeron las Promises.

Lección 1 • Creación y eliminación de elementos del DOM

Cubre createElement, appendChild, insertBefore y remove. Los estudiantes construyen y eliminan elementos de la página mediante programación.

Lección 2 • Manejo y delegación de eventos

Introduce addEventListener, objetos de evento y delegación mediante burbujeo. Los estudiantes adjuntan listeners eficientes que funcionan en contenido dinámico.

Lección 3 • Selección de elementos del DOM

Cubre getElementById, querySelector, querySelectorAll y selectores relacionados. Los estudiantes recuperan elementos únicos y múltiples de forma confiable.

Lección 4 • Comprensión del árbol del DOM

Explica el modelo de objetos del documento como un árbol de nodos. Los estudiantes navegan las relaciones padre, hijo y hermano para localizar cualquier elemento.