Café con Tech

This episode is about the different types of rendering patterns and metaframeworks in web development, and why there are so many of them.  It provides an overview of the topic for developers to understand better the landscape of rendering tools and technologies in the JavaScript ecosystem.   If you're curious about how rendering patterns work or want to learn more about Metaframeworks, this video is for you!  We'll discuss rendering patterns, how they work, and some of their benefits.  By the end, you'll better understand how rendering patterns work and what Metaframeworks are capable of!    Music by https://www.bensound.com »   Make sure to follow me on Twitter: https://twitter.com/matiasfha  TikTok: https://www.tiktok.com/@matiasfha  And visit my site https://matiashernandez.dev to check more content

Have you ever been curious about what Type Predicates are in TypeScript?  In this episode, I'll show you how to use Type Predicates for type narrowing.  L earn about the pros and cons of using Type Predicates, but most important, let's review the big RISK of using predicates for type narrowing and how you can LIE to Typescript   Link to the article:  https://egghead.io/blog/3-effective-type-narrowing-techniques-in-typescript   Make sure to follow me on Twitter: https://twitter.com/matiasfha  TikTok: https://www.tiktok.com/@matiasfha  Youtube: https://youtube.com/@matiasfha And visit my site https://matiashernandez.dev to check more content

In this episode, I'm going to discuss whether or not you should learn Typescript, or better, what parts of Typescript you should learn.   Typescript is gaining popularity. If you're thinking about learning this language, then this video is for you!    We'll discuss some ideas of what pieces of Typescript are worth your time, and effort.   Hopefully, this video will help you decide whether or not to learn Typescript, and how to learn it.   Let me know what you think in the comments below! Suscribete a mi newsletter --- Encuéntrame en twitter, en mi repositorio AMA o en mi sitio web -------- Mi escritorio Mouse MX Master 2S Teclado Keychron K3 Micrófono Shure BETA Boom arm  Blue Compass Interfaz de audio Focusrite Scarlett Solo 3rd gen Audífonos JBL Tune 600BTNC Webcam Logitech c9222 Monitor Xiaomi Mi 34” curved Dock Kensington SD5700T Software Editor de Audio: Descript

En este episodio una nueva opinión o reclamo, esta vez sobre Typescript, qué es, por que usarlo y por que gente lo utiliza mal. Suscribete a mi newsletter --- Encuéntrame en twitter, en mi repositorio AMA o en mi sitio web -------- Mi escritorio Mouse MX Master 2S Teclado Keychron K3 Micrófono Shure BETA Boom arm  Blue Compass Interfaz de audio Focusrite Scarlett Solo 3rd gen Audífonos JBL Tune 600BTNC Webcam Logitech c9222 Monitor Xiaomi Mi 34” curved Dock Kensington SD5700T Software Editor de Audio: Descript

Encuentra el curso en directamente en egghead.io y el material del curso en github Subscribte a mi newsletter --- Encuéntrame en twitter, en mi repositorio AMA o en mi sitio web -------- Mi escritorio Mouse MX Master 2S Teclado Keychron K3 Micrófono Shure BETA Boom arm  Blue Compass Interfaz de audio Focusrite Scarlett Solo 3rd gen Audífonos JBL Tune 600BTNC Webcam Logitech c9222 Monitor Xiaomi Mi 34” curved Dock Kensington SD5700T Software Editor de Audio: Descript

GraphQL es un lenguaje de consulta (query language) que ha sido visto como una mejora en eficiciencia, flexibilidad y potencial sobre formas previas de implementar una API. ¿Por qué querrías utilizarlo? En este episodio revisamos que es graphql, que ventajas y características tiene y por que querrías utilizarlo. Demo: https://github.com/matiasfha/graphl-demo Especificación de Graphql Instrospección Sistema de Tipos Implementaciones de Servidores Graphql-js La implementación de referencia para la especificación. Apollo Server Una implementación en typescript soportada por la comunidad open source que puede ser utilizada sobre frameworks como Express, Koa, Hapi o de forma aislada. Express GraphQL  Una implementación base sobre Express. Puedes encontrar más implementaciones en este sitio web Implementaciones de Clientes Apollo Client: Integra mecanismos de caching, mutaciones optimisticas, etc. Compatible con React, Angular y más. AWS Amplify: Client para trabajar con servicios en la nube. Graphql Request: Simple y flexible client. Básicamente es un "wrapper" sobre `fetch`. Relay: Creado por Facebook como solución para crear aplicaciones complejas con React. Encuentra más soluciones en este enlace --- Encuéntrame en twitter, en mi repositorio AMA o en mi sitio web --------  Mi escritorio   Mouse MX Master 2S  Teclado Keychron K3  Micrófono Shure BETA Boom arm  Blue Compass  Interfaz de audio Focusrite Scarlett Solo 3rd gen  Audífonos JBL Tune 600BTNC  Webcam Logitech c9222  Monitor Xiaomi Mi 34” curved  Dock Kensington SD5700T  Software Editor de Audio: Descript

Nueva temporada, nuevo formato. Back to basics. En este nuevo episodio te cuento sobre que es typescript, ventajas y desventajas y por que podrías querer utilizarlo. Links Estudio: To Type or Not to Type: Quantifying Detectable Bugs in JavaScript Articulos: https://matiashernandez.dev/blog/post/como-escribir-funciones-en-typescript https://matiashernandez.dev/blog/post/typescript-avanzado https://clevertech.biz/insights/why-we-choose-typescript-all-the-way-through (en inglés) Cursos: Up and Running with TS: https://egghead.io/courses/up-and-running-with-typescript Advanced Static Types in TS: https://egghead.io/courses/advanced-static-types-in-typescript Practical Advanced Typescript: https://egghead.io/courses/practical-advanced-typescript Async/Await using Typescript: https://egghead.io/courses/async-await-using-typescript Encuéntrame en twitter, en mi repositorio AMA o en mi sitio web -------- Mi escritorio Mouse MX Master 2S Teclado Keychron K3 Micrófono Shure BETA Boom arm  Blue Compass Interfaz de audio Focusrite Scarlett Solo 3rd gen Audífonos JBL Tune 600BTNC Webcam Logitech c9222 Monitor Xiaomi Mi 34” curved Dock Kensington SD5700T Software Editor de Audio: Descript

Long overdue but here is the final episode of the 3rd season. This time I had a great guest: Monica Lent, she is a developer founder of http://Affilimate.com (Analytics SaaS for affiliate publishers), which also creates courses around writing online and managing a great community (http://bloggingfordevs.com + http://seofordevs.com). Support the show (https://www.buymeacoffee.com/matiasfha)

Welcome to the penultimate episode of the third season. Today we have a special guest. James joined the Spanish version of the podcast, 2nd season, and now is back but in a comfortable way.In this episode, we discuss the importance of fundamentals, about learning and making mistakes and how to recover from them, and about being honest that everyone has to look for some concepts.Alongside that we also talk about content creation and Auth0.Check James' content by following him on Twitter and checking his youtube channel!Also definitely check the Auth0 Rap and follow and listen to his podcast Compressed.fmMusic CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Nile's Blues by Kevin MacLeodLink: https://incompetech.filmmusic.io/song/4134-nile-s-bluesLicense: https://filmmusic.io/standard-licenseEscuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

In this episode, I had the chance to talk with Brandon Bayer, the creator of Blitz.js and founder of https://flightcontrol.dev/During the episode, Brandon drives us through his history and experience and drop some advice about building a successful freelancing career.But we also talk about more technical stuff when we discussed and learn about his work on Blitz.js a full-stack framework on top of Next.jsBlitz is a full-stack framework that's inspired by Ruby on Rails, is built on Next.js, and features a "Zero-API" data layer abstraction that eliminates the need for REST/GraphQL.Follow Brandon on Twitter same as Blitz.js accountMusic CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Nile's Blues by Kevin MacLeodLink: https://incompetech.filmmusic.io/song/4134-nile-s-bluesLicense: https://filmmusic.io/standard-licenseCloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

Welcome to a new episode. This week I had the opportunity to talk with Joe Previte a content creator, developer, and teacher.Joe is the creator of the course VIM for VScode and several community focused places and services like:His twitch streamJoe's Jobs - A job board that has the best jobs in the product, engineering, OSS, and more. dip.chat - accountability groups for developersBasics of TypeScript - this is a weekly Telegram newsletter, but will eventually be a TypeScript courseHe also has some courses on egghead.io like "The Beginner's Guide to Figma".During the episode, we dived into his history from a Spanish student to becoming an open-source engineer learning with freecodecamp Follow Joe on Twitter and check his incredible notes on his site.Music CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Nile's Blues by Kevin MacLeodLink: https://incompetech.filmmusic.io/song/4134-nile-s-bluesLicense: https://filmmusic.io/standard-licenseAuth0 Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!Cloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

This week's episode is all about Rust and hot tech.Chris Biscardi joined the show to talk about different topics around the work he is doing.Chris has done work with MDX, a lot of contributions as a consultant on the JAMStack ecosystem and is now focused on teaching Rust and Serverless to web developers.During the episode, we review some of this work but in particular we dive deep into Rust and the learning path.Follow Chris on Twitter, join to Party Corgi Discord and check out his materialLearn to build reliable and efficient software with Rust Check the Field Guide to RustThe FIeld Guide to ServerlessFollow him on YoutubeAnd definitely check his siteMusic CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Iron Bacon by Kevin MacLeodLink: https://incompetech.filmmusic.io/song/3925-iron-baconLicense: https://filmmusic.io/standard-licenseAuth0 Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!Cloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

Today I share with you a nice talk with the jQuery guru Tomasz Łakomy.During the episode we talk about why a dev could need to share his/her work in public or create a personal brand, we discussed what is a Senior Engineer and why companies tend to hire mostly seniors.We also discussed the hiring process and finally, we dived into a more technical topic reviewing Tomasz's course about AWS CDK.Follow Tomazs and found more of his content by checking these links.- Twitter- His Site- His egghead coursesHe is also building Cloudash so definitely take a look it if you are into serverless development using AWS.Tomasz also recommended checking a site:  A Cloud Guru A Platform to learn all about Cloud services.Music CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Iron Bacon by Kevin MacLeodLink: https://incompetech.filmmusic.io/song/3925-iron-baconLicense: https://filmmusic.io/standard-licenseSupport the show (https://www.buymeacoffee.com/matiasfha)

In this episode we dive into the functional programming world by talking with Flavio Corpa about Elm and Haskell.We tried to uncover the good reasons to learn and work with Elm and why it can be difficult and refrain people to do it.But also, we review his learning experience from Javascript to Typescript to Elm to end up writing Haskell for his day job at 47 degreesFind Flavio in his Twitter account and make sure to check it out and follow him in his  Github profile.Here are some of the links mentioned in the showLinQ and LinQ.tsElm in Action (Book)Steins; GateProfessor Frisby's: Mostly Adequate Guide to Functional ProgrammingElm-UI CourseElm LangWhy Isn't Functional Programming the Norm? – Richard FeldmanLearn You a Haskell for the greater good Haskell Programming from the First PrinciplesMusic CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Iron Bacon by Kevin MacLeodLink: https://incompetech.filmmusic.io/song/3925-iron-baconLicense: https://filmmusic.io/standard-licenseAuth0 Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!Cloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

Today I had the joy of talking about CSS and a11y with the amazing Stephanie Eckles.Stephanie is a Frontend focused software engineer author of ModernCSS.dev, where you can find in-depth tutorials about modern solutions to old CSS problems. She is also the creator of Style Stage,  SmolCSS, and 11ty.Rocks. And if that is not enough, Stephani is also writing a lot, teaching as an egghead instructor, and podcasting in here  Word Wrap podcast. In this episode, we revised some of the CSS pitfalls and tried to answer why CSS was so neglected?. We talk about some of the new developments around the CSS world and also chatted about the forgotten work around accessibility and why it's important to do our work in that realm. Find Stephanie on Twitter and her site, and don't forget to check out her amazing content.Music CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Iron Bacon by Kevin MacLeodLink: https://incompetech.filmmusic.io/song/3925-iron-baconLicense: https://filmmusic.io/standard-licenseAuth0 Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!Cloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

This week's episode was focused on learning what state machines are, and who better to drive us through this path than the creator of XState David Kourshid, or maybe better known as David K. Piano.David answer questions about concepts and ideas around why state management can be a difficult business and how XState can help to simplify the situation.Found David on Twitter and definitely check his new adventure with stately.ai and signup for the newsletter there.David also does streams that you can check in Keyframes site. And if you want to learn more about state machines and xstate check discord.gg/xstateMusic CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Cool Rock by Kevin MacLeod Link: https://incompetech.filmmusic.io/song/3925-iron-bacon License: https://filmmusic.io/standard-licenseSupport the show (https://www.buymeacoffee.com/matiasfha)

For today's episode, I had the opportunity to talk with Karl L. Hughes, currently the CTO of Draft.dev.Karl tells us about his interesting background and experience that led them to create and run Draft.dev.During the episode, you'll find insight into why writing is a good skill for any developer and ideas and experience around managing teams, learning how to learn, and more.Find more from Karl by following him on Twitter,  checking his site at https://www.karllhughes.com/, and subscribing to his newsletter, the Portable CTOMusic CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Cool Rock by Kevin MacLeod Link: https://incompetech.filmmusic.io/song/3925-iron-bacon License: https://filmmusic.io/standard-licenseAuth0 Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!Cloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

A new open sorcerer came to the show. The creator of the Tannstack Tanner Linsley talks with us about State Management and React Query.During the episode you'll listen about how React Query came to be, the pains that Tanner felt working with other state management solutions, and one hot take about state management that is really important for the React Query philosophy and something that not only Tanner thinks: Not all state is global, Server State is different than Client State.Links:learn.tannstack.comThe article mentioned by Tanner about graphql:https://swizec.com/blog/how-react-query-gives-you-almost-everything-you-thought-you-needed-graphql-for/Tanner's Twitter profileCourse React Query EssentialsMusic CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Funky Boxstep by Kevin MacLeod Link: https://incompetech.filmmusic.io/song/7919-funky-boxstep License: https://filmmusic.io/standard-licenseAuth0 Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!Cloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

The astro coder came to visit!!Colby Fayock, developer advocate at applitools is a passionate creator and developer. Colby have amazing content across multiple channels and media. In this episode we talk about some of his content an din particular about his Jelly Drops: Fundamentals of Javascript series and his amazing course: From Design to Development Crash Course a full course to create a full web application including design, coding, authentication and more.We also talk about his love for the JAMStack, github actions and testing.Find more from Colby's content in:- colbyfayock.com/newsletter- journeyto.dev a 7-week email course focused on developer the human-centered skills required for your own journey.- 50 react projects Dive in with 50 projects complete with project briefs and wireframes!- Colby's Youtube Channel- Talk: Put down the Javascript:  Level Up With the Fundamentals of Web Development- Twitter: Music CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Cool Rock by Kevin MacLeod Link: https://incompetech.filmmusic.io/song/3925-iron-bacon License: https://filmmusic.io/standard-licenseAuth0 Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!Cloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)

In this fun episode, we chat about the fascinating world of Jamstack with the amazing Kevin Cunningham (@dolearning) a math teacher that found a new love in the craft of software.Kevin is a fellow egghead instructor publishing content about Jamstack and Vue.I was really curious about Vue so we had a nice chat about that where Kevin was convincing me about Vue (check his new course).Found more about Kevin by following him on Twitter, checking his content on egghead, subscribing to his newsletter, and checking his new ebook! "Off With Your Head: How to confidently build a Headless WordPress CMS "Music CreditsOpening and Outro Music by DanoSongs https://danosongs.com/Background Music Music:Iron Bacon by Kevin MacLeod Link: https://incompetech.filmmusic.io/song/3925-iron-bacon License: https://filmmusic.io/standard-licenseAuth0 Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!Cloundinary MDE Energizing a diverse community of developers to share knowledge using media technology in web apps. Escuela Frontend Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!Support the show (https://www.buymeacoffee.com/matiasfha)