JS Party: JavaScript, CSS, Web Development

KBall and Nick dive deep with Chris Manson and Jen Weber from the Ember core team. They talk about Ember.js: What it is, why it’s different, what’s new in the Ember Octane release, and what’s exciting in the future of the project. 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’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your $100 credit 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:Jen Weber – GitHub, XChris Manson – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XShow Notes:Segment 1: About Ember Ember Engines Upgrades in Ember Glimmer Segment 2: Ember Octane Octane is Here Ember Guides: Testing Components Ember Guides: Template Lifecycle DOM and Modifiers Ember Guides: Autotracking In Depth Ember Guides: The Ember Tutorial Segment 3: Future of Ember To Have A Future, Ember Must Kill Its Past RFC: Ember 2018 Roadmap RFC: Editions Something missing or broken? PRs welcome!

We teamed up with some friends of ours at Heroku to promote the Code-ish podcast so we’re sharing a full-length episode right here in the JS Party feed. This episode features Owen Ou, who is joined by Tanmai Gopal (CEO of Hasura) talking about the pros and cons of using GraphQL in your application. Learn more and subscribe at heroku.com/podcasts/codeish. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Code-ish by Heroku – A podcast from the team at Heroku, exploring code, technology, tools, tips, and the life of the developer. Listen on Apple Podcasts and Spotify. Featuring:Tanmai Gopal – Website, GitHub, LinkedIn, XOwen Ou – Website, GitHub, LinkedIn, XShow Notes:GraphQL is a querying language with the aim of increasing the productivity of frontend and backend developers. It can make working with React easier, be used as an API for third-party clients, and allow for feature-rich applications to request precisely the data they need. Like any part of your stack, GraphQL isn’t a panacea. The language is still being developed, and has some limitations. graphql.org is where you can learn all about GraphQL Awesome GraphQL provides a list of GraphQL tools learn.hasura.io offers GraphQL tutorials Check the show notes and transcript for more details. Something missing or broken? PRs welcome!

The State of JS 2019 survey left many in awe of the beautifully rendered line graph created by Amelia Wattenberger. So we’ve brought her on JS Party to discuss how she built it! We’ll chat about all things D3, a JavaScript library for creating data visualizations, and even learn a bit about the CSS cascade. 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’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your $100 credit 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:Amelia Wattenberger – Website, GitHub, XEmma Bostian – GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: CSS Cascade by Amelia State of JS overview survey Star Wars CSS Specificity Wars D3 website The Fullstack D3 book React Spring Pudding.cool Something missing or broken? PRs welcome!

It’s a new year which means companies are hiring and developers are interviewing. So we thought it would be fun to host a fun game of technical Jeopardy. 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:Jake Dohm – GitHub, XEmma Bostian – GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Here are some of the topics we covered which might be useful to know in a technical interview! You should never have to define any of these things but knowing their concepts and how they work will help you land a job! CSS Flexbox Froggy Flexbox Defense Polypane App Media queries Keyframes Specificity Selectors Pseudo classes / elements Pre-processors Combinators HTML Aside DOCTYPE Meta tag iFrame Canvas The Web HTTPS Cache Cookies TCP/IP JavaScript Const, let, var Scope / hoisting Undefined, null Protoypes / the prototype chain Promises Higher-order functions Callback functions Closures Map Set Event bubbling / delegation Functional programming Strict mode Prevent default Type of / instance of Miscellaneous Stack overflow WAI-ARIA & accessibility XSS attacks / security breaches SEO Something missing or broken? PRs welcome!

Did you know you can make a device vibrate via a webpage? Neither did we until we popped open Luigi De Rosa’s super cool repo that collects many of the lesser known things browsers can do in 2020. On this episode we hang out on his list and discuss which APIs were surprises to us, which we think are the most useful, which we wish would die in a fire (sorta), and what you might get if you mash up a few of these APIs. 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. Brain Science – For the curious! Brain Science is our new podcast exploring the inner-workings of the human brain to understand behavior change, habit formation, mental health, and being human. It’s Brain Science applied — not just how does the brain work, but how do we apply what we know about the brain to transform our lives. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XDivya – Website, GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Tweet at @luruke and thank him for this repo This is the repo, btw Nick Nisi wants you to try the Web Coffee API We all think the Web Share API is neat Read about the SMS Receiver API More on the Web Payments API Should we do an episode on A-Frame? Something missing or broken? PRs welcome!

KBall, Divya, Mikeal, and Feross dig deep into refactoring. When to do it, best practices, things to watch out for, and the difference between a refactor and a rewrite. We then close out with some key pro tips. 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’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your $100 credit 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, XFeross Aboukhadijeh – Website, GitHub, XMikeal Rogers – GitHub, XShow Notes:Refactoring Getting Empirical about Refactoring The Myth of the Software Rewrite git bisect Protips Vimpack The 1 percent rule Mikeal’s Way of Code Toastmasters Other episodes of JS Party that talk about refactoring: #70: Refactoring Script Soup #43: Interviews from JSConf Something missing or broken? PRs welcome!

At Node+JS Interactive… the talks are all quite attractive. From transpilation dread… to awesome worker threads. This conf is surely impactive! 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:Vladimir de Turckheim – GitHub, XMarian Villa – Website, GitHub, XChris Wilcox – Website, GitHub, XJason Etcovitch – Website, GitHub, XRich Trott – Website, GitHub, XAnna Henningsen – GitHub, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Node.js Loader Hooks for Fun and Profit Transform a Country through Code Oh No! The Robots Have Taken Over! A Crash Course On Worker Threads A Chat with the Node.js Technical Steering Committee Something missing or broken? PRs welcome!

Jerod, Divya, Chris, KBall, & Nick ring in the new year with our 2020 predictions, wish lists, & resolutions. Will Chrome’s browser market share decrease? Will Svelte (or a Svelte-alike) continue to trend? Will Jerod finally write some TypeScript?! Listen along and let us know your thoughts on the matters. 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. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XDivya – Website, GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes:Predictions TabNine uses deep learning to help you write code faster The Native File System API 7 insights from the State of JS 2019 The State of JS on TypeScript Wish lists Ink is React for CLIs Facebook’s Yoga CSS Subgrid is in Firefox Something missing or broken? PRs welcome!

Jerod and Divya welcome npm CTO Ahmad Nassri to discuss modular architecture. What it is, why it matters, and how you can achieve it. Ahmad has been thinking deeply about this topic lately and we have a very fruitful discussion that should have takeaways for developers of all experience levels. 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:Ahmad Nassri – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XDivya – Website, GitHub, LinkedIn, XShow Notes: Listen to Ahmad’s epic backstory on The Changelog #185 Read Ahmad’s slide deck on modern patterns in modular architecture Check out Framer Something missing or broken? PRs welcome!

ES Modules are unflagged in Node 13. What does this mean? Can we use them yet? We chat with Mikeal, our resident expert, and find out. 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, XKevin Ball – Website, GitHub, LinkedIn, XDivya – Website, GitHub, LinkedIn, XMikeal Rogers – GitHub, XShow Notes: reg Rabin-Karp algorithm Mikeal’s daily OSS list Postwoman Kitty Web Almanac Something missing or broken? PRs welcome!