JS Party: JavaScript, CSS, Web Development

By Changelog MediaTechnology

JS Party: JavaScript, CSS, Web Development episodes

February 14, 2020Octane moves Ember to an HTML-first approach
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 discussion
Changelog++ 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, X
Chris Manson – Website, GitHub, X
Kevin Ball – Website, GitHub, LinkedIn, X
Nick Nisi – Website, GitHub, Mastodon, X
Show 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!
1 hr 2 min
February 11, 2020GraphQL's benefits and costs
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 discussion
Changelog++ 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, X
Owen Ou – Website, GitHub, LinkedIn, X
Show 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!
31 min
February 07, 2020Fullstack D3
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 discussion
Changelog++ 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, X
Emma Bostian – GitHub, LinkedIn, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Show 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!
52 min
January 31, 2020Do you want JavaScript again or more JavaScript?
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 discussion
Changelog++ 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, X
Emma Bostian – GitHub, LinkedIn, X
Christopher Hiller – Website, GitHub, Mastodon, X
Kevin Ball – Website, GitHub, LinkedIn, X
Show 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!
59 min
January 24, 2020Lesser known things browsers can do in 2020
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 discussion
Changelog++ 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, X
Divya – Website, GitHub, LinkedIn, X
Kevin Ball – Website, GitHub, LinkedIn, X
Show 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!
1 hr 8 min
January 17, 2020Your code might be gross for a reason
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 discussion
Changelog++ 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, X
Divya – Website, GitHub, LinkedIn, X
Feross Aboukhadijeh – Website, GitHub, X
Mikeal Rogers – GitHub, X
Show 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!
57 min
January 10, 2020These talks are all quite attractive
At Node+JS Interactive… the talks are all quite attractive. From transpilation dread… to awesome worker threads. This conf is surely impactive!
Join the discussion
Changelog++ 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, X
Marian Villa – Website, GitHub, X
Chris Wilcox – Website, GitHub, X
Jason Etcovitch – Website, GitHub, X
Rich Trott – Website, GitHub, X
Anna Henningsen – GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Show 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!
1 hr 7 min
January 03, 2020New Year's Party! 🎉
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 discussion
Changelog++ 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, X
Divya – Website, GitHub, LinkedIn, X
Kevin Ball – Website, GitHub, LinkedIn, X
Nick Nisi – Website, GitHub, Mastodon, X
Christopher Hiller – Website, GitHub, Mastodon, X
Show 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!
1 hr 11 min
December 20, 2019Modular software architecture
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 discussion
Changelog++ 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, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Divya – Website, GitHub, LinkedIn, X
Show 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!
56 min
December 13, 2019Mikeal schools us on ES Modules
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 discussion
Changelog++ 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, X
Kevin Ball – Website, GitHub, LinkedIn, X
Divya – Website, GitHub, LinkedIn, X
Mikeal Rogers – GitHub, X
Show Notes:
reg
Rabin-Karp algorithm
Mikeal’s daily OSS list
Postwoman
Kitty
Web Almanac
Something missing or broken? PRs welcome!
49 min

About JS Party: JavaScript, CSS, Web Development

From the publisher's feed

Your weekly celebration of JavaScript and the web. Current panelists: Jerod Santo, Kevin Ball (KBall), Nick Nisi, Chris Hiller, Amal Hussein & Amy Dutton.