Cómo codificar en JavaScript
INFO
La fuente original (en ingles) de este tutorial se encuentra aquí
Introducción
JavaScript es un lenguaje de secuencias de comandos dinámico, basado en objetos y de alto nivel, popular como herramienta para hacer que las páginas web sean interactivas.
Cómo Utilizar la Consola para Desarrolladores de JavaScript
Este tutorial explicará cómo trabajar con la Consola en JavaScript dentro del contexto de un navegador y brindará una descripción general de otras herramientas de desarrollo integradas que puede utilizar como parte de su proceso de desarrollo web.
Cómo Agregar JavaScript a HTML
Este tutorial explicará cómo incorporar JavaScript en sus archivos web, tanto en línea en un documento HTML como en un archivo separado.
Cómo Escribir Su Primer Programa JavaScript
Este tutorial le guiará en la creación de un mensaje "Hello, World!" programa en JavaScript. Para hacer el programa más interesante, modificaremos el tradicional programa "Hello, World!" para que pida al usuario su nombre. Luego usaremos el nombre en un saludo. Cuando haya terminado con este tutorial, tendrá un mensaje interactivo programa "Hello, World!".
Comprender Sintaxis y Estructura del Código en JavaScript
En este tutorial, repasaremos muchas de las reglas y convenciones de la sintaxis y la estructura del código de JavaScript.
Cómo Escribir Comentarios en Javascript
Los comentarios de JavaScript son anotaciones en el código fuente de un programa que el intérprete ignora y, por lo tanto, no tienen ningún efecto en la salida real del código. Los comentarios pueden ser de gran ayuda para explicar la intención de lo que es o debería hacer su código.
Comprender Tipos de Datos en JavaScript
En este tutorial, repasaremos cómo funcionan los tipos de datos en JavaScript, así como los tipos de datos importantes nativos del lenguaje.
Cómo Trabajar con Cadenas en JavaScript
Una cadena es una secuencia de uno o más caracteres que pueden consistir en letras, números o símbolos. Las cadenas en JavaScript son tipos de datos primitivos e inmutables, lo que significa que no cambian. Como las cadenas son la forma en que mostramos y trabajamos con el texto, y el texto es nuestro principal...
Cómo Indexar, Dividir y Manipular Cadenas en JavaScript
En este tutorial, aprenderemos la diferencia entre las primitivas de cadena y el objeto String, cómo se indexan las cadenas, cómo acceder a los caracteres de una cadena y las propiedades y métodos comunes utilizados en las cadenas.
Cómo Convertir Tipos de Datos en JavaScript
Este tutorial lo guiará a través de la conversión de los tipos de datos primitivos de JavaScript, incluidos números, cadenas y booleanos.
Comprender Variables, Alcance y Elevación en JavaScript
Este tutorial cubre qué son las variables, cómo declararlas y nombrarlas, y también analiza más de cerca la diferencia entre var, let y const. También repasa los efectos de elevación y la importancia del alcance global y local para el comportamiento de una variable.
Cómo Hacer Matemáticas en JavaScript con Operadores
En este tutorial de JavaScript, repasaremos los operadores aritméticos, los operadores de asignación y el orden de las operaciones utilizadas con tipos de datos numéricos.
Comprender los Operadores Lógicos y de Comparación en JavaScript
El campo de la informática tiene muchos fundamentos en la lógica matemática. Si está familiarizado con la lógica, sabrá que implica tablas de verdad, álgebra booleana y comparaciones para determinar la igualdad o la diferencia. El lenguaje de programación JavaScript utiliza operadores...
Comprender Matrices en JavaScript
En este tutorial, aprenderemos cómo crear matrices; cómo están indexados; cómo agregar, modificar, eliminar o acceder a elementos en una matriz; y cómo recorrer matrices.
Cómo Utilizar Métodos de Matriz en JavaScript: Métodos Mutadores
JavaScript tiene muchos métodos integrados útiles para trabajar con matrices. Los métodos que modifican la matriz original se conocen como métodos mutadores y los métodos que devuelven un nuevo valor o representación se conocen como métodos de acceso. En este tutorial, nos centraremos en los métodos mutadores.
Cómo Utilizar Métodos de Matriz en Javascript: Métodos de Acceso
Este tutorial repasará métodos que concatenarán matrices, convertirán matrices en cadenas, copiarán partes de una matriz en una nueva matriz y encontrarán los índices de las matrices.
Cómo Utilizar Métodos de Matriz en JavaScript: Métodos de Iteración
En JavaScript, el tipo de datos de matriz consta de una lista de elementos. Hay muchos métodos integrados útiles disponibles para que los desarrolladores de JavaScript trabajen con matrices. En este tutorial, usaremos métodos de iteración para recorrer matrices, realizar funciones en cada elemento de una matriz, filtrar los resultados deseados de una matriz, reducir los elementos de la matriz a un solo valor y buscar en matrices para encontrar valores o índices.
Comprender Objetos en JavaScript
Los objetos son un aspecto integral y fundamental de la mayoría de los programas JavaScript. Por ejemplo, un objeto de cuenta de usuario puede contener datos como nombres de usuario, contraseñas y direcciones de correo electrónico. Otro caso de uso común es el carrito de compras de una plataforma de compras web que podría consistir en una serie de muchos objetos que contienen toda la información pertinente para cada artículo, como el nombre, el precio y el peso para la información de envío. Una lista de tareas pendientes es otra aplicación común que puede consistir en objetos.
Comprender la Fecha y la Hora en JavaScript
JavaScript viene con el objeto Date integrado y métodos relacionados. Este tutorial explicará cómo formatear y usar la fecha y la hora en JavaScript.
Comprender Eventos en JavaScript
Los eventos son acciones que tienen lugar en el navegador y que pueden ser iniciadas por el usuario o por el propio navegador. En este artículo de JavaScript, repasaremos los controladores de eventos, los detectores de eventos y los objetos de eventos. También repasaremos tres formas diferentes de escribir código para manejar eventos y algunos de los eventos más comunes. Al conocer los eventos, podrá crear una experiencia web más interactiva para los usuarios finales.
Cómo Trabajar con JSON en JavaScript
Este tutorial proporciona una introducción al trabajo con JSON en JavaScript. Algunos casos de uso generales de JSON incluyen: almacenar datos, generar datos a partir de la entrada del usuario, transferir datos del servidor al cliente y viceversa, configurar y verificar datos.
Cómo Escribir Declaraciones Condicionales en JavaScript
En programación, habrá muchas ocasiones en las que querrás ejecutar diferentes bloques de código dependiendo de la entrada del usuario u otros factores. Como ejemplo, es posible que desee enviar un formulario si cada campo se completa correctamente, pero es posible que desee evitar que ese formulario...
Cómo Utilizar la Declaración Switch en JavaScript
Las declaraciones condicionales se encuentran entre las características más útiles y comunes de todos los lenguajes de programación. "Cómo escribir declaraciones condicionales en JavaScript" describe cómo utilizar...
Usando Bucles While y Bucles Do...While en JavaScript
La automatización es la técnica de hacer que un sistema funcione automáticamente; En programación, utilizamos bucles para automatizar tareas repetitivas. Los bucles son una de las características más útiles de los lenguajes de programación, y en este artículo aprenderemos sobre while y do… while…
Bucles For, Bucles For...Of y Bucles For...In en JavaScript
Los bucles se utilizan en programación para automatizar tareas repetitivas. En este tutorial, aprenderemos sobre la declaración for, incluidas las declaraciones for…of y for…in, que son elementos esenciales del lenguaje de programación JavaScript.
Cómo Definir Funciones en JavaScript
Una función es un bloque de código que realiza una acción o devuelve un valor. Las funciones son códigos personalizados definidos por programadores que son reutilizables y, por lo tanto, pueden hacer que sus programas sean más modulares y eficientes. En este tutorial, aprenderemos varias formas de definir un…
Comprensión de Prototipos y Herencia en JavaScript
JavaScript es un lenguaje basado en prototipos, lo que significa que las propiedades y métodos de los objetos se pueden compartir a través de objetos generalizados que tienen la capacidad de clonarse y ampliarse. Esto se conoce como herencia prototípica y difiere de la herencia de clases. Entre los populares…
Comprender Clases en JavaScript
Comprender la herencia prototípica es fundamental para ser un desarrollador de JavaScript eficaz. Estar familiarizado con las clases es extremadamente útil, ya que las bibliotecas de JavaScript populares como React hacen uso frecuente de la sintaxis de clases.
Cómo Usar Métodos de Objeto en JavaScript
Los objetos en JavaScript son colecciones de pares clave/valor. Los valores pueden consistir en propiedades y métodos, y pueden contener todos los demás tipos de datos de JavaScript, como cadenas,...
Comprender This, Bind, Call y Apply en JavaScript
La palabra clave this es un concepto muy importante en JavaScript y también particularmente confuso tanto para los nuevos desarrolladores como para aquellos que tienen experiencia en otros lenguajes de programación. En JavaScript, this es una referencia a un objeto. En este artículo, aprenderá a qué se refiere this según el contexto y cómo puede usar los métodos bind, call y apply para determinar explícitamente el valor de this.
Comprender Map y Set de Objetos en JavaScript
Introducidos en ECMAScript 2015, los mapas en JavaScript son colecciones ordenadas de pares clave/valor, y los conjuntos son colecciones de valores únicos. En este artículo, repasará los objetos Map y Set, qué los hace similares o diferentes a Objects y Arrays, las propiedades y métodos disponibles para ellos y ejemplos de algunos usos prácticos.
Comprender Generadores en JavaScript
En ECMAScript 2015, se introdujeron generadores en el lenguaje JavaScript. Un generador es un proceso que se puede pausar y reanudar y puede generar múltiples valores. Pueden mantener el estado, proporcionando una forma eficiente de crear iteradores y son capaces de manejar infinitos flujos de datos. En este artículo, cubriremos cómo crear funciones generadoras, cómo iterar sobre objetos Generator, la diferencia entre rendimiento y retorno dentro de un generador y otros aspectos del trabajo con generadores.
Comprender Parámetros Predeterminados en JavaScript
En ECMAScript 2015, se introdujeron parámetros de función predeterminados en el lenguaje de programación JavaScript. Estos permiten a los desarrolladores inicializar una función con valores predeterminados si los argumentos no se proporcionan a la llamada de función. Inicializar los parámetros de la función de esta manera hará que sus funciones sean más fáciles de leer y lo ayudará a evitar errores causados por argumentos indefinidos y la desestructuración de objetos que no existen. En este artículo, aprenderá a utilizar los parámetros predeterminados.
Comprender Desestructuración, Parámetros de Resto y Sintaxis Propagada en JavaScript
Introducidos en ECMAScript 2015 (ES6), la desestructuración, los parámetros de resto y la sintaxis propagada brindan formas más directas de acceder a los miembros de una matriz o un objeto, y pueden hacer que trabajar con estructuras de datos sea más rápido y conciso. En este artículo, aprenderá cómo desestructurar objetos y matrices en JavaScript, cómo usar el operador de propagación para descomprimir objetos y matrices y cómo usar parámetros de resto en llamadas a funciones.
Comprender Literales de Plantilla en JavaScript
La edición 2015 de la especificación ECMAScript (ES6) agregó literales de plantilla al lenguaje JavaScript. Los literales de plantilla son una nueva forma de crear cadenas en JavaScript que agrega muchas capacidades nuevas y poderosas, como la creación de cadenas de varias líneas, el uso de marcadores de posición para incrustar expresiones en una cadena y el análisis de expresiones de cadena dinámicas con literales de plantilla etiquetados. En este artículo, repasará las diferencias entre cadenas entre comillas simples o dobles y literales de plantilla.
Comprender las Funciones de Flecha en JavaScript
Las funciones de flecha son una nueva forma de escribir expresiones de funciones anónimas en JavaScript y son similares a las funciones lambda en otros lenguajes de programación como Python. Se diferencian de las funciones tradicionales en la forma en que se determina su alcance y en cómo se expresa su sintaxis, y son particularmente útiles cuando se pasa una función como parámetro a una función de orden superior, como un método iterador de matriz. En este artículo, encontrará ejemplos del comportamiento y la sintaxis de la función de flecha.
Comprender Event Loop, Callbacks, Promises, y Async/Await en JavaScript
Para evitar el bloqueo de código en el desarrollo de JavaScript, se deben utilizar técnicas de codificación asincrónica para operaciones que requieren mucho tiempo, como las solicitudes de red realizadas desde API web como Fetch. En este artículo, se tratarán los fundamentos de la programación asincrónica, se le enseñará sobre el bucle de eventos, la forma original de tratar el comportamiento asincrónico a través de devoluciones de llamadas, la incorporación de promesas en ECMAScript 2015 (ES6) actualizada y la práctica moderna de usar async/await.
Comprender Módulos y Declaraciones de Importación y Exportación en JavaScript
A medida que aumenta la importancia de JavaScript en el desarrollo web, existe una mayor necesidad de utilizar código de terceros para tareas comunes, dividir el código en archivos modulares y evitar contaminar el espacio de nombres global. Para tener esto en cuenta, ECMAScript 2015 (ES6) introdujo módulos en el lenguaje JavaScript, lo que permitió el uso de declaraciones de importación y exportación. En este tutorial, aprenderá qué es un módulo de JavaScript y cómo utilizar la importación y exportación para organizar su código.