JS Party: JavaScript, CSS, Web Development

KBall connects with Katie Sylor-Miller to talk about migrating OhShitGit to the JAMStack, migrating legacy codebases to modern front-end technologies, and design systems. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Featuring:Katie Sylor-Miller – Website, GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: OhShitGit Eleventy Netlify Branch Previews Next.js Hypernova Design Systems Handbook Something missing or broken? PRs welcome!

This week we chatted with Kahlil Lechelt about mentorship. What types of mentorships are there, what makes a successful mentorship, and where can you find a mentor? Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – The simplest cloud platform for developers and teams Whether you’re running one virtual machine or ten thousand, makes managing your infrastructure too easy. Get started for free with a $50 credit. Learn more at do.co/changelog. Retool – Retool makes it super simple to build back-office apps in hours, not days. The tool is is built by engineers, explicitly for engineers. Learn more and try it for free at retool.com/changelog Featuring:Kahlil Lechelt – Website, GitHub, XEmma Bostian – GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Paul Irish 10 Things I Learned from the jQuery Source Addy Osmani Wes Bos Coding Coach Coding Coach Guidelines Chakra UI React Spring Level Up Tutorials Lottie MoScoW Method Something missing or broken? PRs welcome!

This week we chat with Matteo Collina, Technical Director at NearForm and member of the Node.js Technical Steering Committee, about his upcoming Node+JS Interactive talk on Node Streams. We talk about their creation before any standards and how they are one of the bedrock APIs used throughout the Node ecosystem. We also talk about WHATWG streams and some of their key differences, and how streams have gotten easier to work with thanks to the addition of async iterators and generators to the language. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019. Start your server - head to linode.com/changelog. Retool – Retool makes it super simple to build back-office apps in hours, not days. The tool is is built by engineers, explicitly for engineers. Learn more and try it for free at retool.com/changelog Featuring:Matteo Collina – Website, GitHub, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Node.js Streams WHATWG Streams Async Iterators Generator functions Catch us and Matteo at Node+JS interactive 2019! Something missing or broken? PRs welcome!

Design systems are taking the tech industry by storm, but what exactly are they? Do you even need one? This week we’re talking all things design systems. We’ll chat about component libraries and style guides, companies who are building design systems, and more! Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019. Start your server - head to linode.com/changelog. The Brave Browser – Browse the web up to 8x faster than Chrome and Safari, block ads and trackers by default, and reward your favorite creators with the built-in Basic Attention Token. Download Brave for free and give tipping a try right here on changelog.com. Featuring:Emma Bostian – GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Who are design systems for? Invision DSM Storybook Pattern Lab Visbug is like dev tools for designers Bootstrap Zurb Foundation Mailchimp Content Material Design Space in design systems Framer Abstract Something missing or broken? PRs welcome!

We’re back with another #YepNope episode, this time debating whether or not JavaScript needs to be rebranded. This premise was inspired by Kieran Potts’ article of the same name. Divya/Jerod represent Team Yep and Chris/KBall represent Team Nope. Nick, as always, represents Team Type Script 😜 Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – The simplest cloud platform for developers and teams Whether you’re running one virtual machine or ten thousand, makes managing your infrastructure too easy. Get started for free with a $50 credit. Learn more at do.co/changelog. The Brave Browser – Browse the web up to 8x faster than Chrome and Safari, block ads and trackers by default, and reward your favorite creators with the built-in Basic Attention Token. Download Brave for free and give tipping a try right here on changelog.com. Featuring:Nick Nisi – Website, GitHub, Mastodon, XJerod Santo – GitHub, LinkedIn, Mastodon, XDivya – Website, GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Should We Rebrand JavaScript? A YouTube video of Sesame Street’s YipYips The JavaScript community logo Something missing or broken? PRs welcome!

What you’re about to hear is a series of lightning chats recorded live from All Things Open 2019. How’s this for topic diversity? 👇 A/B testing, finding your tribe, dancing, TikTok, what is happening with front-ends becoming full-stacks, Code the Dream, OSI approved licenses, breaking in to tech, a11y, hiring juniors, whiteboard interviews, better interview practices, JPGs, coding bootcamps, tech re-entry programs, and more. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Toptal – Freelance development jobs for world-class engineers. Toptal gives you the ability to work on freelance development jobs and projects with top clients who understand the value of elite engineering talent. Choose your rate, control your schedule, enjoy the 100% remote lifestyle. Learn more at toptaljobs.com DigitalOcean – DigitalOcean now offers three managed databases — PostgreSQL, MySQL, and Redis. Get started for free with a $50 credit. Learn more at do.co/changelog. Featuring:Jake Lundberg – Amal Hussein – GitHub, XMatt Broberg – Website, GitHub, LinkedIn, XCrystal Williams-Brown – GitHub, XDanese Cooper – Website, GitHub, XMo Hampton – GitHub, XMaria Lamardo – GitHub, XEva Howe – XVanessa Alvarez – GitHub, XClinton Dreisbach – GitHub, XHenri Helvetica – XJill Burns – LinkedInJannaee Sick – Website, GitHub, XEmma Bostian – GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Code the Dream Keep Upstate app Hire the Fempire Momentum Something missing or broken? PRs welcome!

KBall catches up with Phil Hawksworth of Netlify at JAMStackConfSF to dive deep into JAMStack, what it’s about, where the ecosystem is going, and what is still hard. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Toptal – Freelance development jobs for world-class engineers. Toptal gives you the ability to work on freelance development jobs and projects with top clients who understand the value of elite engineering talent. Choose your rate, control your schedule, enjoy the 100% remote lifestyle. Learn more at toptaljobs.com Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019. Start your server - head to linode.com/changelog. Codacy – Automate your code reviews. Instantly identify and address issues in every commit and pull request, directly from your current workflow. Learn more, get started for free, and grab a sweet pair of Codacy socks at changelog.com/codacy Featuring:Phil Hawksworth – Website, GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: JAMStack Videos from JAMStackConfSF Modern Web Development on the JAMstack (book) Netlify Redirects/Rewrites Gatsby progress towards incremental builds Sample project doing content sharing using Netlify caching Netlify Build Plugins Netlify CMS Forestry CMS Netlify deploy previews ZEIT Now Something missing or broken? PRs welcome!

Jerod, Divya, & Suz get together to discuss top-level await, the JS13kGames winner, Liran Tal’s is-website-vulnerable, Vue 3’s source code, and Facebook’s take on AR/VR/XR. Plus 3 awesome pro tips you don’t want to miss! Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Toptal – Freelance development jobs for world-class engineers. Toptal gives you the ability to work on freelance development jobs and projects with top clients who understand the value of elite engineering talent. Choose your rate, control your schedule, enjoy the 100% remote lifestyle. Learn more at toptaljobs.com Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019. Start your server - head to linode.com/changelog. Algolia – Our search partner. Algolia’s full suite search APIs enable teams to develop unique search and discovery experiences across all platforms and devices. We’re using Algolia to power our site search here at Changelog.com. Get started for free and learn more at algolia.com. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XDivya – Website, GitHub, LinkedIn, XSuz Hinton – GitHub, Mastodon, XShow Notes:New & Noteworthy The JS13kGames winners have been announced top-level await lands in V8, Myles Borins with a great write-up on the feature Liran Tal’s CLI for checking if a website has known security vulnerabilities in its JS libs Vue 3 (vue-next) source code now available Facebook VR/AR lifelike avatars Pro Tip Time Hamerspoon Suz’ Twitch applescript Headspace The Bilbcast Composing better emails Did you know? We take requests! Something missing or broken? PRs welcome!

KBall, Jerod, and Divya dig deep into how we learn. We look into how to choose what to learn, techniques for learning, and a set of respective resources. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Toptal – Freelance development jobs for world-class engineers. Toptal gives you the ability to work on freelance development jobs and projects with top clients who understand the value of elite engineering talent. Choose your rate, control your schedule, enjoy the 100% remote lifestyle. Learn more at toptaljobs.com DigitalOcean – DigitalOcean now offers three managed databases — PostgreSQL, MySQL, and Redis. Get started for free with a $50 credit. Learn more at do.co/changelog. Algolia – Our search partner. Algolia’s full suite search APIs enable teams to develop unique search and discovery experiences across all platforms and devices. We’re using Algolia to power our site search here at Changelog.com. Get started for free and learn more at algolia.com. Featuring:Kevin Ball – Website, GitHub, LinkedIn, XDivya – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes:Segment 1 TryGraphQL.org TypeScript in 5 minutes JSParty #80 Learning Web Development in 2018 (“3 Mos” post) Segment 2 Learn X in Y minutes Go by example Learning By Example D3.js FoodWishes FunFunFunction Segment 3 Frontend Masters Eggheadio thinkster Maximilian Schwarzmüller Kent C Dodds Brendon Burchard Tony Robbins SpeakWriteListen FreeCodeCamp Hacktoberfest JSParty #86 Something missing or broken? PRs welcome!

What if you could have an Electron-like app framework without the Chromium dependency and resulting performance woes? Well, now you can. NodeGui is a Qt5-powered, cross-platform, native app GUI framework for JavaScript with CSS-like styling. In this episode, Jerod and Nick sit down with Atul –author of NodeGUI and NodeGUI React– to learn about this exciting framework. We ask him a zillion and one questions about it. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – DigitalOcean now offers three managed databases — PostgreSQL, MySQL, and Redis. Get started for free with a $50 credit. Learn more at do.co/changelog. Algolia – Our search partner. Algolia’s full suite search APIs enable teams to develop unique search and discovery experiences across all platforms and devices. We’re using Algolia to power our site search here at Changelog.com. Get started for free and learn more at algolia.com. All Things Open – Exploring open source, open tech, and the open web in the enterprise. Raleigh, NC — October 13-15, 2019 Featuring:Atul R – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Wear your helmet while biking, friends Announcing NodeGUI NodeGui on GitHub NodeGui-React on GitHub Stop limiting your open source library’s potential Something missing or broken? PRs welcome!