Header Ads Widget

Ticker

6/recent/ticker-posts

Guía de JavaScript - JavaScript

  • El tutorial moderno de JavaScript

    Cómo se hace ahora. Desde lo básico hasta temas avanzados con explicaciones simples pero detalladas.

Tabla de contenido

El curso principal contiene 2 partes que cubren JavaScript como lenguaje de programación y funcionan con un navegador. También hay series adicionales de artículos temáticos.








PARTE 1

El lenguaje JavaScript

Aquí aprendemos JavaScript, comenzando desde cero y pasando a conceptos avanzados como OOP.
Aquí nos concentramos en el lenguaje mismo, con el mínimo de notas específicas del entorno.
Una introducción
Fundamentos de JavaScript
  • ¡Hola Mundo!
  • Estructura de código
  • El modo moderno, "uso estricto"
  • Variables
  • Tipos de datos
  • Conversiones de tipo
  • Operadores
  • Comparaciones
  • Interacción: alerta, aviso, confirmación
  • Operadores condicionales: si, '?'
  • Operadores logicos
  • Bucles: mientras y para
  • La declaración de "cambio"
  • Las funciones
  • Expresiones de funciones
  • Funciones de flecha, lo básico
  • Especiales de JavaScript
Calidad del código
  • Depuración en Chrome
  • Estilo de codificación
  • Comentarios
  • Código ninja
  • Pruebas automatizadas con Mocha
  • Polyfills
Objetos: lo básico
  • Objetos
  • Recolección de basura
  • Tipo de símbolo
  • Métodos de objeto, "esto"
  • Objeto a conversión primitiva
  • Constructor, operador "nuevo"
Tipos de datos
  • Métodos de primitivas.
  • Números
  • Instrumentos de cuerda
  • Matrices
  • Métodos de matriz
  • Iterables
  • Mapa y conjunto
  • WeakMap y WeakSet
  • Object.keys, valores, entradas
  • Asignación de desestructuración
  • Fecha y hora
  • Métodos JSON, to JSON
Trabajo avanzado con funciones
  • Recursion y stack
  • Parámetros de descanso y operador de propagación
  • Cierre
  • El viejo "var"
  • Objeto global
  • Objeto de función, NFE
  • La sintaxis de "nueva función"
  • Programación: setTimeout y setInterval
  • Decoradores y reenvío, llame / aplique
  • Función vinculante
  • Funciones de flecha revisitadas
Configuración de propiedades de objeto
  • Indicadores de propiedad y descriptores
  • Captadores y establecedores de propiedades
Prototipos, herencia
  • Herencia prototípica
  • F.prototipo
  • Prototipos nativos
  • Métodos prototipo, objetos sin __proto__
Clases
  • Sintaxis básica de clase
  • Herencia de clase
  • Propiedades y métodos estáticos.
  • Propiedades y métodos privados y protegidos.
  • Ampliación de clases integradas
  • Comprobación de clase: "instanceof"
  • Mixins
Manejo de errores
  • Manejo de errores, "try..catch"
  • Errores personalizados, error extendido
Promesas, asíncrono / espera
  • Introducción: devoluciones de llamada
  • Promesa
  • Promesas encadenadas
  • Error al manejar con promesas
  • Promise API
  • Promisificación
  • Microtasks
  • Asíncrono / espera
Generadores, iteración avanzada
  • Generadores
  • Iteradores asíncronos y generadores
Módulos
  • Módulos, introducción
  • Exportar e importar
  • Importaciones dinámicas
Diverso
  • Proxy y Reflexionar
  • Eval: ejecuta una cadena de código
  • Zurra
  • BigInt
PARTE 2

Navegador: documentos, eventos, interfaces

Aprender a administrar 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 DOM
  • Caminando el DOM
  • Buscando: getElement *, querySelector *
  • Propiedades del nodo: tipo, etiqueta y contenido
  • Atributos y propiedades
  • Modificar el documento
  • Estilos y clases.
  • Tamaño del elemento y desplazamiento
  • Tamaños de ventana y desplazamiento
  • Coordenadas
Introducción a eventos
  • Introducción a los eventos del navegador.
  • Burbujeando y capturando
  • Delegación de eventos
  • Acciones predeterminadas del navegador
  • Envío de eventos personalizados
Eventos de IU
  • Conceptos básicos de eventos del mouse
  • Mover el mouse: mouseover / out, mouseenter / leave
  • Arrastrar y soltar con eventos del mouse
  • Teclado: keydown y keyup
  • Desplazamiento
Formas, controles
  • Propiedades y métodos de forma
  • Enfoque: enfoque / desenfoque
  • Eventos: cambiar, ingresar, cortar, copiar, pegar
  • Formularios: envío de evento y método
Carga de documentos y recursos.
  • Página: DOMContentLoaded, load, beforeunload, unload
  • Scripts: asíncrono, diferir
  • Carga de recursos: onload y onerror
Diverso
  • Observador de mutaciones
  • Selección y rango
  • Bucle de eventos: microtasks y macrotasks
PARTE 3

Artículos adicionales

Lista de temas adicionales que asumen que ha cubierto las dos primeras partes del tutorial. No existe una jerarquía clara aquí, puede leer los artículos en el orden que desee.
Marcos y ventanas
  • Popups y métodos de ventana
  • Comunicación cruzada
  • El ataque de clickjacking
Datos binarios, archivos
  • ArrayBuffer, matrices binarias
  • TextDecoder y TextEncoder
  • Gota
  • Archivo y FileReader
Solicitudes de red
  • Ha podido recuperar
  • FormData
  • Recuperar: progreso de descarga
  • Fetch: Abortar
  • Fetch: solicitudes de origen cruzado
  • Recuperar API
  • Objetos URL
  • XMLHttpRequest
  • Carga de archivo reanudable
  • Sondeo largo
  • WebSocket
  • Eventos enviados por el servidor
Almacenar datos en el navegador
  • Cookies, document.cookie
  • LocalStorage, sessionStorage
  • IndexedDB
Animación
  • Curva de Bezier
  • Animaciones CSS
  • Animaciones JavaScript
Componentes web
  • Desde la altura orbital
  • Elementos personalizados
  • Shadow DOM
  • Elemento de plantilla
  • Shadow DOM tragamonedas, composición
  • Estilo Shadow DOM
  • Shadow DOM y eventos
Expresiones regulares
  • Patrones y banderas
  • Clases de personajes
  • Unicode: marca "u" y clase \ p {...}
  • Anclas: cadena de inicio ^ y final $
  • Modo de líneas múltiples de anclajes ^ $, marca "m"
  • Límite de palabras: \ b
  • Escapar, personajes especiales
  • Conjuntos y gamas [...]
  • Cuantificadores +, *,? y N}
  • Cuantificadores codiciosos y perezosos
  • Capturando grupos
  • Referencias en el patrón: \ N y \ k <nombre>
  • Alternancia (OR) |
  • Mira hacia adelante y hacia atrás
  • Retroceso catastrófico
  • Bandera adhesiva "y", buscando en la posición
  • Métodos de RegExp y String

Publicar un comentario

0 Comentarios