Episodios de Desarrollador web Full Stack
187 episodios · del más reciente al más antiguo
-
Desestructurar, propagar y descansar: simplificando el código
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…
-
Taller de : catálogo de productos (conjunto de objetos)
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'…
-
Taller: objeto de usuario y método de presentación
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…
-
Objetos literales: propiedades y métodos
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…
-
Taller: filtrado y transformación de una lista de productos
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…
-
Métodos de matriz avanzados: mapear, filtrar, reducir (introducción)
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 para/durante... de/mientras se aplican a matrices
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…
-
Taller: estadísticas de calificaciones de los estudiantes
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…
-
Taller: gestión de una lista de tareas en una consola
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…
-
Placas ES6: creación y acceso a elementos
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…
-
Perspectiva del desarrollador: mejores prácticas para principiantes
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…
-
Revisión resumida: escribir un guion legible y comentado
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…
-
Taller: botón alert con controlador de eventos
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…
-
Introducción a los eventos del navegador (descripción general)
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…
-
Taller de : contador de clics (aviso)
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…
-
Alcance y elevación simplificados
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…
-
Taller: calculadora refactorizada con funciones
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…
-
Taller: función de saludo personalizada
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…
-
Funciones ES6 y funciones de flecha
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…
-
Taller de : ¿par o impar?
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…
-
Taller: mayoría legal — guion interactivo
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…
-
Condiciones If/else y operadores de comparación
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…
-
Taller: minicalculadora en consola
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…
-
Operadores aritméticos y literales de plantilla
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…
-
Taller de : conversiones de tipos sencillas
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…
-
Taller: declaración y visualización de variables
RECORDATORIO TEÓRICO En JavaScript moderno (ES6+), una variable es un contenedor con nombre que guarda un valor en memoria. Disponemos de tres palabras clave para declararlas…
-
Variables ES6 (let, const) y tipos primitivos
En JavaScript moderno, la forma en que declaramos y almacenamos datos es fundamental. Este capítulo se centra en dos aspectos esenciales: las nuevas formas de declarar variables…
-
Bienvenida y objetivos del capítulo
Bienvenido a este nuevo capítulo dedicado a JavaScript moderno, conocido como ES6+ (es decir, ECMAScript 2015 y las versiones posteriores), y a la manipulación del DOM (Document…
-
Evaluación y transición a la implementación de JavaScript
A lo largo de este capítulo de algorítmica y lógica de programación, has aprendido a razonar como un programador antes incluso de escribir código real. Has trabajado con conceptos…
-
Introducción a la complejidad temporal de O (n)
Cuando escribimos un programa, no basta con que funcione correctamente: también debemos preguntarnos si es eficiente. Un algoritmo puede dar el resultado esperado, pero tardar…
-
Caja registradora: resumen de conceptos
Presentación del proyecto Este mini-proyecto integra todos los conceptos algorítmicos vistos hasta ahora: variables, condiciones, bucles, funciones (parámetros, alcance de…
-
Encuentra el mínimo en una lista
RECORDATORIO TEÓRICO Una lista (o array) es una estructura de datos que almacena varios valores en un orden determinado, accesibles mediante un índice que suele comenzar en 0…
-
Navegar por una lista y ver los artículos
Recordatorio teórico Una lista (también llamada array o tabla) es una estructura de datos que almacena varios valores de forma ordenada, cada uno accesible mediante un índice. En…
-
Listas/tablas: almacena varios valores
Hasta ahora has trabajado con variables que almacenan un único valor: un número, una palabra, un resultado. Pero en programación real, muy a menudo necesitas manejar muchos…
-
Documentación y comentarios sobre algoritmos
La documentación y los comentarios son elementos fundamentales en la escritura de algoritmos y de código. Un algoritmo bien diseñado no basta si nadie puede entenderlo, mantenerlo…
-
Refactorización basada en factoriales
Recordatorio teórico: El factorial de un número entero positivo n, escrito n!, es el producto de todos los enteros desde 1 hasta n. Por ejemplo, 5! = 5 × 4 × 3 × 2 × 1 = 120. Por…
-
Paso de los parámetros y alcance de las variables
En el capítulo anterior aprendiste a crear funciones y procedimientos para organizar tu código en bloques reutilizables. Ahora vamos a profundizar en dos conceptos fundamentales…
-
Crear una función de suma
RECORDATORIO TEÓRICO Una función es un bloque de código con un nombre que agrupa una serie de instrucciones destinadas a realizar una tarea precisa. Su gran ventaja es la…
-
Modularidad: funciones y procedimientos
La modularidad es uno de los principios fundamentales de la programación. Consiste en dividir un programa grande y complejo en partes más pequeñas, independientes y reutilizables…
-
Tabla de multiplicar
Recordatorio teórico: Un bucle es una estructura que permite repetir un conjunto de instrucciones un número determinado de veces o mientras se cumpla una condición. En este taller…
-
Bucles anidados y optimización básica
En los capítulos anteriores descubriste los bucles simples, como el bucle mientras (while) y el bucle para (for), que permiten repetir una serie de instrucciones. Ahora vamos a…
-
Para: calcula un factorial
Recordatorio teórico: El bucle 'para' (for) es una estructura de repetición que ejecuta un bloque de instrucciones un número conocido de veces. A diferencia del bucle 'mientras'…
-
Patrones de bucles comunes
Introducción a los patrones de bucles Un bucle permite repetir un bloque de instrucciones varias veces sin tener que escribirlo manualmente cada vez. Hasta ahora has aprendido a…
-
Mientras: cuente de 1 a N
Recordatorio teórico: Un bucle 'while' (mientras) permite repetir un bloque de instrucciones mientras una condición sea verdadera. El modelo mental es simple: antes de cada…
-
Bucles While y For: principio de repetición
Hasta ahora has trabajado con variables, condiciones y operadores lógicos. Sabes que un programa puede tomar decisiones con instrucciones como IF. Pero muchas tareas requieren…
-
Miniproyecto: cálculo del precio de un billete de tren
Recordatorio teórico Antes de empezar, repasemos los conceptos clave que has visto en las actividades anteriores. Una variable es un contenedor con nombre que almacena un valor…
-
Condiciones de combinación (Y/O)
Hasta ahora has aprendido a escribir condiciones simples usando la instrucción si (if), que permite ejecutar un bloque de código solo cuando una comparación es verdadera. Por…
-
Opción de precio reducido
Recordatorio teórico: En programación, una condición permite ejecutar un bloque de código únicamente cuando una expresión booleana es verdadera. La estructura fundamental es 'if'…
-
Operadores de comparación y booleanos
Introducción En programación, la mayoría de las decisiones que toma un programa dependen de preguntas cuya respuesta es 'sí' o 'no', es decir 'verdadero' o 'falso'. Para formular…
-
Escribir una prueba de IF simple
RECORDATORIO TEÓRICO Una condición (o prueba) permite a un programa tomar decisiones y ejecutar instrucciones solo cuando se cumple un criterio determinado. La estructura…