GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

No menu could be recovered. Follow the blue links in the page.

This view

  • Original page
  • New address

GeezerVison is showing es.javascript.info — El Tutorial de JavaScript Moderno

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
  • Una introducción a JavaScript
  • Manuales y especificaciones
  • Editores de Código
  • Consola de desarrollador
Fundamentos de JavaScript
  • ¡Hola, mundo!
  • Estructura del código
  • El modo moderno, "use strict"
  • Variables
  • Tipos de datos
  • Interacción: alert, prompt, confirm
  • Conversiones de Tipos
  • Operadores básicos, matemáticas
  • Comparaciones
  • Ejecución condicional: if, '?'
  • Operadores Lógicos
  • Operador Nullish Coalescing '??'
  • Bucles: while y for
  • La sentencia "switch"
  • Funciones
  • Expresiones de función
  • Funciones Flecha, lo básico
  • Especiales JavaScript
  • Más…
Calidad del código
  • Debugging en el navegador
  • Estilo de codificación
  • Comentarios
  • Código ninja
  • Automatización de pruebas con Mocha
  • Polyfills y transpiladores
Objetos: lo básico
  • Objetos
  • Referencias de objetos y copia
  • Recolección de basura
  • Métodos de objeto, "this"
  • Constructor, operador "new"
  • Encadenamiento opcional '?.'
  • Tipo Symbol
  • Conversión de objeto a valor primitivo
Tipos de datos
  • Métodos en tipos primitivos
  • Números
  • Strings
  • Arrays
  • Métodos de arrays
  • Iterables
  • Map y Set
  • WeakMap y WeakSet
  • Object.keys, values, entries
  • Asignación desestructurante
  • Fecha y Hora
  • Métodos JSON, toJSON
  • Más…
Trabajo avanzado con funciones
  • Recursión y pila
  • Parámetros Rest y operador Spread
  • Ámbito de Variable y el concepto "closure"
  • La vieja "var"
  • Objeto Global
  • Función como objeto, NFE
  • La sintaxis "new Function"
  • Planificación: setTimeout y setInterval
  • Decoradores y redirecciones, call/apply
  • Función bind: vinculación de funciones
  • Funciones de flecha revisadas
  • Más…
Configuración de las propiedades de objetos
  • Indicadores y descriptores de propiedad
  • "Getters" y "setters" de propiedad
Prototipos y herencia
  • Herencia prototípica
  • F.prototype
  • Prototipos nativos
  • Métodos prototipo, objetos sin __proto__
Clases
  • Sintaxis básica de `class`
  • Herencia de clase
  • Propiedades y métodos estáticos.
  • Propiedades y métodos privados y protegidos.
  • Ampliación de clases nativas
  • Comprobación de clase: "instanceof"
  • Los Mixins
Manejo de errores
  • Manejo de errores, "try...catch"
  • Errores personalizados, extendiendo Error
Promesas y async/await
  • Introducción: callbacks
  • Promesa
  • Encadenamiento de promesas
  • Manejo de errores con promesas
  • Promise API
  • Promisificación
  • Microtareas (Microtasks)
  • Async/await
Generadores e iteración avanzada
  • Generadores
  • Iteradores y generadores asíncronos
Módulos
  • Módulos, introducción
  • Export e Import
  • Importaciones dinámicas
Temas diversos
  • Proxy y Reflect
  • Eval: ejecutando una cadena de código
  • Currificación
  • Tipo de Referencia
  • BigInt
  • Unicode, String internals
  • WeakRef y FinalizationRegistry

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
  • Entorno del navegador, especificaciones
  • Árbol del Modelo de Objetos del Documento (DOM)
  • Recorriendo el DOM
  • Buscar: getElement*, querySelector*
  • Propiedades del nodo: tipo, etiqueta y contenido
  • Atributos y propiedades
  • Modificando el documento
  • Estilos y clases
  • Tamaño de elementos y desplazamiento
  • Tamaño de ventana y desplazamiento
  • Coordenadas
  • Más…
Introducción a los eventos
  • Introducción a los eventos en el navegador
  • Propagación y captura
  • Delegación de eventos
  • Acciones predeterminadas del navegador
  • Envío de eventos personalizados
Eventos en la UI
  • Eventos del Mouse
  • Moviendo el mouse: mouseover/out, mouseenter/leave
  • Arrastrar y Soltar con eventos del ratón
  • Eventos de puntero
  • Teclado: keydown y keyup
  • Desplazamiento
Formularios y controles
  • Propiedades y Métodos de Formularios
  • Enfocado: enfoque/desenfoque
  • Eventos: change, input, cut, copy, paste
  • Formularios: evento y método submit
El documento y carga de recursos
  • Página: DOMContentLoaded, load, beforeunload, unload
  • Scripts: async, defer
  • Carga de recursos: onload y onerror
Temas diversos
  • Mutation observer
  • Selection y Range
  • 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
  • Ventanas emergentes y métodos de ventana
  • Comunicación entre ventanas
  • El ataque de secuestro de clics
Datos binarios y archivos
  • ArrayBuffer, arrays binarios
  • TextDecoder y TextEncoder
  • Blob
  • File y FileReader
Solicitudes de red
  • Fetch
  • FormData
  • Fetch: Progreso de la descarga
  • Fetch: Abort
  • Fetch: Cross-Origin Requests
  • Fetch API
  • Objetos URL
  • XMLHttpRequest
  • Carga de archivos reanudable
  • Sondeo largo
  • WebSocket
  • Eventos enviados por el servidor
  • Más…
Almacenando datos en el navegador
  • Cookies, document.cookie
  • LocalStorage, sessionStorage
  • IndexedDB
Animaciones
  • Curva de Bézier
  • Animaciones CSS
  • Animaciones JavaScript
Componentes Web
  • Desde la altura orbital
  • Elementos personalizados
  • Shadow DOM
  • Elemento template
  • Shadow DOM slots, composición
  • Estilo Shadow DOM
  • Shadow DOM y eventos
Expresiones Regulares
  • Patrones y banderas (flags)
  • Clases de caracteres
  • Unicode: bandera "u" y clase \p{...}
  • Anclas: inicio ^ y final $ de cadena
  • Modo multilínea de anclas ^ $, bandera "m"
  • Límite de palabra: \b
  • Escapando, caracteres especiales
  • Conjuntos y rangos [...]
  • Cuantificadores +, *, ? y {n}
  • Cuantificadores codiciosos y perezosos
  • Grupos de captura
  • Referencias inversas en patrones: \N y \k<nombre>
  • Alternancia (O) |
  • Lookahead y lookbehind (revisar delante/detrás)
  • Backtracking catastrófico
  • Indicador adhesivo “y”, buscando en una posición.
  • Métodos de RegExp y String
  • Más…
Compartir
Mapa del Tutorial

Comentarios

lea esto antes de comentar…
  • 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…)
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.