Channel Title: Web Reactiva by Dani Channel Description: La tecnología es necesaria, pero... ¡las personas somos lo imporante! Vídeos con tutoriales y análisis de herramientas de desarrollo y programación web. Recursos y reflexiones sobre todo lo relacionado con la creación de aplicaciones web: backend, frameworks, cms, ecommerce, cloud, programación a medida... Más en webreactiva.com <video> Haz la PRIMERA Pull Request de tu vida 🔼 WR 220 #podcast #webreactiva Description: Las notas en: https://webreactiva.dev/wr-220 Este episodio resume un proceso práctico y real de cómo realizar una valiosa pull request. Y en última instancia, con infundir el espíritu de contribución y aprendizaje constante, alenté a los oyentes a aportar en proyectos y a aprender programando. Tal vez en una próxima entrega, tú eres quien recibe mi pull request. 🎁 Descarga Episodio Premium Gratis: https://www.webreactiva.com/go/podcast-gratis ✉️ NEWSLETTER: https://webreactiva.substack.com 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> 3 Consejos para APRENDER JavaScript que DESCUBRÍ demasiado tarde Description: Listado de proyectos: https://www.webreactiva.com/podcast/consejos-aprender-javascript 😵 Inicios difíciles en JavaScript. 🤔 3 (o 4) consejos para aprender mejor. 💡 JavaScript: poderoso y en todas partes. 💻 Recursos online y proyectos pequeños para practicar. 🍰 Paciencia y bases antes de frameworks. Sigue aprendiendo: ✉️ 12 recursos apra devs cada domingo: https://webreactiva.dev/newsletter 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad 00:00 Introducción y sensaciones iniciales. 01:09 La asincronía en JS. 01:58 Recursos recomendados: MDN y FreeCodeCAMP. 03:27 Pequeños proyectos propuestos por el creador. 04:04 Reflexión sobre crecimiento y frameworks. 04:53 Programar sin internet y recursos online. </video> <video> Formularios en Sveltekit (con muchos tips) 📝 Lección 3 · Curso SvelteKit Description: 📄 Buceamos en una webapp de TODOs para aprender a gestionar forms en sveltekit 🍪 Aprovechamos para aprender del manejo de cookies y el uso del atajo $lib en SvelteKit ⚠️ Enfrentamiento con un error de método POST en SvelteKit, solucionado con una ACTION en el servidor y el uso de los estándares REQUEST y FORMDATA. ✅ Apaños en la etiqueta 'Action', construcción de rutas combinadas y énfasis en la validación de formularios para proteger la integridad de datos. 🚫 Aprendizaje sobre el manejo de errores en SvelteKit, especialmente el error 500, usando la función 'fail' para una mejor respuesta al usuario. Seguimos el tutorial oficial de Svelte: https://learn.svelte.dev/ 🎁 Descarga Episodio Premium Gratis: https://www.webreactiva.com/go/podcast-gratis ✉️ NEWSLETTER: https://webreactiva.substack.com 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad #sveltekit #JavaScript #Frontend #DesarrolloWeb #AprendeSveltekit </video> <video> Demasiado MAYOR para programar Description: El test Disquete, móvil con teclas o GameBoy: https://tally.so/r/wo29DM ¿Mayor de 40 años y en el mundo de la programación? Descubre cómo tu experiencia es una ventaja única en el desarrollo de software. Aprende a utilizar tu sabiduría y habilidades para sobresalir en un campo dominado por la juventud. ✉️ Nuestra Newsletter: 12 recursos apra devs cada domingo: https://webreactiva.dev/newsletter 00:00 - Introducción y comparación con tecnología obsoleta 01:01 - Sentirse mayor en un campo dominado por jóvenes 01:22 - Demografía del sector tecnológico en España 01:43 - Continuar aprendiendo y mejorando en programación 02:04 - Diversidad de trayectorias hacia la programación 02:29 - La determinación frente a la frustración en la programación 03:25 - Importancia de la flexibilidad y la comunicación en el trabajo 06:05 - Dinamismo y evolución constante en tecnología 07:40 - Amplitud y diversidad en el campo de la programación 08:21 - Búsqueda de comunidades y foros de interés Sigue aprendiendo: 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> Creando rutas de API con SvelteKit ↔️ Lección 4 · Curso SvelteKit Description: 📺 Programamos una API con SvelteKit. 📋 Foco en la creación de APIs: trabajamos ficheros y métodos HTTP para una API REST. 🛠 Aprendimos a hacer peticiones, manejar respuestas y CRUD (agregar, modificar, eliminar) en un TODO list. ✅ Los códigos de respuesta HTTP son importantes Seguimos el tutorial oficial de Svelte: https://learn.svelte.dev/ 🎁 Descarga Episodio Premium Gratis: https://www.webreactiva.com/go/podcast-gratis ✉️ NEWSLETTER: https://webreactiva.substack.com 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad #sveltekit #JavaScript #Frontend #DesarrolloWeb #AprendeSveltekit </video> <video> La MEJOR oportunidad del Full Stack es de la que MENOS se habla Description: 3 virtudes del Backend: https://webreactiva.substack.com/p/la-palabra-mas-oscura-de-la-programacion ✉️ Nuestra Newsletter: 12 recursos para devs cada domingo: https://webreactiva.dev/newsletter 💻 - Esencialidad oculta del backend. 🚀 - Abre puertas a oportunidades laborales. 🌐 - Vital para el funcionamiento de la web. 🔒 - Gestión segura de datos y autenticaciones. 📧 - Envío masivo de correos electrónicos. 🛠️ - Herramientas que simplifican el desarrollo. 🧠 - Demanda creatividad y solución de problemas. 📚 - Amplia variedad de lenguajes de programación. 💡 - Especialización como clave para el éxito. 💰 - Potencial de altos salarios en el campo. Sigue aprendiendo: 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> ¡No corras! Primero construye tus bases en programación #javascript #desarrolloweb Description: ✉️ 12 recursos para devs cada domingo: https://webreactiva.dev/newsletter Las habilidades prácticas se aprenden así. Ya habrá tiempo de crecer y participar en proyectos más grandes o utilizar frameworks. Hay tiempo para todo Muchas de esas preguntas cuando las ves tienen que ver con JavaScript con la base del conocimiento no con el propio framework. No corras no tengas prisa no caigas en el influjo del marketing sabroso de los frameworks. ¡Pero primero las bases! Sigue aprendiendo: 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> Alternativa a Copilot con 7 ventajas ÚNICAS 🤖 Continue.dev Incluye Code Llama 2 IA Description: ✉️ Nuestra Newsletter: 12 recursos para devs cada domingo: https://webreactiva.dev/newsletter Continue emerge como un rival formidable para Github Copilot, ofreciendo una serie de características innovadoras que facilitan y mejoran la experiencia de programación. Entre sus ventajas se incluye la instalación sencilla en IDEs populares como Visual Studio Code y JetBrains, sin costo alguno. Compatible con una amplia gama de lenguajes de programación, Continúe se apoya en una diversidad de modelos de inteligencia artificial, permitiendo a los desarrolladores elegir entre varios proveedores. Esta herramienta no solo promete agilizar el proceso de codificación, sino también mejorar la calidad del código mediante sugerencias inteligentes, todo esto respaldado por la potencia de modelos avanzados como GPT-4 y CodeLlama 70B. Consigue la extensión en https://continue.dev 00:26 - Primeros pasos 01:01 - Mejora código con Continue 02:08 - Proveedores IA multimodelo 03:01 - GPT-4 gratis y Codellama:70B 05:18 - Análisis contexto y errores 06:20 - Trabajo sin conexión 07:21 - Comandos personalizados 08:19 - Conclusiones Sigue aprendiendo: 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> PostLive: Hablamos de todo menos de React (guiño-guiño, codazo-codazo) Description: Web Reactiva! </video> <video> Hazte Android Developer al compás de la música electrónica con Gabi Moreno @soygabimoreno Description: Gabi Moreno comparte su trayectoria de DJ a desarrollador Android, sus proyectos y su visión sobre el testing y la programación móvil Entra en https://gabimoreno.soy/ y conoce a Los Androides 🚀 Trayectoria profesional de Gabi Moreno 🤖 Proyecto 'Los Androides' ✔️ Importancia del testing en desarrollo 📱 Evolución de la programación móvil 🛠️ Elección de Kotlin para Android ⏰ Manejo de la productividad y el tiempo 💻 Diferencias entre programación web y móvil 🧩 Desafíos y soluciones en el desarrollo de software 🛠️ Recomendaciones de herramientas y IDEs 🎵 Influencia de la música en la carrera de Gabi ✉️ Nuestra Newsletter: 12 recursos para devs cada domingo: https://webreactiva.dev/newsletter ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> Aprende GPT-4 Vision para Convertir un Dibujo en Digital | *mucho más fácil de lo que pensaba* Description: ✉️ Nuestra Newsletter: 12 recursos para devs cada domingo: https://webreactiva.dev/newsletter Descubre cómo llevar tus mapas mentales al siguiente nivel utilizando la tecnología de OpenAI. En este tutorial, te mostramos cómo convertir un mapa mental dibujado a mano en una versión digital interactiva utilizando la API de visión de OpenAI y GPT-4. Aprende a cargar y procesar imágenes para extraer y organizar información de manera eficiente. Escucha: Crea gráficos y presentaciones con Markdown https://webreactiva.dev/wr-262 00:00 - Demo de cómo funciona 01:06 - Anuncio de Actualizaciones en OpenAI y ChatGPT 01:48 - Utilidad de los Mapas Mentales y su Digitalización 02:54 - Preparación para Trabajar con la API de OpenAI 05:02 - Conversión de Imágenes a Base64 05:35 - Implementación con NextJS y Estructura del Código 08:00 - Consejos Finales sobre la Redacción del Prompt El prompt es: "Dame el formato markmap.js en formato markdown de este mapa mental. No me des explicaciones de como lo haces y los problemas que te encuentras. No tengas en cuenta el texto que hay en las líneas que conectan los nodos del mapa mental. No te inventes el texto. Añade un emoji en cada elemento. Dame solo el resultado en formato markdown" Sigue aprendiendo: 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> Esto pasa cuando usas Next.js | Mi experiencia Description: ✉️ Nuestra Newsletter: 12 recursos apra devs cada domingo: https://webreactiva.dev/newsletter 🤔 Elección de Framework 🛠️ Experiencia con Next.js: 📚 Documentación y Actualización 🎨 Renderizado y Extras Plantilla Bot: https://vercel.com/templates/next.js/nextjs-ai-chatbot Bot: https://bot.webreactiva.com Sigue aprendiendo: 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> Marcel, CTO de Opground, y el futuro de la selección de personal en tech Description: Hablamos con Marcel Gozalbo, CTO de Opground de la revolución que han planteado con su sistema para la contratación de personal en el sector del desarrollo de software. 1. Trayectoria de Marcel desde ingeniería hasta CTO de Opground https://opground.com/ 2. Creación y misión de Opground en el sector del reclutamiento. 3. Uso de IA para optimizar la conexión entre talento y empresas. 4. Arquitectura tecnológica y herramientas utilizadas en Opground. 5. Impacto de la pandemia en el reclutamiento y el empleo tecnológico. 6. Importancia de las soft skills y la gestión en el sector tecnológico. 7. Evolución del mercado laboral y tendencias en el desarrollo de software. 8. Consejos para profesionales en búsqueda de oportunidades laborales. 9. Rol de un CTO en una startup tecnológica y balance entre gestión y desarrollo. 10. Contribución de feedback de usuarios en la mejora de plataformas de reclutamiento. ✉️ Nuestra Newsletter: 12 recursos para devs cada domingo: https://webreactiva.dev/newsletter ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> Diseños que Generan TailwindCSS y JavaScript con tldraw | *vercel tiembla* Description: ✉️ Nuestra Newsletter: 12 recursos para devs cada domingo: https://webreactiva.dev/newsletter Este video presenta una exploración emocionante del impacto y las posibilidades de la inteligencia artificial en el desarrollo web, con un enfoque particular en el uso de TLRDraw y GPT-4 Vision. Dani de Web Reactiva nos guía a través de una serie de demostraciones prácticas, mostrando cómo estas herramientas pueden transformar bocetos y dibujos en interfaces de usuario funcionales y código HTML, integrándose a la perfección con tecnologías como Tailwind CSS. Se destaca la facilidad de uso y como puede afectar la competencia como v0 de vercel. 00:00 - Presentación 01:18 - tldraw integra la IA 02:15 - Creando HTML y CSS desde un wireframe (OpenAI) 04:45 - Cambiando el HTML desde el dibujo 😱 05:44 - Añadir iconos y fotografías 06:51 - Wireframe Completo convertido a TailwindCSS (Responsive) 08:33 - Generando un componente con JavaScript 09:48 - v0 de vercel, la competencia 11:27 - El secreto es público (y lo probamos en ChatGPT) 13:51 - Leyendo el código de la app de tldraw (open source) https://makereal.tldraw.com/ Sigue aprendiendo: 🎙 Podcast: https://webreactiva.com/podcast 🔗 Comunidad Developer: https://webreactiva.com 📱 Twitter: https://twitter.com/delineas 👨🏻‍🎓 Linkedin: https://www.linkedin.com/in/danielprimo/ ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video> <video> Mantener node.js sin poder fallarle a millones de programadores con Ulises Gascón Description: 📕 Ulises ha publicado un nuevo libro: Node.js for Beginners https://amzn.to/3yC8xmQ 🏆 Puedes conseguir un ejemplar si te suscribes a la newsletter de Web Reactiva antes del próximo domingo 2 de Junio https://webreactiva.dev/newsletter Puedes conocer mejor a Ulises en su web: https://ulisesgascon.com/ 00:01:14 · Cómo se gana la vida Ulises Gascón 00:04:07 · El nuevo libro de Ulises: Node.js for Beginners y cómo conseguirlo gratis 00:11:48 · Qué hace un mantenedor de proyectos open source 00:14:45 · Los developers "agradecidos" por el código abierto 00:20:44 · Lo bueno y malo de los repositorios con empresas detrás 00:23:37 · Novedades jugosas en Express 5 00:31:44 · Cuánta gente participa en el desarrollo de Express 00:33:01 · ¿Has visto todo el código de Node? 00:33:24 · ¿Qué opinas de Bun y otras herramientas similares? 00:34:25 · Lo que pasa si actualizas node y falla a millones de personas 00:44:13 · El Build Team de node y las pruebas para que todo funcione 00:54:22 · La seguridad en un proyecto como node 01:06:59 · ¿Cómo se decide cuando una versión es LTS o dejar de dar soporte? 01:12:17 · Consejo para alguien que quiera empezar con Node ✉️ Nuestra Newsletter: 12 recursos para devs cada domingo: https://webreactiva.dev/newsletter ❤️ Este vídeo llega a ti gracias la Comunidad Malandriner de Suscriptores de Web Reactiva. ¡Gracias por vuestro apoyo! https://webreactiva.com/comunidad </video>

Contacts and Links

Description

La tecnología es necesaria, pero... ¡las personas somos lo imporante! Vídeos con tutoriales y análisis de herramientas de desarrollo y programación web. Recursos y reflexiones sobre todo lo relacionado con la creación de aplicaciones web: backend, frameworks, cms, ecommerce, cloud, programación a medida... Más en webreactiva.com

Videos from channel