Practicar y retos

Leer y ver tutoriales da la sensación de avanzar; practicar es lo que realmente te convierte en desarrollador. Aquí tienes plataformas con retos de maquetación basados en diseños reales, ejercicios de lógica y algoritmos, juegos de CSS e ideas de proyectos para tu portafolio.

Una buena rutina: un reto de maquetación a la semana (para tu portafolio) y 20–30 minutos diarios de ejercicios de lógica (para entrevistas y para pensar mejor).

Retos de frontend con diseños reales

Frontend MentorRetos con diseños profesionales en Figma o imágenes; muchos gratuitos.devChallengesRetos de frontend y full-stack para construir un portafolio.Frontend PracticeRecrea sitios web reales para practicar maquetación.GreatFrontEndPreguntas y ejercicios de entrevistas de frontend (parte gratuita).Daily UI100 días de retos de diseño de interfaz; maquétalos después.iCodeThisRetos diarios de componentes de interfaz.

Juegos y retos de CSS

CSSBattleRecrea figuras con el menor código CSS posible. Adictivo.Flexbox FroggyAprende Flexbox con ranas y nenúfares.Grid GardenDomina CSS Grid regando zanahorias.Flexbox DefenseDefiende tu torre posicionando con Flexbox.CSS DinerPractica selectores CSS sirviendo platillos.Coding FantasyJuegos para aprender Flexbox, Grid y selectores.100 Days CSSUn reto de CSS al día durante 100 días.

Lógica, algoritmos y JavaScript

ExercismEjercicios en más de 70 lenguajes con mentoría gratuita.CodewarsKatas de programación por niveles; ve las soluciones de otros.LeetCodeProblemas de algoritmos usados en entrevistas técnicas.HackerRankRetos y certificaciones usados por empresas para evaluar.EdabitMiles de retos cortos, ideales para principiantes.CodinGameResuelve problemas programando videojuegos.Advent of CodeCalendario de retos de programación cada diciembre.AdventJSRetos de JavaScript y TypeScript en español cada diciembre (de midudev).Retos de ProgramaciónRetos semanales de la comunidad de MoureDev.CodeforcesProgramación competitiva con concursos frecuentes.Project EulerProblemas matemáticos para resolver programando.Type ChallengesColección de retos de tipos de TypeScript.

Proyectos guiados y desafíos largos

JavaScript3030 proyectos de JavaScript puro en 30 días, gratis (Wes Bos).100 Days of CodeCompromiso público de programar una hora diaria durante 100 días.App IdeasLista de ideas de aplicaciones por nivel de dificultad.Project Based LearningTutoriales para construir proyectos en muchos lenguajes.Build your own XAprende construyendo tu propio Git, servidor, base de datos…roadmap.sh ProjectsIdeas de proyectos por rol y nivel, con requisitos claros.The Odin ProjectRutas donde cada módulo termina con un proyecto real.Proyectos de freeCodeCampProyectos de certificación con requisitos y pruebas automáticas.

SQL, Git y terminal

SQLBoltLecciones interactivas de SQL.SQL Murder MysteryResuelve un asesinato escribiendo consultas SQL.SQL PracticeEjercicios de SQL sobre una base de datos de hospital.Learn Git BranchingRetos visuales para dominar ramas de Git.Oh My Git!Juego de código abierto para aprender Git.OverTheWire BanditAprende la terminal de Linux superando niveles.

Convierte cada reto en una pieza de portafolio

Cuando termines un reto de Frontend Mentor o un proyecto de App Ideas:

1. Publícalo (GitHub Pages, Netlify o Vercel).
2. Escribe un README con captura, demo, tecnologías y qué aprendiste.
3. Agrégale algo propio que no pedía el reto (modo oscuro, animaciones, accesibilidad, una API real).
4. Compártelo en LinkedIn o en la comunidad de la plataforma y pide retroalimentación.

Así, en pocos meses tendrás un portafolio sólido (ver Portafolio y marca personal).