Daniel Primo’s Post

Hay un proyecto que veo muy pocas veces en portfolios y es usado en casos reales (guiño guiño, codazo codazo): Crear un Webhook para recibir peticiones. Los webhook están por todas partes. Y siempre hacen lo mismo: Cuando se dispara un evento en una aplicación, se comunica a otra que ha pasado lanzando información contra un webhook. Los vemos y usamos en make, stripe, gihub, gitlab… ✱ Pero muy pocas veces los vemos en proyectos de portfolio creados para RECIBIR la información. Te propongo un proyecto de los que abre puertas: → Notifica nuevas actualizaciones en tus repositorios Ya tienes cuenta y proyectos en Github o en Gitlab, así que esa parte la tienes hecha. 1. Crea un proyecto con la tecnología de servidor que más te guste ‰ 2. Haz que una ruta de tu proyecto reciba peticiones por POST cuando se hace push o una update en un repositorio 3. Captúralas y notifica algo con ellas, por ejemplo, enviar un email o un mensaje de Telegram 4. 𝗕𝘂𝗲𝗻𝗮 𝗽𝗿𝗮́𝗰𝘁𝗶𝗰𝗮: Enviar los datos con una clave secreta 5. 𝗛𝗮𝘇𝗹𝗼 𝗺𝗲𝗷𝗼𝗿 con casos de uso específicos : Que solo notifique cuando un determinado usuario hace el push o el commit no está bien descrito Con esto demostrarás que sabes: ⤷ Conectar aplicaciones entre sí     (Algo más complicado de lo que parece y muy habitual en el trabajo real) ⤷ Tener en cuenta parámetros de seguridad ⤷ Desplegar en producción ⤷ Que quieres trabajar con proyectos reales ‰ Stacks posibles - Node.js con Express - Python con Flask o FastAPI - Java con SpringBoot - PHP con Laravel - Envío de email con SendGrid, Mailgun, Amazon SES, Mailtrap... - Desplegar en Vercel, Netlify, Cloudflare... Y tú, ¿cuál usarías? ✱✱✱ El próximo domingo hablaré de “Expectativas vs Realidad” en mi newsletter. Un tema 🥵 calentito! Es el tema que habéis elegido en la newsletter por votación entre los 2.078 developers que la habéis recibido. → Haz clic en mi perfil y busca el icono de la dinamita 🧨 para no perdértelo.

Si tienes tantas reglas de estilo de CSS que termina saliendo el sol mientras las buscas, esta extensión te va a alargar la vida. CSS Peek convierte tu Visual Studio Code en un “cazador de reglas de estilo”. Es capaz de saber dónde está definida la regla y mostrarte la preview. Compatible con CSS, pero también con SASS y LESS. Ideal para cuando tus hojas de estilos son un fichero styles.css kilométrico donde vas añadiendo lo que toca al final. 😅 Sí, a todos nos ha pasado alguna vez, luego ya aprendimos ;) Busca CSS Peek en tu Visual Studio Code o busca el enlace en el primer comentario.  ⤷⤷ ¿Dónde puedes encontrar más recursos así? En la newsletter de Web Reactiva Mañana tendrás 12 herramientas igual o más útiles que estas en mi newsletter. Y, además, veremos el poder de un blog para encontrar empleo. Es el tema que habéis elegido en la newsletter por votación entre los 2.068 developers que la habéis recibido. → Haz clic en mi perfil y busca el icono de la dinamita 🧨 ✱✱✱

La he liado parda con esta encuesta. He pervertido el lenguaje y la opción ganadora ha sido: “Escribe blogs para tener empleo” ¿Hay tanta gente interesada en escribir un blog? Honestamente creo que no.   (Salvo que tú me digas lo contrario) La segunda parte de esa frase es la relevante y la que ha hecho esa opción ganadora: “𝗽𝗮𝗿𝗮 𝘁𝗲𝗻𝗲𝗿 𝗲𝗺𝗽𝗹𝗲𝗼”. Así que, aunque sea una newsletter para developers, también habrías ganado estas opciones: -Cría periquitos para tener empleo -Come cangrejos crudos para tener empleo -Haz el pino puente con un solo pulgar para tener empleo Tremendo. Así que he tomado una decisión. Escribirte sobre lo que literalmente quiere decir la opción ganadora.    (Y luego apretar los puños fuerte para que no te des de baja XD) * Estos son mis puntos: ⤷ La única razón por la que nunca llegarás a tener un blog que te sirva para encontrar empleo. ⤷ Los mejores temas para escribir un post de blog técnico. ⤷ Donde es mejor publicarlo. Si quieres saber como acaba esta liada “para tener empleo” el próximo domingo, te dejo el enlace para que te suscribas en el primer comentario ;)

Mira este caso real sobre las dudas de un recién titulado en FP y dime que SI opinas lo mismo que yo. Hablé esta semana en una primera sesión de mentoría con alguien que está a punto de terminar la FP de Desarrollo de Aplicaciones Web. Por supuesto está temblando porque su mundo se ha llenado de incertidumbres: ✗ ¿Tendré entrevistas? ✗ ¿Qué pongo en mi CV si soy junior? ✗ ¿Estoy capacitado para entrar en el mundo laboral? Hablando con él pude escuchar frases como estas: ☝️ ”Elegí el framework X para el proyecto porque lo conozco de antes, es más fácil de mantener y tengo resuelto el registro de usuarios.” ✌️ ”Cuando tengo que desarrollar una nueva feature dibujo cajas y flechas en un papel para intentar comprender todo lo que hay que desarrollar. 🖖 "Primero tiro todo el código en el controlador y luego voy desgranando en funciones más pequeñas con parámetros para cada responsabilidad por separado.” Y más cosas dijo, todas con seguridad aunque con la voz algo temblorosa porque no sabía si estaba haciendo lo correcto. Hay cosas por mejorar, como nos pasa a todos. Le dije que sería buena idea: ✓ Utilizar historias de usuario ✓ Refactorizar código de su proyecto ✓ Manejar más herramientas de calidad del código ⟹ ¿Te parece que está capacitado para entrar en el sector del desarrollo de software? Para mi es un SI claro. ⟹ ¿Qué te parece a ti? Te leo en comentarios ;) ✱✱✱ Te recuerdo que si quieres crear una carrera profesional como developer la newsletter de Web Reactiva es tu próximo destino. Para este próximo domingo la he liado bien gorda, a ver como salgo de esta. Haz clic en mi perfil y busca el icono de la 🧨 para suscribirte.

El Async / Await en JavaScript explicado de 11 formas diferentes. Y un truco para aprenderlo de una vez por todas. 👉 Lo del truco te lo cuento al final, primero la lista que vas a querer guardarte y compartir ;) 1. Async / Await en El tutorial de JavaScript moderno (ES) https://lnkd.in/dAMHhG4g 2. Programación asíncrona en JavaScript: Guía para Principiantes (ES) https://lnkd.in/dm8Kfqpd 3. Async / Await en LenguajeJS punto com (ES) https://lnkd.in/dr2K5Y3q 4. Cómo usar Async / Await para escribir un código mejor en JavaScript (ES) https://lnkd.in/dcbDd2eV 5. Cómo esperar a que una función termine en JS (ES) https://lnkd.in/dAghKwdj 6. ⭐️ Async/Await Explained By Doing Your Morning Routine ← MI Favorito  https://lnkd.in/dvX4xqka 7. JavaScript async and await in loops https://lnkd.in/dbjgA_FR 8. 3 Surprising Async/Await Pitfalls Every Web Developer Must Avoid! https://lnkd.in/dJ9BQKwY 9. Explain Async/Await Like I'm Five https://lnkd.in/dCJBfFNf 10. Understanding JavaScript’s async await https://lnkd.in/d5pbune4 11. Javascript Promises: An In-Depth API Guide https://lnkd.in/d_mYjKiX 👉 Lo del truco Estas listas están geniales pero luego no te acordarás de ella cuando la necesites. Hay un método infalible que requiere menos esfuerzo del que parece: 1. Guárdate la lista en un sitio especial (en mi caso Keep de Google) 2. Guárdate también “una tarde pa’nà” para aprender lo que cuenta sin prisas 3. Comienza a revisarla en orden, repasa bien el primer recurso 4. Repite los ejercicios en tu consola o en un pequeño proyecto 5. Luego el 2, luego el 3… 6. Vas a estar repitiendo varias veces lo mismo, pero de diferentes formas → Esto hará que el concepto vaya fijándose 7. Empieza a hacer tus propias averiguaciones 8. Escribe cómo funciona el async / await y compártelo con el resto del mundo 🔥 Precisamente de esto último, de encontrar empleo escribiendo posts o blogs, voy a hablar el próximo domingo en mi newsletter. Es el tema más votado en la edición anterior y “pica” ;) Puedes ver el último número aquí (y llevarte una sorpresa) https://lnkd.in/dDTTcSPD O apuntarte aquí de gratis: https://lnkd.in/d5btuS6N

Tienes muchos cursos de Udemy. Los has dejado sin hacer. Hasta hoy ;) Después de muchos años con Web Reactiva me doy cuenta de algo: — Todos tenemos muchos cursos de Udemy sin hacer y, aún así, hoy mismo saldrán más que querrás tener. ¿Cuántos tienes? ¿10? ¿30? ¡¡¿100?!! Dejé de hacer cursos “estándar” hace algún tiempo precisamente por eso, porque en tu carpeta “cursos” ya no hay espacio para más. Pero quiero contarte hoy 3 cositas útiles: 1 — ¡No compres más! Hay solución para los que ya tienes ;) 2 — Cómo recuperar los que ya tienes ⤷ Retómalo sin culpas No te acordarás de donde lo dejaste (Udemy, sí) pero haz el esfuerzo de volver a ver aquello que te resultó más interesante. 📝 Disfruta esta parte del proceso, es la más fácil. ⤷ Hazte un miniplan 1 lección al día hasta terminarlo. 📝 Toma apuntes, aunque sean cutres, te ayudará a retener lo que ves. ⤷ Resume lo que has aprendido Ya sé, te dará la sensación de que no te acuerdas de nada. 📝 Pero si haces 5 minutillos ese esfuerzo no solo será pasar los ojos por la barra de avanzar en el vídeo, también sacarás aprendizajes.       (Y querrás volver a verlo,        y aprender un poquito más por tu cuenta,        y sentirás que la ⚡️⚡️⚡️ developer corre por tu espalda) 3 — Ir un paso potente más allá La parte que más falla en estos cursos: 𝗣𝗼𝗻𝗲𝗿 𝗹𝗮𝘀 𝗺𝗮𝗻𝗼𝘀 𝘀𝗼𝗯𝗿𝗲 𝗲𝗹 𝘁𝗲𝗰𝗹𝗮𝗱𝗼. Lograr construir algo con lo que has aprendido, ir más allá de lo que el instructor te ha enseñado. ⇥ No tiene que ser un side project ⇥ No tiene que ser el proyecto de tu vida ⇥ SI tiene que ser lo que te permita demostrarte lo que aprendiste En ese paso 3 una comunidad de gente que hace lo mismo que tú te puede ayudar. 🔥 El primero que se está poniendo las pilas soy yo. 😅 Estoy creando un proyecto para aprender las técnicas de programación con equipos y un Tech Lead me está poniendo fino. Si quieres saber de qué va y tener una gran ventaja para disfrutarlo lo contaré Esta Tarde en la lista donde pasan las cosas gordas de Web Reactiva. Tienes el enlace para apuntarte en el primer comentario.

1️⃣ Última oportunidad para entrar en la comunidad de Web Reactiva. 2️⃣ Un protagonista inesperado en una startup. 3️⃣ Y 12 recursos buenos para devs. Las tres cosas, en menos de 2 horas, aquí: https://lnkd.in/du-K5bZQ

Aprender React, Angular y Vue a la vez es posible con este recurso gratuito. 10 capitulazos de Unicorn Utterances para comparar estos 3 grandes frameworks entre sí con las primeras prácticas ☝️ Si quieres 12 recursos así mañana mismo, suscríbete a Web Reactiva Dinamita, la newsletter que "revienta" a los Developers ;) 🧨 Mejor que un like a este post, apúntate aquí y, de paso, descubre 8 tips para devs: 👉 https://lnkd.in/dTErv2s2 ⥬⥬⥬ En Framework Fundamentals verás los props, side effects, los componentes y hasta la gestión de errores: https://lnkd.in/dkGVMSQH #javascript #react

La primera vez que salí en televisión a hablar de webs dije una barbaridad que me salió muy cara. (Aunque me veas con esa cara de pimpollo.) Me llamaron de una tele local porque un amigo y yo habíamos ganado un premio del gobierno por una página web educativa. (👉 Otro día te cuento eso, porque fue un dinerito muy rico). Con el maquillaje pegado a la cara allí estábamos, la entrevistadora y yo en una sala sintética grabando el programa. ✱ Estaba más tieso que un garrote. SOLO recuerdo 1 pregunta de toda la entrevista. —Daniel, ¿te gustaría dedicarte a la formación combinada con internet? Y, ojo a la respuesta: —¡NO! Estoy centrado en mis estudios de ingeniería industrial y ese es mi único objetivo. ✱✱ ¡¡No se puede ser más tolai!! Y no porque me viera todo el mundo 𝗺𝗶𝗻𝘁𝗶𝗲𝗻𝗱𝗼 de aquella manera. 🔥 Lo más gordo es que ya tenía claro que me entusiasmaba internet, y programar, y montar cacharritos en la web. Entonces: ¿𝗣𝗼𝗿 𝗾𝘂𝗲́ 𝗱𝗶𝗷𝗲 𝗮𝗾𝘂𝗲𝗹𝗹𝗮 𝗯𝗮𝗿𝗯𝗮𝗿𝗶𝗱𝗮𝗱? ⤷ Decir lo que se espera de ti. La familia quiere lo mejor para ti y en ese momento todo pasaba por un título.  Así que abres tu bocaza para no “defraudar” a los que te quieren. ⤷ Pánico a las nuevas oportunidades. Lo peor era si alguien llamaba al día siguiente para solicitar tus servicios, ofrecerte algo nuevo o, locura, querer pagarte por lo que sabías hacer. ⤷ Cerrar la puerta a lo que te apasiona. El álgebra, el cálculo, las integrales eran un infierno para mi. Sin embargo tocando el HTML, jugando con las variables y viendo lo que pasaba en pantalla, era feliz. Los años largos que vinieron después pensando que lo “mío” era la ingeniería fueron perdidos. En bares, pasillos y verbenas que solo taparon el miedo a enfrentarme a la realidad. Quizás, si aquel día, untado de maquillaje, hubiera respondido pegando un puñetazo en la mesa: —¡Pues claro que SI copón! Todo hubiera sido diferente. Y hubiera 𝘀𝘂𝗯𝗶𝗱𝗼 𝗹𝗮 𝗮𝘂𝗱𝗶𝗲𝗻𝗰𝗶𝗮, seguro ;) 👀 Mi evolución como programador ha tenido mucho que ver con todo lo de arriba y TÚ puedes sacarle provecho sin gastar un euro. Si quieres crear una carrera profesional como developer la newsletter de Web Reactiva es tu próximo destino. Este próximo domingo te mandará nuevos tips efectivos para mejorar como dev. Haz clic en mi perfil y busca el icono de la dinamita 🧨 para suscribirte