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 principiante a lo largo del curso.

Lección 2 • Configuración de Tu Entorno de Desarrollo

Instala y configura un editor de código, las 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 Tu Primer Script

Introduce las etiquetas script, los archivos JS externos y la consola del navegador. Los estudiantes producen y depuran su primera salida 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 entienden 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 • Valores Veraces, Falsos 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 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 función flecha y explica en qué se diferencian de las funciones regulares con respecto a this. Los estudiantes usan funciones flecha correctamente en callbacks y métodos.

Lección 2 • Alcance, Cierres y la Cadena de Alcance

Explica el alcance global, de función y de bloque, y luego construye hacia los cierres. Los estudiantes aprovechan los cierres 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 entienden las diferencias de elevación 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 en Arreglos

Introduce find, findIndex, indexOf, includes, some y every. Los estudiantes consultan arreglos de manera eficiente 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 Arreglos que Mutan

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

Lección 1 • Prototipos y la Cadena de Prototipos

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

Lección 2 • Desestructuración de Objetos, Spread y Métodos Utilitarios

Cubre la asignación por desestructuración, spread/rest para objetos y métodos utilitarios 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 de ES6 y Herencia

Introduce la sintaxis de clase, 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 entienden por qué existen los patrones asíncronos y cómo JS programa el trabajo.

Lección 2 • Sintaxis de async y await

Introduce las funciones async y las 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 el Infierno de Callbacks

Cubre los callbacks asíncronos y el problema de anidamiento que crean. Los estudiantes reconocen el infierno de callbacks y entienden 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 de forma programática.

Lección 2 • Manejo de Eventos y Delegación

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 manera 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 por las relaciones de padre, hijo y hermano para localizar cualquier elemento.