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

  • MANZ.DEVLenguajeJS.com
  • Lenguaje HTMLEstructura y contenido
  • Lenguaje SVGImágenes vectoriales
  • Lenguaje CSSApariencia y diseño
  • AnimacionesEfectos visuales
  • Cascada CSSEl «core» de CSS
  • Herramientas CSSTemas útiles para CSS
  • Antes de programarPrimeros pasos
  • FundamentosEntendiendo la base
  • JavascriptLas bases del lenguaje
  • DOMHTML desde Javascript
  • Eventos JavascriptReaccionar a sucesos
  • AsincroníaEspera inteligente
  • WebComponentsComponentes nativos

This view

  • Original page
  • New address

GeezerVison is showing lenguajejs.com — Javascript - Javascript en español

Acceso rápido
CheatSheet
CheatSheet descargable
CheatSheet
Baseline Javascript

1 Primeros pasos

Primeros pasos

Antes de comenzar con Javascript, es importante tener en cuenta las bases del lenguaje. Conocer los tipos de datos, las estructuras básicas o primitivos y como utilizar las funciones.

Introducción a Javascript

01 ¿Qué es Javascript? 02 La consola Javascript 03 ¿Cómo funciona Javascript? 04 La especificación ECMAScript

Tipos de datos

01 ¿Qué son los tipos de datos? 02 Estructuras de datos MID 03 ¿Qué tipo de dato es? MID 04 Falsy y Truthy MID 05 Cadena de prototipos PRO 06 Symbols en Javascript PRO 07 Using: Limpieza de recursos PRO 08 Estructuras de datos avanzadas PRO

Funciones

01 ¿Qué son las funciones? 02 Funciones anónimas y clausuras MID 03 Funciones callback y HOF 04 Arrow functions 05 Funciones generadoras PRO

2 Tipos de datos primitivos

Tipos de datos primitivos

Para dominar correctamente Javascript, debemos conocer y saber trabajar con los tipos de datos primitivos del lenguaje, así como todos sus métodos relacionados. Números, cadenas de texto, y tipos booleanos (verdadero o falso).

Number

01 ¿Qué es un Number? 02 ¿Qué es NaN (Not A Number)? 03 Conversiones numéricas 04 El objeto Math MID 05 El tipo BigInt PRO

Strings

01 ¿Qué es un String? 02 Posiciones y substrings 03 Buscar y reemplazar 04 Modificar cadenas de texto MID 05 Contenido de texto Unicode PRO

Operadores

01 Operadores básicos 02 Operadores de comparación 03 Operadores lógicos 04 Operador Nullish Coalescing MID 05 Operadores bit a bit (BitWise) MID 06 Optional chaining MID

3 Estructuras complejas

Estructuras complejas

Una vez conocemos los tipos de datos primitivos, debemos comenzar a trabajar con estructuras más complejas como los objetos o arrays, ya que nos permiten organizar colecciones de datos más avanzadas.

Objetos

01 ¿Qué son los objetos? 02 Formato JSON 03 Desestructuración de objetos MID 04 Clonar objetos o elementos PRO 05 Iteradores de objetos MID 06 Agrupar datos por criterio MID

Arrays

01 ¿Qué es un Array en Javascript? 02 Desestructuración de arrays MID 03 Buscar elementos en un array MID 04 Modificar o crear subarrays MID 05 Ordenación de un array MID 06 Array functions MID

Set / Map

01 ¿Qué es un Set? MID 02 Set: Operaciones de conjuntos PRO 03 ¿Qué es un Map? MID

Iteradores

01 ¿Qué son los iteradores? MID 02 Métodos de iteradores PRO

4 Organización de código

Organización de código

Tras conocer las estructuras básicas y avanzadas, y utilizar funciones para reutilizar código, un buen siguiente paso es comprender como funcionan los módulos o las clases, que nos permiten organizar mejor nuestro código.

Módulos (ESM)

01 ¿Qué son los módulos (ESM)? 02 Exportar módulos 03 Importar módulos 04 Evita las rutas relativas MID 05 Barrel imports MID 06 Import dinámico en Javascript MID 07 Tipos de módulos ESM MID 08 Import Maps PRO

Orientación a objetos (OOP)

01 Orientación a objetos 02 Clases en Javascript 03 Propiedades de clase 04 Métodos de clase 05 Herencia de Clases MID

5 Automatización y calidad

Automatización y calidad

Ciertas herramientas nos permiten escribir código Javascript de forma más cómoda, automática y con mayor compatibilidad, así como revistar nuestro código para detector errores de sintaxis o potenciales problemas para mejorar la calidad.

Automatizadores

01 ¿Qué es un automatizador? 02 Tutorial inicial de Vite 03 Tutorial inicial de Rollup PRO

Calidad de código

01 OxLint: Linter ultrarápido MID 02 ESLint: Linter Javascript MID

6 Fechas y horas

Fechas y horas

Trabajar con fechas y horas no es fácil. En Javascript tenemos desde métodos nativos tradicionales hasta métodos modernos, pasando por librerías para facilitar el trabajo con fechas, horas y detalles relacionados.

Fechas y horas

01 El tipo Date 02 Formatear fechas con dayjs 03 Fechas relativas: RelativeTimeFormat MID 04 Formatear fechas: DateTimeFormat MID 05 Fechas con Temporal API MID 06 Duraciones con Temporal API MID

7 Expresiones regulares

Expresiones regulares

Mediante ciertos patrones podemos buscar, extraer o reemplazar textos. Son muy potentes y nos permiten hacer tareas complejas en muy poco código. Pero hay que saber usarlas bien.

Expresiones regulares

01 ¿Qué es una expresión regular? 02 Propiedades y flags MID 03 Buscar y capturar textos MID 04 Crear expresiones regulares MID

8 Multimedia

Multimedia

Multimedia

01 API de Audio Javascript MID

Programación gráfica (canvas)

01 La etiqueta HTML <canvas> 02 Animaciones con <canvas> MID 03 Imágenes con <canvas> MID 04 Exportación desde un <canvas> MID

9 Peticiones y reactividad

Peticiones y reactividad

En este apartado encontrarás ciertas cuestiones más avanzadas de Javascript. El trabajo con URLs, peticiones HTTP, reactividad u otros temas avanzados del lenguaje Javascript.

Peticiones HTTP

01 URL en Javascript 02 AJAX: Peticiones HTTP 03 Fetch: Peticiones Asíncronas MID 04 XHR: XMLHttpRequest MID 05 Política CORS MID

Reactividad

01 ¿Qué es la Reactividad? 02 Proxy: Interceptando datos MID 03 MutationObserver: DOM reactivo MID

10 Web API

Web API

Se denominan WebAPIs los sistemas o características que incorpora el navegador para ampliar las funcionalidades de Javascript, a pesar de que no forman parte del core de Javascript.

Web APIs

01 Temporizadores 02 LocalStorage y SessionStorage 03 SpeechSynthesis (TTS) MID 04 Drag and Drop API MID 05 Gamepad API MID 06 Battery API MID 07 CSS Highlight API MID

Comienza a aprender

¿...o prefieres un roadmap?

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.