К содержанию

Tutorial Principal de JavaScript

Tutorial simple de JavaScript para principiantes con libro de problemas y ejemplos de solución de problemas.

Fundamentos

Introducción al lenguaje JavaScript para principiantes

Ejecución de JavaScript

Primer programa en JavaScript

Analicemos el código del programa

Ejemplos Adicionales

Conexión de un archivo con scripts JavaScript

Múltiples archivos con scripts JavaScript

Características de la etiqueta script en JavaScript

Almacenamiento en caché de archivos JavaScript por el navegador

Modo estricto en JavaScript

Comentarios en JavaScript

Variables en JavaScript

Uso de variables

Declaración de múltiples variables en JavaScript

Cambios en los valores de las variables

Múltiples let para una variable

Operaciones matemáticas con números en JavaScript

Operaciones matemáticas con variables en JavaScript

Prioridad de las operaciones matemáticas en JavaScript

Prioridad igual de operaciones matemáticas en JavaScript

Paréntesis de agrupación en JavaScript

Fracciones en JavaScript

Números negativos en JavaScript

Signo más antes de números en JavaScript

Módulo en JavaScript

Potenciación en JavaScript

Prioridad de la exponenciación

Cadenas en JavaScript

Concatenación de cadenas en JavaScript

Longitud de una cadena en JavaScript

Plantillas de cadena en JavaScript

Multilínea

Valores especiales en JavaScript

Significado de undefined

Valor null

Valores true y false

Significado de NaN

Infinity y -Infinity en JavaScript

Trabajo con la consola en JavaScript

Tipo de datos en la consola de JavaScript

Errores en la consola de JavaScript

Constantes en JavaScript

Conversión automática de tipos de datos

Conversión a número en JavaScript

Conversión abreviada a número en JavaScript

Conversión de números incorrectos en JavaScript

Extracción de números en JavaScript

Conversión a cadena en JavaScript

Aplicación de conversión a cadenas en JavaScript

Conversión de tipo booleano en JavaScript

Conversión al tipo booleano en JavaScript

Obtención de caracteres de cadena en JavaScript

Inmutabilidad de cadenas en JavaScript

Último carácter de una cadena en JavaScript

Cadenas con números en JavaScript

Acceso a los dígitos de un número en JavaScript

Operaciones para modificar variables en JavaScript

Operadores de Asignación Compuestos en JavaScript

Operaciones de incremento y decremento en JavaScript

Tipo prefijo y postfijo en JavaScript

Cálculos Imprecisos en JavaScript

La función prompt en JavaScript

Problema con los tipos en la función prompt en JavaScript

Salida de texto en un documento en JavaScript

Búsqueda de errores en el código

Práctica con operaciones en JavaScript

Práctica con fórmulas en JavaScript

Matrices (Arrays)

Arrays en JavaScript

Obtención de elementos de arrays en JavaScript

Longitud de un array en JavaScript

Modificación de elementos de array en JavaScript

Sobrescritura de elementos de array en JavaScript

Incremento y decremento de elementos de matriz en JavaScript

Adición de elementos por claves en JavaScript

Matrices dispersas en JavaScript

Adición de elementos mediante push en JavaScript

Claves de arrays desde variables en JavaScript

El operador delete en arrays en JavaScript

Búsqueda de errores en código con arreglos JavaScript

Objetos

Objetos en JavaScript

Mostrar un objeto completo en JavaScript

Claves de cadena en objetos JavaScript

Propiedades de objetos en JavaScript

Restricciones en las claves de objetos en JavaScript

Modificación de elementos de objetos en JavaScript

Adición de elementos a objetos en JavaScript

Desorden de los objetos en JavaScript

Matriz de claves de un objeto en JavaScript

Longitud de un objeto en JavaScript

Claves de objetos desde variables en JavaScript

Error al acceder a un elemento por clave en JavaScript

Error al acceder a la propiedad de un objeto en JavaScript

Propiedades calculadas en JavaScript

El operador in en JavaScript

El operador delete en JavaScript

Tipificación de objetos en JavaScript

Los arrays como objetos en JavaScript

Diferenciar arrays de objetos en JavaScript

Objetos y primitivos en JavaScript

Paso de objetos por referencia en JavaScript

Constantes con arrays u objetos en JavaScript

Enfoque de programación mediante constantes en JavaScript

Búsqueda de errores en código con objetos JavaScript

Condiciones

La construcción if-else en JavaScript

Operadores mayor que y menor que en JavaScript

Comprobación de igualdad en JavaScript

Comprobación de desigualdad en JavaScript

Comparación de variables en JavaScript

Igualdad de cadenas en JavaScript

Igualdad de cadenas y números en JavaScript

Igualdad por valor y tipo en JavaScript

Desigualdad por valor y tipo en JavaScript

AND lógico en JavaScript

OR lógico en JavaScript

Prioridad de los operadores lógicos en JavaScript

Agrupación de condiciones en JavaScript

Inversión de expresiones lógicas en JavaScript

Condiciones con valores booleanos en JavaScript

Comparación de valores con tipo booleano en JavaScript

Forma abreviada de verificación de verdad en JavaScript

Forma abreviada de verificación de falsedad en JavaScript

Forma general abreviada de verificación en JavaScript

Condiciones complejas en forma abreviada en JavaScript

La opcionalidad de la construcción else en JavaScript

Opcionalidad de las llaves en JavaScript

Problema de la opcionalidad de las llaves en if-else

La construcción else if en JavaScript

Construcciones if-else anidadas en JavaScript

La declaración switch-case en JavaScript

La opcionalidad de break en la construcción switch-case en JavaScript

Operador ternario en JavaScript

Operaciones lógicas en JavaScript

Función confirm en JavaScript

Ámbito de variables en if-else en JavaScript

Matices del ámbito de las variables en las construcciones if-else en JavaScript

Verificación de las partes de una hora usando if-else en JavaScript

Comprobación de la longitud de cadenas y arrays en JavaScript

Comprobación de caracteres de cadena en JavaScript

Verificación de dígitos de un número en JavaScript

Comprobación del resto de la división en JavaScript

Búsqueda de errores en código con condiciones JavaScript

Práctica con condicionales if-else en JavaScript

Bucles

Introducción a los bucles en JavaScript

Iteración de arrays con el bucle for-of en JavaScript

Iteración sobre un objeto con el bucle for-in en JavaScript

El ciclo while en JavaScript

Bucle for en JavaScript

Bucle for para arrays en JavaScript

Condiciones en bucles en JavaScript

Acumulación de números en bucles JavaScript

Acumulación de elementos de arrays en bucles JavaScript

Formación de cadenas mediante bucles en JavaScript

Dígitos de un número al iterar con un bucle en JavaScript

Opcionalidad de llaves en bucles en JavaScript

El problema de omitir llaves en bucles en JavaScript

Instrucción break en JavaScript

Instrucción continue en JavaScript

Bucles anidados en JavaScript

Ámbito de variables en bucles JavaScript

Bucles anidados y ámbito de variables en JavaScript

Rellenar un array en JavaScript

Modificación de arrays en bucles JavaScript

Llenado de objetos mediante bucles en JavaScript

Modificación de objetos mediante bucles en JavaScript

Trabajo con banderas en JavaScript

Consejos para escribir código de bucles en JavaScript

Consejos para depurar código con ejemplos de bucles en JavaScript

Búsqueda de errores en código con bucles JavaScript

Práctica de Bucles JavaScript

Multidimensionalidad

Arreglos multidimensionales en JavaScript

Arreglo tridimensional en JavaScript

Arreglos arbitrarios en JavaScript

Iteración de arrays multidimensionales en JavaScript

Bucle for estándar en JavaScript

Rellenar arrays multidimensionales en JavaScript

Problemas al llenar arrays multidimensionales en JavaScript

Relleno de arrays multidimensionales en orden en JavaScript

Objetos multidimensionales en JavaScript

Iteración de objetos multidimensionales en JavaScript

Estructuras multidimensionales en JavaScript

Recorrido de estructuras multidimensionales en JavaScript

Matriz de objetos en JavaScript

Claves de variables en estructuras multidimensionales de JavaScript

Adición de elementos a arrays multidimensionales en JavaScript

Adición de elementos a objetos multidimensionales JavaScript

Métodos estándar

Potencia y raíz en JavaScript

Funciones de redondeo en JavaScript

Números extremos en JavaScript

Aleatoriedad en JavaScript

Módulos en JavaScript

Registro de caracteres en JavaScript

Extracción de cadenas en JavaScript

Búsqueda en cadenas en JavaScript

Reemplazo de partes de cadenas en JavaScript

División de cadenas en JavaScript

Elementos de borde en JavaScript

Partes de arreglos en JavaScript

Manipulación de arreglos en JavaScript

Búsqueda en arrays en JavaScript

Matriz de claves de un objeto en JavaScript

Búsqueda de errores en código con métodos estándar de JavaScript

Funciones Personalizadas

Fundamentos del trabajo con funciones personalizadas en JavaScript

Parámetros de funciones en JavaScript

Múltiples parámetros de funciones en JavaScript

Parámetros-variables de funciones en JavaScript

Parámetros opcionales en JavaScript

Instrucción return en JavaScript

Llamada secuencial de funciones en JavaScript

El punto delicado de return en JavaScript

Ciclo y return en JavaScript

Uso de return en bucles en JavaScript

Técnica de trabajo con return en JavaScript

Banderas en funciones de JavaScript

Operadores lógicos sin if en funciones JavaScript

Consejos para crear funciones en JavaScript

Búsqueda de errores en código con funciones JavaScript

Práctica con funciones JavaScript

Variables de funciones

Variables globales en funciones en JavaScript

Variables locales en funciones en JavaScript

Nombres iguales de variables en funciones en JavaScript

Modificación de variables globales en JavaScript

Variables globales y parámetros de funciones en JavaScript

Coincidencia de nombres con parámetros en JavaScript

Parámetros-objeto JavaScript

Tipos de funciones

Código fuente de la función y su resultado en JavaScript

Función como variable en JavaScript

Asignación de una función a otra variable en JavaScript

Asignación de funciones a variables en JavaScript

Coincidencia de nombre de función y variable en JavaScript

Function expression y Function declaration en JavaScript

Diferencia entre declaraciones de función

Punto y coma en la declaración de funciones en JavaScript

Matices de las Expresiones de Función en JavaScript

Función con nombre, pero Expression de Función en JavaScript

Expresiones de función nombradas en JavaScript

Cómo comprobar el tipo de función en JavaScript

Expresión de función a la izquierda en JavaScript

Expresión de función a la derecha en JavaScript

Matriz con funciones anónimas en JavaScript

Objeto con funciones anónimas en JavaScript

Uso de un objeto con funciones en JavaScript

Funciones Anidadas

Paso de funciones como parámetros en JavaScript

Funciones con nombre como parámetros en JavaScript

Parámetros de funciones pasadas en JavaScript

Pasar un número como parámetro en JavaScript

Aplicación de paso de funciones como parámetros en JavaScript

Funciones anidadas en JavaScript

Ámbito de las funciones anidadas en JavaScript

Parámetros de funciones externas en JavaScript

Parámetros de funciones externas e internas en JavaScript

Parámetros homónimos en JavaScript

Función que retorna una función en JavaScript

Cualquier nivel de anidación en JavaScript

Parámetros de funciones retornadas en JavaScript

Funciones callback en JavaScript

Matices de los callbacks en JavaScript

Funciones flecha en JavaScript

Aplicación de las funciones flecha en JavaScript

Cierres

Acceso a variables externas de funciones en JavaScript

Entorno Léxico de Funciones en JavaScript

Aplicación del entorno léxico de funciones en JavaScript

Cierres en JavaScript

Contador con cierres en JavaScript

Variable local de contador en JavaScript

Variable global contadora en JavaScript

IIFE

Invocación de función inmediata en JavaScript

Asignación de una función a una variable en JavaScript

Aplicación de la invocación de función inmediata en JavaScript

Paréntesis en IIFE en JavaScript

Parámetros de función en la invocación inmediata en JavaScript

Múltiples llamadas IIFE en JavaScript

Trampas de las IIFE en JavaScript

Punto y coma para seguridad en IIFE

Cierres y llamada de función inmediata en JavaScript

Recursividad

Trabajo con recursión en JavaScript

Ejemplo con parámetro a través de recursión en JavaScript

Suma de elementos de un array con recursión en JavaScript

Recursión y Estructuras Multidimensionales en JavaScript

Suma de elementos de un array mediante recursión en JavaScript

Manipulación de elementos en JavaScript

Métodos de Iteración

Método map para recorrer arrays en JavaScript

Método forEach para recorrer arrays en JavaScript

Método filter para filtrar arrays en JavaScript

Método every para verificar arrays en JavaScript

Método some para verificar arrays en JavaScript

Búsqueda en un array mediante callback en JavaScript

Convolución de arrays en JavaScript

Operador spread

Operador spread en JavaScript

Uso de spread en JavaScript

Valores extremos de un array mediante spread en JavaScript

Operador spread y fusión de arrays

Operador spread para cadenas en JavaScript

Operador spread y números en JavaScript

Operador rest

El operador rest en JavaScript

Función que encuentra la suma de números usando los operadores rest y spread en JavaScript

Función que combina arrays en uno bidimensional en JavaScript

Función que combina arrays en uno en JavaScript

Desestructuración

Desestructuración de arrays en JavaScript

Desestructuración de un array desde una función en JavaScript

Omisión de elementos de array en la desestructuración en JavaScript

Valores sobrantes en la desestructuración de arrays en JavaScript

El resto de un array en la desestructuración en JavaScript

Valores predeterminados en la desestructuración de arrays en JavaScript

Funciones por defecto en la desestructuración de arrays en JavaScript

Declaración de variables en la desestructuración de arrays en JavaScript

Desestructuración de objetos en JavaScript

Nombres de variables en la desestructuración de objetos en JavaScript

Valores predeterminados en la desestructuración de objetos en JavaScript

Variables y valores por defecto en JavaScript

Declaración de variables en la desestructuración de objetos en JavaScript

Desestructuración de parámetros de funciones en JavaScript

Desestructuración de objetos parámetros de funciones en JavaScript

Tiempo

Trabajo con el objeto Date en JavaScript

Formateo de fechas en JavaScript

Cambio de formato de fecha en JavaScript

Obtención del día de la semana en JavaScript

Mostrar partes de la fecha en palabras en JavaScript

Establecer la hora en un objeto Date en JavaScript

Obteniendo el tiempo en formato timestamp en JavaScript

Diferencia entre fechas en formato timestamp en JavaScript

Diferencia entre objetos de fecha en JavaScript

Ajuste automático de fechas en JavaScript

Cómo obtener el último día del mes en JavaScript

Definición de año bisiesto en JavaScript

Verificación de la validez de una fecha en JavaScript

Obtener el día del año actual en JavaScript

Día del mes siguiente o anterior

Día del año siguiente o anterior

Diferencia entre momentos

Momento del día

Inicio del día en JavaScript

Fin del día en JavaScript

Verificación cíclica de momentos temporales en JavaScript

Práctica para obtener momentos de tiempo en JavaScript

Comparación de cadenas de fechas en JavaScript

Comparación de fechas sin año en JavaScript

Comprobar si una fecha cae dentro de un intervalo

Comparación de objetos Date en JavaScript

Introducción al DOM

Fundamentos de trabajo con DOM en JavaScript

Elementos DOM en JavaScript

Obtención de un elemento DOM en JavaScript

Selectores complejos de elementos DOM en JavaScript

Vinculación de manejadores a elementos en JavaScript

Manejadores de eventos nombrados en JavaScript

Un manejador para múltiples elementos en JavaScript

Múltiples manejadores para un mismo evento en JavaScript

Manejadores de diferentes eventos en JavaScript

Trabajo con texto de elementos en JavaScript

Trabajo con código HTML de elementos en JavaScript

Atributos de etiquetas como propiedades en JavaScript

Trabajo con campos de texto en JavaScript

Enfoque de campos de texto en JavaScript

Excepciones al trabajar con atributos en JavaScript

Encadenamiento de métodos y propiedades en JavaScript

Ventajas y desventajas del encadenamiento en JavaScript

El objeto this en JavaScript

Ventaja de this en JavaScript

Obtención de un grupo de elementos en JavaScript

Adición de manejadores en un bucle en JavaScript

Adición de manejadores anónimos en un bucle en JavaScript

Desvinculación de eventos en JavaScript

Desvinculación de manejadores de eventos en un bucle en JavaScript

Desvinculación de funciones anónimas en JavaScript

Consejos para escribir código usando el ejemplo del DOM en JavaScript

Búsqueda de errores en código con DOM en JavaScript

Práctica del material estudiado sobre trabajo con DOM

Atributos

Obtención de atributos en JavaScript

Establecer atributos en JavaScript

Eliminación de atributos en JavaScript

Comprobación de la presencia de atributos en JavaScript

Atributos personalizados en JavaScript

Nombres de atributos con guiones en JavaScript

Acceso a atributos a través de métodos en JavaScript

Manipulación de un array de clases CSS en JavaScript

Adición de clases CSS en JavaScript

Eliminación de clases CSS en JavaScript

Comprobación de clases CSS en JavaScript

Alternancia de clases CSS en JavaScript

Estilización

Estilización de elementos a través del atributo style en JavaScript

Estilización de propiedades con guión en JavaScript

Excepción al estilizar elementos en JavaScript

Estilización con clases CSS en JavaScript

Ventaja de estilizar con clases CSS en JavaScript

Aplicación de estilos en JavaScript

Búsqueda

Encontrar elementos descendientes en JavaScript

Encontrar los elementos padres en JavaScript

Búsqueda de todos los elementos padres en JavaScript

Búsqueda de elementos vecinos en JavaScript

Búsqueda de elemento por id en JavaScript

Búsqueda de elementos por nombre de etiqueta en JavaScript

Búsqueda de elementos por nombre de clase en JavaScript

Búsqueda de elementos dentro de otro elemento en JavaScript

Nodos

Trabajo con nodos en JavaScript

Recorriendo nodos con un bucle en JavaScript

Nombres de los nodos en JavaScript

Tipo de nodos en JavaScript

Texto de nodos en JavaScript

Formularios

Trabajo con textarea en JavaScript

Atributo disabled en JavaScript

Trabajo con casillas de verificación en JavaScript

Alternancia de atributos sin valores

Trabajo con botones de radio en JavaScript

Evento change en JavaScript

Evento input en JavaScript

Métodos focus y blur en JavaScript

Búsqueda de errores en código con formularios en JavaScript

Listas desplegables

Trabajo con listas desplegables en JavaScript

Atributo value en listas desplegables en JavaScript

Cambiar el elemento seleccionado de una lista en JavaScript

Número de opción seleccionada en lista desplegable

Obtención de elementos de una lista desplegable en JavaScript

Matriz de elementos de lista desplegable en JavaScript

Trabajo con elementos de listas desplegables en JavaScript

Selección de elemento de lista en JavaScript

Obtener la opción seleccionada en JavaScript

Objeto Event

Fundamentos del trabajo con el objeto Event en JavaScript

Coordenadas del evento en JavaScript

Tipo de evento en el objeto Event en JavaScript

Elemento del evento en el objeto Event en JavaScript

Obtención de teclas presionadas en JavaScript

Seguimiento de teclas modificadoras en JavaScript

Cancelar la acción por defecto en JavaScript

Propagación de eventos en JavaScript

Obtención del elemento objetivo durante la propagación de eventos

Cese de la propagación de eventos en JavaScript

Múltiples manejadores de eventos en un elemento en JavaScript

Detención inmediata de la propagación en JavaScript

Aplicación de la detención de propagación de eventos en JavaScript

Propagación de Eventos en JavaScript

Asignar manejadores a nuevos elementos en JavaScript

Delegación de eventos en JavaScript

Delegación universal de eventos en JavaScript

Contexto

Fundamentos del trabajo con contexto en JavaScript

Contexto de función no vinculada en JavaScript

Pérdida de contexto en JavaScript

Solución al problema del contexto en JavaScript

Contexto a través de una variable en JavaScript

Contexto a través de parámetro en JavaScript

Contexto a través de la función flecha en JavaScript

Vinculación de contexto mediante el método call en JavaScript

Método call con parámetros en JavaScript

Vinculación de contexto mediante el método apply en JavaScript

Vinculación de contexto mediante el método bind en JavaScript

Temporizadores

Fundamentos del trabajo con la función setInterval en JavaScript

Contador usando la función setInterval en JavaScript

Detención del temporizador JavaScript

Botón para iniciar un temporizador en JavaScript

Múltiples clics en un botón para iniciar un temporizador en JavaScript

Botones para iniciar y detener un temporizador en JavaScript

Práctica con temporizadores y trabajo con el DOM en JavaScript

Temporizadores y pérdida de contexto en JavaScript

Práctica con temporizadores y trabajo con DOM en JavaScript

Retraso antes de la ejecución en JavaScript

Iniciar un temporizador en JavaScript

Manipulación de elementos

Creación e inserción de elementos en JavaScript

Vinculación de eventos al insertar elementos

Creación de elementos en bucle en JavaScript

Asignación de manejadores en bucle en JavaScript

Eliminación de elementos en JavaScript

Inserción de elementos al principio o al final en JavaScript

Inserción de elementos antes de otros elementos en JavaScript

Inserción adyacente de elementos en JavaScript

Inserción adyacente de etiquetas en JavaScript

Clonación de elementos en JavaScript

Comprobación de elementos en JavaScript

Práctica

Creación de elementos desde un array en JavaScript

Práctica sobre la creación de listas ul en JavaScript

Creación de tablas HTML en JavaScript

Llenado secuencial de tablas HTML

Creación de tabla HTML a partir de un array en JavaScript

Creación de una tabla HTML a partir de un array de objetos

Adición de filas y columnas en una tabla HTML

Modificación de celdas de tabla HTML en JavaScript

Autoborrado de nuevos elementos en JavaScript

Enlace para eliminar elemento en JavaScript

Creación de enlaces para eliminar elementos en JavaScript

Edición de un elemento individual en JavaScript

Ocultar texto al editar un elemento en JavaScript

Edición en un grupo de elementos en JavaScript

Edición y eliminación simultánea de elementos

Estilización de elementos en JavaScript

Botones para ocultar y mostrar elementos en JavaScript

Múltiples elementos con botones de mostrar en JavaScript

Activación de elementos en JavaScript

Alternancia de estilos de activación en JavaScript

Práctica sobre modificación de elementos en JavaScript

Funciones y DOM

Funciones para trabajar con elementos DOM en JavaScript

Funciones para trabajar con un grupo de elementos DOM

Pasar un callback para trabajar con el DOM en JavaScript

Pasar el número de orden en el callback en JavaScript

Pasar un elemento DOM como parámetro de función

Pasar un grupo de elementos DOM como parámetros de funciones

Función para crear tablas HTML en JavaScript

Devolver una tabla desde una función en JavaScript

Función para crear una tabla a partir de un array

Módulos mediante clausuras

Conflictos de Variables en JavaScript

Módulos mediante clausuras en JavaScript

Aplicación Práctica

Paso de parámetros a un módulo mediante closures en JavaScript

Pasar el elemento padre a un módulo a través de cierres en JavaScript

Transmisión de configuraciones de módulo mediante cierres en JavaScript

Parámetros por defecto

Exportación de variables y funciones en módulos mediante closures en JavaScript

Exportación de objetos en módulos mediante closures en JavaScript

Bibliotecas mediante clausuras en JavaScript