Desarrollador web Full Stack

En este capítulo aprenderás tres funcionalidades de JavaScript moderno (a partir de la versión llamada ECMAScript 2015, conocida como ES6) que sirven para escribir código más corto, legible y expresivo: la desestructuración, el operador de propagació...

Recordatorio teórico: En JavaScript, un objeto literal es una estructura que agrupa datos relacionados bajo la forma de pares clave-valor, por ejemplo { nombre: 'Camiseta', precio: 19.99, stock: 40 }. Cuando necesitamos manipular varios objetos del m...

RECORDATORIO TEÓRICO Un objeto literal en JavaScript es una estructura que agrupa datos (propiedades) y comportamientos (métodos) bajo un mismo nombre. Se declara con llaves: const usuario = { nombre: 'Ana', edad: 30 }. Cada propiedad es un par clave...

Un objeto literal es una de las estructuras de datos más importantes de JavaScript. Mientras que una matriz (array) sirve para almacenar una lista ordenada de elementos accesibles por su posición numérica, un objeto sirve para almacenar información o...

RECORDATORIO TEÓRICO En JavaScript moderno (ES6+), los arrays disponen de métodos de orden superior que permiten manipular colecciones de datos sin recurrir a bucles manuales. Los tres pilares son: `filter()`, que devuelve un nuevo array con los elem...

En JavaScript, una matriz (array) es una estructura de datos que permite almacenar varios elementos en una sola variable. Hasta ahora, has aprendido a recorrer estas matrices con bucles como 'for', 'while' o 'for...of'. Estos bucles funcionan perfect...

Una matriz, más conocida en JavaScript con el nombre de 'array' o arreglo, es una estructura de datos que permite almacenar varios valores dentro de una misma variable. Por ejemplo, en lugar de crear tres variables distintas para tres nombres, podemo...

Recordatorio teórico: Antes de comenzar, repasemos los conceptos clave que vas a poner en práctica. Un array (arreglo) es una estructura de datos que almacena una colección ordenada de valores. En JavaScript ES6+ puedes recorrerlo y transformarlo con...

RECORDATORIO TEÓRICO Antes de comenzar, repasemos los conceptos clave que has visto en los capítulos anteriores. Una variable declarada con 'let' o 'const' te permite almacenar datos: usa 'const' cuando el valor no cambiará de referencia (como un arr...

En este capítulo vas a aprender a crear elementos en una página web y a acceder a ellos utilizando JavaScript moderno (la versión conocida como ES6 y posteriores). El objetivo es que puedas manipular el contenido de una página de forma dinámica, es d...

Escribir código que funciona es solo el primer paso para convertirse en desarrollador web. La verdadera diferencia entre un principiante y un profesional está en la calidad, la claridad y el mantenimiento del código. En este capítulo aprenderás las m...

Escribir un guion legible y comentado es una habilidad esencial para cualquier desarrollador web. A lo largo de las actividades anteriores has aprendido a crear funciones, manejar el alcance de las variables, trabajar con eventos del navegador y escr...

Recordatorio teórico: En JavaScript, un evento es una acción que ocurre en la página web, como un clic, un movimiento del ratón o una pulsación de tecla. El navegador nos permite "escuchar" estos eventos y ejecutar código en respuesta. El método clav...

Hasta ahora has aprendido a declarar variables, escribir funciones y estructurar la lógica de un programa en JavaScript. Ahora vamos a dar un paso fundamental para el desarrollo web: hacer que las páginas reaccionen a las acciones de las personas que...

RECORDATORIO TEÓRICO Hasta ahora has trabajado con variables, condiciones y funciones puras que reciben datos y devuelven resultados sin interactuar con una página web. En este taller darás el paso hacia la manipulación del DOM (Document Object Model...

En JavaScript, dos conceptos determinan dónde y cuándo puedes utilizar una variable o una función: el alcance (en inglés se le conoce como scope) y la elevación (en inglés hoisting). Comprender estos dos mecanismos te evitará muchos errores difíciles...

Recordatorio teórico: Una función es un bloque de código reutilizable que recibe datos de entrada (parámetros), ejecuta una tarea y normalmente devuelve un resultado con la palabra clave return. En ES6 podemos declararlas de forma clásica (function s...

Recordatorio teórico: Una función es un bloque de código reutilizable que puede recibir datos de entrada (parámetros), ejecutar instrucciones y devolver un resultado con la palabra clave return. En ES6 disponemos de dos sintaxis principales. La decla...

En JavaScript, una función es un bloque de código reutilizable que realiza una tarea concreta. Hasta ahora has trabajado con variables, operadores y condiciones. Las funciones te permiten agrupar instrucciones para ejecutarlas cuantas veces quieras, ...

Recordatorio teórico: En programación, determinar si un número es par o impar es un problema clásico que se resuelve mediante el operador módulo (%). Este operador devuelve el resto de una división entera. Por ejemplo, 10 % 2 devuelve 0 porque 10 se ...

RECORDATORIO TEÓRICO En JavaScript, las condiciones permiten que un programa tome decisiones según los datos que recibe. La estructura básica es 'if/else': si una condición es verdadera, se ejecuta un bloque de código; si no, se ejecuta otro. La cond...

Introducción a las estructuras condicionales Hasta ahora has aprendido a declarar variables, manejar tipos primitivos y realizar operaciones aritméticas. Sin embargo, un programa que solo ejecuta instrucciones una tras otra, siempre de la misma maner...

Recordatorio teórico: Antes de empezar, recordemos los conceptos que ya hemos estudiado y que necesitarás aquí. Una variable es un contenedor con nombre que almacena un valor. En ES6 usamos 'let' para valores que pueden cambiar y 'const' para valores...

Después de haber aprendido a declarar variables con let y const, y a manipular los tipos primitivos, es momento de aprender a operar con esos valores. En este capítulo estudiaremos dos herramientas fundamentales de JavaScript moderno: los operadores ...

RECORDATORIO TEÓRICO En JavaScript, cada valor tiene un tipo primitivo (string, number, boolean, undefined, null, entre otros). Una conversión de tipo (o casting) consiste en transformar un valor de un tipo a otro. Existen dos formas: la conversión e...