JS Party: JavaScript, CSS, Web Development

Where does Feross get all those wonderful toys? He builds them with JavaScript, of course! BitMidi – a website for listening to your favorite MIDI files – is his latest creation. In this episode, Jerod “sits down” with Feross to learn all about it. How do MIDIs even work? Why won’t they play on the web anymore? Can WASM save the day (hint: yes)? How does Feross get so many eyeballs on his creations? Is Preact awesome for building sites like this? What’s the future of BitMidi look like? Don’t ask us, listen to the episode! Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. DigitalOcean – DigitalOcean is simplicity at scale. Whether your business is running one virtual machine or ten thousand, DigitalOcean gets out of your way so your team can build, deploy, and scale faster and more efficiently. New accounts get $100 in credit to use in your first 60 days. 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:Feross Aboukhadijeh – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: The Changelog #227: Mad Science, WebTorrent, WebRTC with Feross Aboukhadijeh Popular MIDIs — BitMidi Announcing BitMidi » Feross.org feross/bitmidi.com: 🎹 Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web Chrome User Experience Report PageSpeed Insights Something missing or broken? PRs welcome!

Safia, Suz, KBall and Nick get together to talk about bugs! Not those pesky things you’re scared to squash because they might suddenly jump on you — this is all about JavaScript bugs; how you prevent some of the common ones, what tools you can use to reduce bugs in your code, and a panel group therapy session where they discuss the most difficult bug they’ve had to fix. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. DigitalOcean – DigitalOcean is simplicity at scale. Whether your business is running one virtual machine or ten thousand, DigitalOcean gets out of your way so your team can build, deploy, and scale faster and more efficiently. New accounts get $100 in credit to use in your first 60 days. Vettery – Vettery helps you scale your teams by connecting you with highly qualified tech, sales & finance candidates. Download their tech salary report for 2018 with insights from tech hiring activity in New York City, San Francisco, Los Angeles, and Washington D.C. Download at vettery.com/changelog. Featuring:Safia Abdalla – Website, GitHub, XSuz Hinton – GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XShow Notes:Topics covered in today’s show: Most common JavaScript bugs Hardest JavaScript bugs tackled by the hosts Tools to reduce the number of bugs in your code Links mentioned in the show: Top 10 JavaScript errors from 1000+ projects (and how to avoid them) TypeScript A Year of Other’s Bugs: the sad state of error handling (by Brittany Storoz) Flow Nuxt Angular Zone.js Visual Studio Code w0rp/ale: Asynchronous linting/fixing for Vim and Language Server Protocol (LSP) integration Code Lauren Something missing or broken? PRs welcome!

Suz, Nick, and KBall are joined by special guest Aimee Knight to talk about CSS, how it’s often trivialized and how that in turn affects the people who write it, what CSS in JS is, and how to get started with it. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. Vettery – Vettery helps you scale your teams by connecting you with highly qualified tech, sales & finance candidates. Download their tech salary report for 2018 with insights from tech hiring activity in New York City, San Francisco, Los Angeles, and Washington D.C. Download at vettery.com/changelog. DigitalOcean – DigitalOcean is simplicity at scale. Whether your business is running one virtual machine or ten thousand, DigitalOcean gets out of your way so your team can build, deploy, and scale faster and more efficiently. New accounts get $100 in credit to use in your first 60 days. Featuring:Aimee Knight – Website, GitHub, XSuz Hinton – GitHub, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: CSS dismissal is about exclusion, not technology 9 CSS in JS Libraries You Should Know in 2018 – Bits and Pieces CSS Blocks Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of — Smashing Magazine Is Houdini Ready Yet? Something missing or broken? PRs welcome!

Suz, Jerod, Nick and KBall talk about cringeworthy mistakes and failures they (and the community!) have experienced with JavaScript. They also give advice to themselves as if they were just starting out today in the JavaScript industry. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. NativeScript – NativeScript is an open source framework for building truly native mobile apps for iOS and Android using JavaScript and TypeScript with frameworks like Angular and Vue. Learn more at nativescript.org/jsparty. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Suz Hinton – GitHub, Mastodon, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: JavaScript 30 — Build 30 things with vanilla JS in 30 days with 30 tutorials Learn to Code and Help Nonprofits | freeCodeCamp Learning Web Development in 2018 Something missing or broken? PRs welcome!

KBall interviews with Michael Chan, Juan Pablo Buriticá and Julián David Duque, and Tim Doherty at JSConf.US. Conversations about the importance of DRY code, the metaphors we use for software, JavaScript communities across Latin America, how to advocate for modern tech stacks in large companies, and fostering mentorship. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. NativeScript – NativeScript is an open source framework for building truly native mobile apps for iOS and Android using JavaScript and TypeScript with frameworks like Angular and Vue. Learn more at nativescript.org/jsparty. 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:Michael Chan – Website, GitHub, XJuan Pablo Buritica – GitHub, XJulian Duque – Website, GitHub, XTim Doherty – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Michael Chan (Chantastic) React Podcast ‘Hot Garbage, Clean Code Is Dead’ recording from React Rally Sandi Metz on Churn vs Complexity Ice Cube and his real name Juan and Julián JSConf Colombia ‘The Butterfly.js Effect’ slides Yayquery Lending Privilege Transifex Tim Doherty Generators Proxies JavaScript: Prototype vs Class Innovation Debt npm audit npm outdated Dependabot Santa Barbara JavaScript Meetup ‘ES6 In Practice’ slides Something missing or broken? PRs welcome!

Feross talks with Mathias Buus and Paul Frazee about the decentralized web, why the average person should care about decentralization of the web, the Beaker browser, Dat and the differences and similarities to BitTorrent, and how Paul and Mathias first got involved in this work. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. Indeed – Indeed Assessments is a remote-first team that operates like a startup within Indeed — and they’re hiring. If you’re looking to join a remote-first team working on really big problems that will literally impact 100’s of Millions of people, head to indeed.jobs/changelog NativeScript – NativeScript is an open source framework for building truly native mobile apps for iOS and Android using JavaScript and TypeScript with frameworks like Angular and Vue. Learn more at nativescript.org/jsparty. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Mathias Buus – GitHub, XPaul Frazee✌️ – GitHub, XFeross Aboukhadijeh – Website, GitHub, XShow Notes: Beaker Browser Dat Project Something missing or broken? PRs welcome!

KBall and Chad Hietala meet up at JSConf and talk about compilers for the frontend, Ember’s binary opcodes, webassembly, and the future of performance optimization for the web. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Indeed – Indeed Assessments is a remote-first team that operates like a startup within Indeed — and they’re hiring. If you’re looking to join a remote-first team working on really big problems that will literally impact 100’s of Millions of people, head to indeed.jobs/changelog Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. NativeScript – NativeScript is an open source framework for building truly native mobile apps for iOS and Android using JavaScript and TypeScript with frameworks like Angular and Vue. Learn more at nativescript.org/jsparty. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Chad Hietala – GitHub, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Performance gains from compilers in JavaScript: Performance gains from switching to Closure Compiler Glimmer The Glimmer Binary Experience The Glimmer VM: Boots Fast and Stays Fast Experiments porting Glimmer VM pieces to WASM The performance costs of parse/compile: The Cost of JavaScript Precompilation: Svelte Prepack Moving sourcemaps to webassembly: Oxidizing Source Maps with Rust and WebAssembly A11Y: JSParty: A11y is your ally Reach Router Ember A11y Opportunities for Angular, Vue, etc Advantages of Angular Templates Ember The Brutal Lifecycle of JavaScript Frameworks Github Stars !== Usage: React is still blowing Vue and Angular Away issue: Latest version of angular-cli shows ember-cli help #dadt (Dojo already did that) Ember RFCs Other Linkedin Projects: CSS Blocks Kafka Something missing or broken? PRs welcome!

In this special episode of JS Party at JS Conf in Carlsbad, Nick, Suz, Feross, and KBall talk about crazy JavaScript combinations, tips to get started speaking, being committed to diversity as a conference organizer, and much more. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.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. Indeed – Indeed Assessments is a remote-first team that operates like a startup within Indeed — and they’re hiring. If you’re looking to join a remote-first team working on really big problems that will literally impact 100’s of Millions of people, head to indeed.jobs/changelog Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Featuring:Kevin Ball – Website, GitHub, LinkedIn, XSuz Hinton – GitHub, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XFeross Aboukhadijeh – Website, GitHub, XShow Notes:Links for JavaScript Connections VR, Browser Extensions, and Home Automation VR Building AR/VR with Javascript and HTML – Hacker Noon Browser Extensions Home Automation Virtual Desktop for VR Cryptocurrency Mining and GraphQL Cryptocurrency in JavaScript JavaScript Mining GraphQL GraphQL Blockchain Explorer Mocha and D3 Mocha D3 NPM audits / tree security audits WebUSB and Webtorrents WebUSB Webtorrents Previous JSParty episode covering WebUSB and Webtorrents BitTorrent for build distribution JavaScript Conferences and Community JSConf Code of Conduct NEJSConf JSConf activity day Something missing or broken? PRs welcome!

Jerod, Nick, KBall, and Chris pre-party for JSConf by testing out some brand new segment ideas: Story of the Week, What the WHAT… WG, and Protip Time. What do you think of these segments? Like ’em? Love ’em? Not sure why we even? Please let us know! Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.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. Indeed – Indeed is the world’s #1 job site with a mission to help people get jobs. They need talented, passionate people working together to make this happen. Learn more and take the first step to working at Indeed at indeed.jobs/changelog Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes:Story of the Week ndb Babel 7.0 RC 1 The Cost of JavaScript in 2018 Securing Web Sites Made Them Less Accessible Vue CLI 3.0 What the WHAT… WG HTML or HTML5? Who Controls HTML? Standards WHATWG works on Lazy loading images and iframes Add autocapitalize attribute (merged and deployed) (added to MDN) Protip Time paste { pbpaste > ${1} } copy { cat ${1} | pbcopy } z brain.fm Astral jscodeshift Something missing or broken? PRs welcome!

Jerod and Suz talk with John Resig about how he’s using GraphQL at Khan Academy, some of the mistakes and successes using GraphQL, John’s feelings on jQuery, and community Q&A. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. Hired – Salary and benefits upfront? Yes please. Our listeners get a double hiring bonus of $600! Or, refer a friend and get a check for $1,337 when they accept a job. On Hired companies send you offers with salary, benefits, and even equity upfront. You are in full control of the process. Learn more at hired.com/jsparty. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.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 changelog2018. Start your server - head to linode.com/changelog Featuring:John Resig – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XSuz Hinton – GitHub, Mastodon, XShow Notes: John’s intro to the GraphQL Guide Get the GraphQL Guide (beta) The Changelog #255: Why is GraphQL so cool? The Changelog #297: Prisma and the GraphQL data layer Something missing or broken? PRs welcome!