Para aprender desarrollo web tienes que construir cosas. A continuación tienes una lista de ejercicios preparados para trabajar en ellos y practicar tus conocimientos y habilidades de desarrollo web. Están categorizados por niveles de dificultad e incluyen las tecnologías necesarias para realizarlas.
Basic Card
Crea una tarjeta básica de perfil de usuario, donde aparezcan algunas stats de redes sociales.
Bingo
Emulador del Bingo, donde debes tachar todos los números de un cartón. Permite Player vs CPU.
Flip Credit Card
Tarjeta de crédito diseñada con CSS, que al pulsar sobre ella, gire y se muestre la otra cara.
Music MP3 Player
Reproductor de MP3 javascript con playlist y seguimiento interactivo de la canción.
Pricing Table
Tabla de precios de 3 columnas con un plan de pago con varias features en cada columna.
Rock, Paper, Scissors
Pequeña y sencilla versión del juego Piedra-Papel-Tijeras para practicar lógica de programación.
Word Search
Construye un generador de sopas de letras donde los usuarios puedan marcar palabras.
Comienza a aprender
¿...o prefieres un roadmap?
¿Quién soy yo?
Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.
Puedes encontrar más sobre mi en Manz.dev