La mayoría de los proyectos paralelos dejan sus creadores insatisfechos porque:
No definen hitos claros
Intentan abarcar demasiado
Sienten que pierden el tiempo
No comparten sus logros con nadie (ni consigo mismos)
Pierden la energía y hasta se olvidan de que lo tienen
Ese último, el de la energía, el de estar enchufado, es lo que vamos a tratar de resolver con esta sencilla hoja de ruta en 6 pasos.
🔥 Más abajo te cuento de qué va mi side project.
ㅤ
Soy Dani y en este envío de Web Reactiva tienes una hoja de ruta (con infografía adjunta) que te cuento en el podcast (dale al play arriba ⤴️ o en Spotify y otros podcatchers), descubre las características de los mejores programadores, aprende de los prompts secretos de ChatGPT, recomendamos una librería fenómena para crear bots de telegram, open source para montar muebles y lo que pasa si compartes tu Netflix con casi 1 millón de personas.
ㅤ
Es la única forma que conozco de aprender de forma potente: crear.
Si te lo paga otro, es genial, pero no siempre pasa eso. Porque deseamos hacer algo nuestro, donde seamos “boss” del proyecto y no estar sometidos a los gustos y deseos de otros.
👀 La hoja de ruta que te presento no llega hasta dentro de 5 años, es para empezar. Es la parte más complicada y en la que he visto que más gente se queda parada.
Mantenerse a tope de energía y sin apagones es lo que deseo para ti si comienzas este camino conmigo.
ㅤ
🔍 Paso 1. Identifica un problema que te obsesione
El primer paso es encontrar un problema que te moleste lo suficiente como para querer resolverlo. No busques cambiar el mundo, enfócate en algo que:
Te afecte a ti o a tu entorno cercano.
Tengas ganas de quitártelo de encima.
Esta es la “gasolina” que hará que el motor arranque.
— Resultado esperado: Una idea clara del problema que quieres resolver.
ㅤ
🧪 Paso 2. Define una prueba mínima y testeable
Uno de los mayores peligros de los side projects es que se queden atrapados en el papel
No busques construir "el Facebook de los quesos" o un complejo sistema de gestión para tu empresa. El foco de esta hoja de ruta es hacer el side project.
Algunas ideas para definir tu prueba:
Utiliza datos reales (tuyos o de fuentes públicas)
Limita el alcance a una funcionalidad específica
No tiene que ser bonito
— Resultado esperado: Verificar si tu idea se sostiene con datos o situaciones reales.
ㅤ
⏱️ Paso 3. Acota tiempo y herramientas
Hay que decidir cuántas horas puedes dedicarle a la semana y tener un compromiso claro. Que sean 2 horas o 10, lo importante es tenerlas reservadas.
Durante años he defendido que es bueno querer aprender nuevas tecnologías mientras desarrollas tu proyecto. Aunque puede ser tentador, he visto que esto diluye el propósito principal de ejecución.
Utiliza herramientas que ya conozcas porque seguro que surgen grandes alternativas de aprendizaje que no te esperas.
— Resultado esperado: Bloques de tiempo reservados en tu calendario y una lista clara de herramientas por las que empezarás.
ㅤ
🎯 Paso 4. Define un primer hito funcional
Este es el paso más complicado. Debe ser algo tangible, aunque sea simple.
Es donde más gente se queda varada, porque confunden el primer hito con tener toda la plataforma completa.
El primer hito debe:
Resolver el problema (si es pequeño) o una parte significativa
Estar físicamente visible (escrito en un post-it, en tu agenda, etc.)
— Resultado esperado: Un entregable real, aunque sea imperfecto.
ㅤ
🤔 Paso 5. Evalúa si te está gustando
Una vez tengas algo, párate a responderte estas preguntas:
¿Se entiende lo que estás haciendo?
¿Tienes ganas de enseñarlo?
¿Sirve para algo?
¿Quieres continuar?
Responde de forma honesta, no estás fallando si son negativas, lo haces si te fabricas la falsa promesa de “lo tendré todo claro cuando acabe”.
— Resultado esperado: Una decisión consciente sobre si continuar, pivotar o abandonar, sin culpas.
ㅤ
📣 Paso 6. Comparte mientras construyes
Lo sé. Da pereza.
Habla del proceso en voz alta con familia, amigos o tu comunidad. El propósito es que, para poder compartir, tienes que mostrar lo que haces.
Supera el miedo a enseñar algo imperfecto, es fundamental.
Beneficios de compartir:
Te comprometes públicamente
Verás que la gente quiere ayudar
Descubres perspectivas que no habías considerado
— Resultado esperado: Hablar con personas mantiene la motivación alta.
ㅤ
¡Manos al teclado ya!
ㅤ
🔥 Mi hoja de ruta
🔍 Paso 1. Identifica un problema que te obsesione
En los grupos de telegram o de discord se comparten muchas preguntas con sus respuestas. En el nuestro, el de la 🧡 Comunidad Malandriner acumulamos 5 años de conocimiento compartido que se ha perdido en el scroll de la pantalla.
Además las preguntas son recurrentes. Sobre todo las del “buen y barato hosting”.
🧪 Paso 2. Define una prueba mínima y testeable
Con la ayuda de la IA quiero ver si se puede recuperar de los mensajes de una semana suficiente información de valor: preguntas concretas y sus respuestas humanas.
⏱️ Paso 3. Acota tiempo y herramientas
Tengo 5 horas a la semana disponibles en este mes de Mayo. Usaré lo que ya conozco de nodejs y me apoyaré en la IA para crear los primeros scripts. Usaré OpenAI (ChatGPT) porque lo conozco aunque aprovecharé la IA en local.
🎯 Paso 4. Define un primer hito funcional
Publicar el resultado logrado de 1 año aunque sea en un documento PDF (premio mínimo) o llegar a una pequeña web (premio gordo).
🤔 Paso 5. Evalúa si te está gustando
Cuando llegue a ese río, cruzaré ese puente.
📣 Paso 6. Comparte mientras construyes
Lo estoy haciendo aquí contigo. Vuelve la semana próxima y te cuento.
¿Y tú? ¿Qué problema te está rondando por la cabeza que podrías convertir en tu próximo side project?
Te leo en comentarios.
ㅤ
☕️ Los mejores programadores que conozco
Matthias Endler nos da una lección recopilando las características que tienen los buenos developers (y ha conocido a muchos).
— Habilidades Técnicas
"No vayas a Stack Overflow, no le preguntes al LLM, no adivines, ve directamente a la fuente. A menudo, es sorprendentemente accesible y está bien escrita."
🔍 Lee el mensaje de error — Dedica tiempo a entender lo que los errores intentan comunicarte. La solución suele estar escondida en el propio mensaje.
📚 Consulta las fuentes — Acude a la documentación oficial en lugar de fuentes secundarias. Las referencias originales son más precisas y completas.
🔧 Conoce tus herramientas — Comprende su historia, mantenimiento, limitaciones y ecosistema, no solo su uso básico.
🎯 Evita suposiciones — Resiste la tentación de adivinar ante la ambigüedad. Las suposiciones incorrectas generan errores futuros.
ㅤ
— Actitudes y mentalidad
"No importa cuán errático o travieso parezca el comportamiento de una computadora, siempre hay una explicación lógica: ¡simplemente aún no la has encontrado!"
💪 Sin miedo al código — Atrévete a leer y modificar cualquier código. Los mejores se convierten en expertos explorando territorios desconocidos.
📈 Aprendizaje permanente — Mantén una curiosidad constante por nuevas tecnologías. Incluso los veteranos siguen aprendiendo continuamente.
🔎 Busca explicaciones — No culpes a la máquina por errores "aleatorios".
🤔 Acepta no saberlo todo — No temas decir "no lo sé". Admitir los límites de tu conocimiento demuestra humildad y abre puertas al aprendizaje.
ㅤ
— Habilidades sociales y profesionales
"Todos los mejores ingenieros que conozco tienen buen dominio de al menos un lenguaje humano, a menudo más. Dominar la forma en que escribes es dominar la forma en que piensas y viceversa."
🤝 Ayuda siempre — Encuentra tiempo para apoyar a otros. Aunque haya personas que crean que no, muchos disfrutan compartiendo conocimiento.
✍️ Comunica con claridad — Desarrolla habilidades de escritura sólidas. La claridad al escribir mejora la claridad al programar.
👥 Respeta a todos — Trata igual a seniors y juniors. Puedes aprender de cualquiera independientemente de su experiencia.
🌟 Construye reputación — Hazte conocido por tu excelente trabajo. Las contribuciones consistentes te posicionan como referente en tu campo.
— Lee The Best Programmers I Know
ㅤ
~~~~~~~~~
Si te gusta Web Reactiva solo tienes que darle al ♥️ ”me gusta” que encontrarás junto al título de arriba. Y si quieres molar con tus gentes, pulsa en el botón y podrás enviar esta publicación por email.
ㅤ
🤖 Robotito quiere IA
Prompts de Google y OpenAI se filtran
A todas horas. No sé si se trata de política comercial o un escaparate pero los “prompts secretos” que se añaden a tus peticiones en ChatGPT o Gemini no son tanto misterio y ya son “piezas fundamentales del software”.
Saca 6 aprendizajes de lo que hacen las grandes compañías para tus prompts.
👀 El miércoles próximo veremos como puedes aplicar AI-First (otro invento con nombre de pez gordo) para revolucionar la forma en la que construyes y creas tus proyectos.
Suscríbete gratis.
ㅤ
Gracias a
y por llevarme a su podcast, ClickByte, a hablar de “mi libro”. Hablamos de IA, de creación de contenido técnico y de lo que hace un señor como yo con más años que un árbol.ㅤ
💊 Recursos a tutiplén
🧡 RECOMENDADO
Telegraf, librería para montar bots de telegram
Es sencillo montar un bot y darle forma (arquitectura) sin que sea un lío. Telegraf tiene:
Soporte para JavaSscript y TypeScript
Muchos tipos de mensaje incluídos
Con mucha solera y bien documentada
Varios entornos de despliegue (también serverless)
😎 PARA FARDAR
Hyperwood, el open source de los muebles
Un estándar para crear mobiliario en base a listones de madera. Ellos ponen los modelos y tú el serrucho. Más de uno en la 🧡 Comunidad Malandriner le ha puesto ojitos a esto.
😲 CURIOSO
Una línea de código les hace perder 8.000 dólares
Un simple fallo hizo que el sistema de grabación de la app de Screen Studio generara 2 petabytes de tráfico que hubo que pagar.
⚡️ ASOMBROSICO
Dibuja, crea y aprende programación con p5.js
La librería más fácil para crear animaciones, juegos visuales y arte en la web. Versión en español con acceso a su sección de ejemplos, que te recomiendo "alucinar".
🔰 PARA APRENDER
Curso completo de Node.js en español
Luis Llamas te invita a prender a desarrollar con Node.js en castellano.
🤖 IA PRÁCTICA
DeepWiki, documentación potente de tu repositorio
Para Github en abierto pero de resultados espectaculares, crea documentación que se basa en la estructura del código, no solo en el readme. En su web tienen ejemplos.
Genera esquemas de base de datos con liam
Es open source y te permite generar gráficos interactivos de las relaciones entre entidades en tu base de datos.
🛠 HERRAMIENTAS
GSAP, librería de animaciones ahora gratis
El sistema más robusto para montar animaciones en tu web es ahora gratuito hasta en plugins complejos como los que hacen morph de SVG o trabajan con texto.
Generador de códigos de barras online
BarcodeMaker te deja crear varios tipos estandarizados a partir de plantillas y en lotes.
⚓️ BACKEND
Hosting gratis de Postgres con mkdb
Crea una base de datos de 20mb como si fuera un directorio. Recomendado por Daniel Molina
ㅤ
🔰 PARA APRENDER
Introducción a JWT, OAuth 2.0 y Keycloak
Guillermo "ElWillie" nos cuenta en español cómo funciona la autenticación combinando estas herramientas.
⤴️ ¿Quieres saber cómo he llegado a este recurso tan específico?
Usando la Investigación profunda. Te lo cuento en Esperando a Eskainet: Crea tiempo libre gracias al Deep Research.
🎨 PLANTILLAS
Boxicons, iconos premium gratis
Colección gratuita de iconos bonitos diseñados a 24 pixles que encajan bien. Puedes cambiar el grosor, el color y hasta animarlos.
ㅤ
PD: ¿Le darías tu contraseña de Netflix a 841.709 personas? Beluga lo ha hecho y no podrás dejar de ver el resto de sus experimentos.
#356
ㅤ
Y para acabar, si algún día necesitas mi ayuda…
¿Dudas con tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas? ¿Quieres convertirte en creador de contenido para devs?
Te alquilo mi cerebro durante 50 minuts para que te lleves una hoja de ruta personalizada y cargada de dinamita de la buena.
— Reserva una sesión de Consultoría 1 a 1 conmigo
ㅤ
¿No encuentras la motivación para seguir programando? ¿El camino del developer es demasiado solitario? ¿Quieres saber cómo piensa la gente que programa?
La ruta del aprendizaje es un trabajo continuo y el método en la comunidad malandriner es bien sencillo: Poner las manos sobre el teclado
— Únete a la comunidad en Web Reactiva Premium
Share this post