Proyectos con Explicación
Cada proyecto es una lección independiente del curso, con una tarea lista y una explicación de la lógica.
Fácil
Simulador de Cuenta de Ahorros
Calcula el crecimiento de un depósito año a año según una tasa de interés. Práctica con números y
Math.round.Abrir lección →
Fácil
Resize Ball
Cambia el tamaño de un elemento en la página al hacer clic. Tu primer contacto con cambiar estilos desde el código.
Abrir lección →
Fácil
Conversor de Unidades
Convierte metros a pies, kilogramos a libras y viceversa. Práctica con
switch.Abrir lección →
Fácil
Generador de Tabla de Multiplicar
Construye una tabla de multiplicar a partir de un número ingresado. Práctica con el bucle
for.Abrir lección →
Medio
Generador de Tarjetas de Producto
Crea tarjetas de producto en la página de forma dinámica, en un bucle. Más cercano a la maquetación real.
Abrir lección →
Medio
Generador de Calificación con Estrellas
Dibuja una calificación con estrellas a partir de un número del 1 al 5. Práctica combinando bucles y condicionales.
Abrir lección →
Medio
Generador de Emojis
Genera un patrón de emojis según lo que ingrese el usuario. Práctica divertida con bucles y strings.
Abrir lección →
Medio
Price Matrix
Construye una tabla de precios con bucles
for anidados. Buena práctica para pensar con anidamiento.Abrir lección →
Más difícil
Mini Tienda en Línea
Tu propio sistema de descuentos, cálculo de descuentos y total. Ya se parece a una tarea real.
Abrir lección →
Medio
Calculadora de Peso de Mochila
Calcula el peso total del equipo a partir de una lista de artículos. Práctica trabajando con varias variables a la vez.
Abrir lección →
Más difícil
Calculadora de Tarifa de Taxi
Calcula el costo de un viaje en taxi usando funciones separadas. Práctica de arquitectura de código con varias funciones.
Abrir lección →
Más difícil
Barra de Vida de Batalla
Una barra de vida de personaje con botones de ataque, regeneración y temporización. Una mecánica de juego en JavaScript puro.
Abrir lección →
Más Ideas Para Practicar por tu Cuenta
Sin solución lista — una excelente excusa para practicar buscar en internet y resolverlo tú mismo.
Lista de TareasUna lista donde puedas añadir, marcar y eliminar tareas.
Reloj en Tiempo RealLa hora actual en la página, actualizándose cada segundo.
Generador de Contraseñas AleatoriasUna contraseña de largo definido con letras, números y símbolos.
Calculadora de EdadA partir de una fecha de nacimiento — cuántos años cumplidos han pasado.
Quiz SimpleAlgunas preguntas de opción múltiple con un puntaje final.
Conversor de DivisasConvierte un monto entre dos divisas según una tasa dada.
Qué sigue
¿Quieres seguir los proyectos en orden, con explicación?
El curso completo de JavaScript recorre todos estos proyectos y docenas más, paso a paso, con teoría antes de cada tarea.