19/3/22, 21:14 El Tutorial de JavaScript Moderno
EPUB/PDF
ES
El Tutorial de JavaScript Moderno
Cómo se hace ahora. Desde lo básico hasta temas avanzados con
explicaciones simples pero detalladas.
Buscar en el tutorial Buscar
Última actualización el 2º marzo 2022
Comprar EPUB/PDF Compartir:
276 ★ github Discord Chat (English)
Tabla de contenidos
El curso principal contiene 2 partes que cubren JavaScript como lenguaje de programación y
el trabajo con un navegador. También hay series adicionales de artículos temáticos.
PARTE 1 PARTE 2 PARTE 3
El lenguaje El navegador: Documentos, Eventos Artículos
JavaScript e Interfaces adicionales
El lenguaje JavaScript
Aquí aprenderemos JavaScript, empezando desde cero y llegaremos hasta conceptos avanzados como POO.
Nos concentraremos en el lenguaje mismo con el mínimo de notas específicas del entorno.
Una introducción
1.1 Una introducción a JavaScript
1.2 Manuales y especificaciones
1.3 Editores de Código
1.4 Consola de desarrollador
[Link] 1/7
19/3/22, 21:14 El Tutorial de JavaScript Moderno
Fundamentos de JavaScript
2.1 ¡Hola, mundo!
2.2 Estructura del código
2.3 El modo moderno, "use strict"
2.4 Variables
2.5 Tipos de datos
2.6 Interacción: alert, prompt, confirm
Más…
Calidad del código
3.1 Debugging en el navegador
3.2 Estilo de codificación
3.3 Comentarios
3.4 Código ninja
3.5 Test automatizados con Mocha
3.6 Polyfills y transpiladores
Objetos: lo básico
4.1 Objetos
4.2 Referencias de objetos y copia
4.3 Garbage Collection
4.4 Métodos del objeto, "this"
4.5 Constructor, operador "new"
4.6 Encadenamiento opcional '?.'
4.7 Tipo Symbol
4.8 Conversión de objeto a valor primitivo
Tipos de datos
5.1 Métodos en tipos primitivos
5.2 Números
5.3 Strings
5.4 Arrays
5.5 Métodos de arrays
5.6 Iterables
Más…
Trabajo avanzado con funciones
6.1 Recursión y pila
6.2 Parámetros Rest y operador Spread
[Link] 2/7
19/3/22, 21:14 El Tutorial de JavaScript Moderno
6.3 Ámbito de Variable y el concepto "closure"
6.4 La vieja "var"
6.5 Objeto Global
6.6 Función como objeto, NFE
Más…
Configuración de las propiedades de objetos
7.1 Indicadores y descriptores de propiedad
7.2 "Getters" y "setters" de propiedad
Prototipos y herencia
8.1 Herencia prototípica
8.2 [Link]
8.3 Prototipos nativos
8.4 Métodos prototipo, objetos sin __proto__
Clases
9.1 Sintaxis básica de `class`
9.2 Herencia de clase
9.3 Propiedades y métodos estáticos.
9.4 Propiedades y métodos privados y protegidos.
9.5 Ampliación de clases integradas
9.6 Comprobación de clase: "instanceof"
9.7 Los Mixins
Manejo de errores
10.1 Manejo de errores, "try...catch"
10.2 Errores personalizados, extendiendo Error
Promesas y async/await
11.1 Introducción: callbacks
11.2 Promesa
11.3 Encadenamiento de promesas
11.4 Manejo de errores con promesas
11.5 Promise API
11.6 Promisificación
11.7 Microtareas (Microtasks)
11.8 Async/await
[Link] 3/7
19/3/22, 21:14 El Tutorial de JavaScript Moderno
Generadores e iteración avanzada
12.1 Generadores
12.2 Iteradores y generadores asíncronos
Módulos
13.1 Módulos, introducción
13.2 Export e Import
13.3 Importaciones dinámicas
Temas diversos
14.1 Proxy y Reflect
14.2 Eval: ejecutando una cadena de código
14.3 Currificación
14.4 Tipo de Referencia
14.5 BigInt
El navegador: Documentos, Eventos e Interfaces
Aprenderemos a manejar la página del navegador: agregar elementos, manipular su tamaño y posición, crear
interfaces dinámicamente e interactuar con el visitante.
Documento
1.1 Entorno del navegador, especificaciones
1.2 Árbol del Modelo de Objetos del Documento (DOM)
1.3 Recorriendo el DOM
1.4 Buscar: getElement*, querySelector*
1.5 Propiedades del nodo: tipo, etiqueta y contenido
1.6 Atributos y propiedades
Más…
Introducción a los eventos
2.1 Introducción a los eventos en el navegador
2.2 Propagación y captura
2.3 Delegación de eventos
2.4 Acciones predeterminadas del navegador
2.5 Envío de eventos personalizados
[Link] 4/7
19/3/22, 21:14 El Tutorial de JavaScript Moderno
Eventos en la UI
3.1 Eventos del Mouse
3.2 Moviendo el mouse: mouseover/out, mouseenter/leave
3.3 Arrastrar y Soltar con eventos del ratón
3.4 Eventos de puntero
3.5 Teclado: keydown y keyup
3.6 Desplazamiento
Formularios y controles
4.1 Propiedades y Métodos de Formularios
4.2 Enfocado: enfoque/desenfoque
4.3 Eventos: change, input, cut, copy, paste
4.4 Formularios: evento y método submit
El documento y carga de recursos
5.1 Página: DOMContentLoaded, load, beforeunload, unload
5.2 Scripts: async, defer
5.3 Carga de recursos: onload y onerror
Temas diversos
6.1 Mutation observer
6.2 Selection y Range
6.3 Loop de eventos: microtareas y macrotareas
Artículos adicionales
Lista de temas adicionales que supone que ha cubierto las dos primeras partes del tutorial. Aquí no hay una
jerarquía clara, puede leer los artículos en el orden que desee.
Marcos y ventanas
1.1 Ventanas emergentes y métodos de ventana
1.2 Comunicación entre ventanas
1.3 El ataque de secuestro de clics
Datos binarios y archivos
2.1 ArrayBuffer, arrays binarios
[Link] 5/7
19/3/22, 21:14 El Tutorial de JavaScript Moderno
2.2 TextDecoder y TextEncoder
2.3 Blob
2.4 File y FileReader
Solicitudes de red
3.1 Fetch
3.2 FormData
3.3 Fetch: Progreso de la descarga
3.4 Fetch: Abort
3.5 Fetch: Cross-Origin Requests
3.6 Fetch API
Más…
Almacenando datos en el navegador
4.1 Cookies, [Link]
4.2 LocalStorage, sessionStorage
4.3 IndexedDB
Animaciones
5.1 Curva de Bézier
5.2 Animaciones CSS
5.3 Animaciones JavaScript
Componentes Web
6.1 Desde la altura orbital
6.2 Elementos personalizados
6.3 Shadow DOM
6.4 Elemento template
6.5 Shadow DOM slots, composición
6.6 Estilo Shadow DOM
6.7 Shadow DOM y eventos
Expresiones Regulares
7.1 Patrones y banderas (flags)
7.2 Clases de caracteres
7.3 Unicode: bandera "u" y clase \p{...}
7.4 Anclas: inicio ^ y final $ de cadena
7.5 Modo multilínea de anclas ^ $, bandera "m"
7.6 Límite de palabra: \b
[Link] 6/7
19/3/22, 21:14 El Tutorial de JavaScript Moderno
Más…
Compartir Mapa del Tutorial
Comentarios
● Si tiene sugerencias sobre qué mejorar, por favor enviar una propuesta de GitHub o una solicitud de
extracción en lugar de comentar.
● Si no puede entender algo en el artículo, por favor explique.
● Para insertar algunas palabras de código, use la etiqueta <code> , para varias líneas – envolverlas en
la etiqueta <pre> , para más de 10 líneas – utilice una entorno controlado (sandbox) (plnkr, jsbin,
codepen…)
© 2007—2022 Ilya Kantoracerca del proyecto
contáctenos
[Link] 7/7