El framework que necesitas para crear objetivos más claros y alcanzables
#277 · Tips para DevTools, CRM libre alternativo a SalesForce y plantillas para Tailwind
Esta semana le estamos dando caña a la metodología de objetivos que usan con gran éxito en Google o Linkedin.
Se llama OKR: Objectives y Key Results.
🎧 En el último episodio de Web Reactiva tuvimos acceso a un documento impactante sobre Elon Musk y los OKR. Te lo dejo aquí íntegro para que lo disfrutes al sol 🏖
(También puedes escucharlo en tu podcatcher: Spotify / Apple Podcast / Web)
Mira.
No siempre es fácil crear los “resultados clave” o KRs cuando son para ti y no se gestionan en equipo.
Construir acciones concretas y MEDIBLES para lograr nuestro ambicioso objetivo es un reto.
🛠 Framework para crear “Resultados Clave”
Así que te propongo un framework, que es como se llaman ahora estas cosas, para poder crear tus propios KRs.
El objetivo es: Convertirme en un developer competente en TypeScript
(Cámbialo por cualquier otra cosa que te interese y, si tienes dudas, pregúntame ;)
Este sería el kit de preguntas del framework:
1️⃣ ¿Tienes un plazo específico para alcanzar tu objetivo?
12 semanas es un buen tiempo para tomarse en serio los OKR y “darle candela”.
2️⃣ ¿Cuál es tu nivel actual de competencia en TypeScript?
Si estás empezando los OKR huelen a pan recién hecho.
Si tu nivel es medio o alto quizás el objetivo deba ser otro porque ya estés cerca de ser competente. Prueba a reformular tu objetivo con algo como “crear un proyecto de X con TypeScript”.
3️⃣ ¿Cuánto tiempo puedes dedicar cada semana para aprender y practicar TypeScript?
Una encuesta a la comunidad malandriner arrojó que más del 80% tiene entre 1 y 5 horas a la semana. Es muy probable que también sea tu caso.
Tu KR podría ser: Dedicar a aprender TypeScript 5 horas cada semana durante 3 meses.
4️⃣ ¿Vas a utilizar algún curso o recurso de aprendizaje concreto?
Si la respuesta es No, te conviene iniciar la búsqueda o pasar a la siguiente pregunta.
Si la respuesta es Sí, el KR está claro: Completar un curso completo de formación en TS en 3 meses.
5️⃣ ¿Hay algún proyecto en el que te gustaría usar TypeScript?
El resultado clave aquí debería desgranar el proyecto en trozos pequeños que puedas completar cada 2-3 semanas.
💡Por eso creo que es MUY importante desgranar el KR en tareas accionables.
De esta forma es más fácil seguir el proceso cambiando el estado de las tareas y marcando el porcentaje completado para saber cómo de cerca está el objetivo.
👀 Comparto Notion y hablo sobre esta práctica en el premium: ⭐️ WRP 258. Plantilla para mejorar tu productividad basada en OKR
⭐️ Web Reactiva Premium muy pronto abrirá sus puertas
El “calabozo malandriner” necesita ventilarse 😅
Por eso a finales de este mes de Agosto la suscripción premium vuelve a abrirse.
🔥 Gente que maja que programa, 258 episodios premium, más de 120 directos y una gran sorpresa: una brújula 🧭 para no perderte entre tanto contenido (es totalmente en serio ;)
👉 Apúntate a la lista de espera para conseguir una mejora imposible de lograr si te quedas fuera.
🔰 PARA APRENDER
Aprende formularios en HTML
– “A mi me vas a decir como hacer forms a mis años…”
¿Eres capaz de mostrar una fecha después de que el usuario la seleccione?
¿Te sabes los atributos para mostrar solo el teclado numérico en móvil?
¿Son tus formularios accesibles?
Vale. Alguna de estas 23 lecciones pueden venirte muy bien para ser master&commander del tema.
Diferencias entre el JavaScript de cliente y del servidor (node.js)
Cosas como la manipulación del DOM, las contraseñas en secreto o el acceso al sistema de archivos, ¿en qué lado ocurren?
Este artículo es rápido, pero puede ser el primer clavo que sacas en tu aprendizaje del mundo JavaScript.
⚡️ ASOMBRÓSICO
Trucazos para sacarle partido a las DevTools de tu navegador
Incluye 15 tips desde cómo utilizar la consola de manera más eficiente hasta cómo depurar el código de manera más efectiva. Todo con combinaciones de teclas para que seas más molón y productivo.
😲 CURIOSO
3 en raya en 170MB (sí, MB) de HTML (no JS ni CSS)
En este post Gareth Heyes cuenta como crea un juego usando una característica experimental de Chrome (popovers y ataques XSS).
Ni se te ocurra ir a jugarlo, ¡tarda en cargar la vida! 😉
🤸♂️ ALTERNATIVAS OPEN SOURCE
Twenty, el CRM alternativo a Salesforce
Ambicioso proyecto open source para buscarle las vueltas a los poderosos CRM de pago. A lomos de NestJS y React.
🛠 HERRAMIENTAS
Fluent CI, CI/CD pipelines en código
Fluent CI es una plataforma que permite configurar tu CI/CD en segundos. Utiliza Dagger y Deno (TypeScript) para ofrecer pipelines preconstruidos o personalizados.
🎨 PLANTILLAS
Ponle marcha a tu Tailwind con Pines y Alpines
Es un conjunto de elementos de UI que se pueden copiar y pegar en cualquier proyecto de Alpine.js y Tailwind. Animaciones, sliders, tooltips, acordeones, modales y más.
🤖 IA PRÁCTICA
El stack para colar la IA en tus proyectos de fin de semana
Todos los “palabros” raros del mundo de la IA para developers están en este boilerplate: modelos de imágenes y texto, almacenes de vectores, LLM…
Añade autenticación, despliegues en Fly y un armazón creado por Next.js y tendrás tardes de gloria garantizadas para sacarle jugo a la inteligencia artificial más allá de ChatGPT.
DocNavigator, crea chatbots con tu documentación
Puede ser entrenado con los datos disponibles en el sitio web de tu equipo, empresa o producto, lo que lo convierte en una solución escalable para ponérselo más fácil a tus usuarios (y a ti mismo).
⚓️ BACKEND
Si necesitas ejecutar PHP online…
3v4l, más de 250 versiones de PHP listas para usar
🖼 FRONTEND
Si quieres proteger tus proyectos con SvelteKit…
Autenticación para proyectos con Svault
🎨 PLANTILLAS
Si quieres dar estilo a una web sin saber nada de CSS…
Missing.css es una biblioteca CSS que ofrece estilos bonitos predeterminados para HTML
❤️ ¿Te gustó la newsletter? Dale al like.
💬 ¿Tienes dudas de cómo usar el framework? Comenta aquí abajo y te respondo.
PD: ¿Qué pasa si arrojas un tren de mercancías completo y de verdad por una fosa que has cavado en el suelo?
#reactivisima277
Grande Dani!