ÁREA DE ESTUDIO / DISPONIBLE

JavaScript y desarrollo web

JavaScript moderno, DOM accesible, asincronía, TypeScript, Angular, Node.js, APIs, MongoDB y aplicaciones en tiempo real.

  • JavaScript moderno
  • DOM y asincronía
  • TypeScript y Angular
  • Node.js, datos y tiempo real
20
secciones
60
lecciones
60
ejercicios resueltos
RUTA DE APRENDIZAJE

Avanza una sección
a la vez.

Empieza por la primera y continúa en orden. Cada sección incluye tres lecciones, ejemplos claros y respuestas desplegables.

01 / JavaScript · Sección 1↗

La plataforma web y tu entorno

Cómo se relacionan HTML, CSS, JavaScript, navegador y Node.js; preparación de un laboratorio pequeño con consola, scripts y módulos.

  • Lenguaje y entorno anfitrión
  • HTML semántico
  • Consola, scripts y módulos
3 lecciones3 ejercicios
02 / JavaScript · Sección 2↗

Valores, tipos y conversiones

Declaraciones, tipos primitivos, objetos, ausencia de valor, igualdad, coerción y conversiones explícitas que evitan resultados sorpresivos.

  • let, const y tipos
  • null y undefined
  • Igualdad y coerción
3 lecciones3 ejercicios
03 / JavaScript · Sección 3↗

Control de flujo y errores

Condiciones, ciclos, iterables, interrupciones y excepciones usadas para convertir reglas en caminos comprobables.

  • Decisiones
  • Iteración
  • Excepciones y diagnóstico
3 lecciones3 ejercicios
04 / JavaScript · Sección 4↗

Funciones, alcance, closures y this

Funciones como valores, parámetros, retorno, alcance léxico, cierres y reglas de this explicadas mediante estados y dependencias visibles.

  • Funciones y contratos
  • Scope y closures
  • this y funciones flecha
3 lecciones3 ejercicios
05 / JavaScript · Sección 5↗

Arrays, objetos, Map y Set

Elección de colecciones, transformaciones con map, filter y reduce, copias, mutación y operaciones seguras sobre datos.

  • Arrays y transformaciones
  • Objetos y copias
  • Map y Set
3 lecciones3 ejercicios
06 / JavaScript · Sección 6↗

Prototipos, clases y composición

Delegación prototípica, clases, encapsulación, herencia y composición para modelar comportamiento sin crear jerarquías rígidas.

  • Prototipos
  • Clases y encapsulación
  • Composición frente a herencia
3 lecciones3 ejercicios
07 / JavaScript · Sección 7↗

Módulos, npm, pruebas y seguridad

Organización por módulos ES, dependencias con npm, pruebas automatizadas, formato, análisis estático, secretos y límites de confianza.

  • Módulos ES
  • npm y calidad
  • Pruebas y seguridad
3 lecciones3 ejercicios
08 / JavaScript · Sección 8↗

DOM, renderizado y accesibilidad

Selección, creación y actualización del DOM con HTML semántico, foco, estados anunciables y renderizado eficiente.

  • Árbol DOM
  • Renderizado seguro
  • Accesibilidad y foco
3 lecciones3 ejercicios
09 / JavaScript · Sección 9↗

Eventos, formularios y almacenamiento

Propagación, delegación, formularios accesibles, validación por capas, JSON y almacenamiento local con versiones.

  • Eventos y delegación
  • Formularios y validación
  • JSON y localStorage
3 lecciones3 ejercicios
10 / JavaScript · Sección 10↗

Asincronía, promesas y Fetch

Event loop, tareas, promesas, async/await, solicitudes HTTP, cancelación, reintentos y estados de interfaz sin carreras.

  • Event loop y promesas
  • Fetch y HTTP
  • Cancelación y resiliencia
3 lecciones3 ejercicios
11 / JavaScript · Sección 11↗

jQuery y modernización de código legado

Lectura de selectores, eventos, Ajax y plugins jQuery; aislamiento de dependencias y migración gradual hacia APIs web actuales.

  • jQuery y plugins
  • Ajax heredado
  • Migración gradual
3 lecciones3 ejercicios
12 / JavaScript · Sección 12↗

TypeScript: tipos y estados válidos

Tipos estructurales, inferencia, uniones, narrowing, interfaces y configuración estricta para hacer explícitos los contratos.

  • Tipos e inferencia
  • Uniones y narrowing
  • Interfaces y strict
3 lecciones3 ejercicios
13 / JavaScript · Sección 13↗

TypeScript: diseño, genéricos y módulos

Genéricos, utilidades de tipos, módulos, composición y modelado de estados imposibles de representar incorrectamente.

  • Genéricos
  • Diseño por contratos
  • Módulos y estados
3 lecciones3 ejercicios
14 / JavaScript · Sección 14↗

Angular: componentes, plantillas y signals

Componentes standalone, plantillas, entradas, salidas, servicios, inyección y signals para construir interfaces reactivas comprensibles.

  • Componentes standalone
  • Plantillas y comunicación
  • Servicios y signals
3 lecciones3 ejercicios
15 / JavaScript · Sección 15↗

Angular: rutas, HTTP y formularios

Rutas compartibles, solicitudes tipadas, RxJS, estados de carga, formularios reactivos, validación y pruebas de flujos completos.

  • Router
  • HTTP y RxJS
  • Formularios y pruebas
3 lecciones3 ejercicios
16 / JavaScript · Sección 16↗

Node.js: runtime, módulos y E/S

Ejecución de JavaScript fuera del navegador, módulos, archivos, streams, procesos, variables de entorno y trabajo no bloqueante.

  • Runtime y módulos
  • Archivos y streams
  • Event loop y configuración
3 lecciones3 ejercicios
17 / JavaScript · Sección 17↗

Express y diseño de APIs REST

Recursos, rutas, middleware, validación, autenticación, autorización, errores, archivos, seguridad y pruebas de integración.

  • REST y rutas
  • Middleware y validación
  • Seguridad y pruebas
3 lecciones3 ejercicios
18 / JavaScript · Sección 18↗

MongoDB, Mongoose y modelado

Documentos, patrones de acceso, embebido o referencias, esquemas, índices, concurrencia y evolución segura de datos.

  • Documentos y consultas
  • Mongoose y validación
  • Índices y concurrencia
3 lecciones3 ejercicios
19 / JavaScript · Sección 19↗

Integración MEAN de extremo a extremo

Un flujo vertical desde Angular hasta MongoDB con contratos compartidos, identidad, permisos, errores, pruebas y observabilidad.

  • Cliente y API
  • Identidad y permisos
  • Pruebas y observabilidad
3 lecciones3 ejercicios
20 / JavaScript · Sección 20↗

Socket.IO, migraciones y proyecto final

Eventos en tiempo real, salas, confirmaciones, reconexión, migración gradual de dependencias y entrega reproducible de una aplicación completa.

  • Socket.IO
  • Migraciones
  • Proyecto reproducible
3 lecciones3 ejercicios