Los 7 retos del builder
Entrena el ojo con las piezas que genera Lovable. No construyes nada nuevo, tocas código que ya está hecho hasta que reconocer se vuelve automático.
7 retos · 0 completados · 7 pendientes
Retos disponibles
HTML
La estructura de toda página. Aprende a reconocer títulos, párrafos, botones y enlaces en el código que genera Lovable.
EmpezarTailwind
El sistema de estilos que Lovable usa por defecto. Lee clases cortas como bg-blue-500 o p-4 y sabe qué hace cada una.
EmpezarJavaScript
La lógica que hace reaccionar tu app. Reconoce variables, funciones y arrays cuando los veas en el código.
EmpezarReact
Cómo Lovable organiza las piezas visuales que se repiten. Distingue componentes, props y state sin confundirlos.
Empezarshadcn/ui
Los componentes prefabricados que aparecen en casi todas las apps de Lovable. Nómbralos a golpe de vista.
EmpezarDevTools
El inspector del navegador. Aprende a localizar un fallo en la pestaña correcta antes de pedírselo a la IA.
EmpezarGit
El sistema para no perder nunca tu trabajo. Ordena el flujo real de cambio, commit, push y verificación.
Empezar