JS Party: JavaScript, CSS, Web Development

By Changelog MediaTechnology

JS Party: JavaScript, CSS, Web Development episodes

February 01, 2024Angular Signals
KBall & Amal interview Alex & Pavel from the Angular Signals team. They cover the history, how the Angular team decided to move to signals, what the new mental model looks like, migration path & even dive into community integrations and future roadmap.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Sponsors:
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Pavel Kozlowski – GitHub, X
Alex Rickabaugh – GitHub, X
Kevin Ball – Website, GitHub, LinkedIn, X
Amal Hussein – GitHub, X
Show Notes:
Angular Signals
Zone.js
A Solid option for building UIs
RxJS
Angular RFCs
Angular Signals RFC
Reactivity project
Something missing or broken? PRs welcome!
1 hr 7 min
January 25, 2024From sales to engineering
Shaundai Person joins Jerod & Nick for a fascinating discussion of her transition from a sales position to Senior Software Engineer at Netflix. Along the way, we discuss sales as a superpower, how to build confidence in yourself & even sneak a little TypeScript talk in there because you know who…
Join the discussion
Changelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Vercel – With zero configuration for over 35 frameworks, Vercel’s Frontend Cloud makes it easy for any team to deploy their apps. Today, you can get a 14-day free trial of Vercel Pro, or get a customized Enterprise demo from their team. Visit vercel.com/changelogpod to get started.
Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today.
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Shaundai Person – GitHub, LinkedIn, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
Holla! React Paris (use JSPARTYPARIS for 20% off)
Screen Studio
Something missing or broken? PRs welcome!
55 min
January 20, 2024A pre-party to a feud (Changelog++ 🔐)
Jerod, Adam Argyle & the CompressedFM crew hang out prior to their Fronted Feud battle! They discuss CSS as a programming language, Apple’s walled garden, how nobody is on the same social media sites anymore, how to choose tech, the community’s sentiment shift on GraphQL & a whole bunch more. (This episode is for Changelog++ ears only.)
Join the discussion
Changelog++ members get a bonus 47 minutes at the end of this episode and zero ads. Join today!
Sponsors:
Changelog++ – You love our content and you want to take it to the next level by showing your support. We’ll take you closer to the metal with extended episodes, make the ads disappear & more. It’s better! Let’s do this
Featuring:
Adam Argyle – Website, GitHub, Mastodon, X
Amy Dutton – GitHub, X
James Q Quick – Website, GitHub, X
Brad Garropy – Website, GitHub, LinkedIn, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Show Notes:
Changelog++ (It’s better!)
Frontend Feud: CSS Podcast vs CompressedFM
Something missing or broken? PRs welcome!
7 min
January 18, 2024Frontend Feud: CSS Podcast vs CompressedFM
Una & Adam from The CSS Podcast defend their Frontend Feud title against challengers James & Brad from CompressedFM. Let’s get it on!
Join the discussion
Changelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Vercel – With zero configuration for over 35 frameworks, Vercel’s Frontend Cloud makes it easy for any team to deploy their apps. Today, you can get a 14-day free trial of Vercel Pro, or get a customized Enterprise demo from their team. Visit vercel.com/changelogpod to get started.
Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today.
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Una Kravets – Website, GitHub, Mastodon, X
Adam Argyle – Website, GitHub, Mastodon, X
James Q Quick – Website, GitHub, X
Brad Garropy – Website, GitHub, LinkedIn, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Show Notes:
The CSS Podcast
CompressedFM
More dev game shows!
Something missing or broken? PRs welcome!
49 min
January 12, 2024htmx: a new old way to build the web
Carson Gross (creator of htmx) & Alex Russell (Mr. Web Platform 3000) join Amal for an EPIC discussion on web architectures, the evolution of rendering patterns & the advantages of hypermedia and htmx. We dive deep on why modern web app best practices are falling short & explore how htmx gives devs an HTML-first approach to use tech that’s over 20 years old.
Tune in to learn a new way to do something old, so you can simplify your code & use JavaScript when/where it’s uniquely able to shine ✨
Join the discussion
Changelog++ members save 6 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Socket – Secure your supply chain and ship with confidence. Install the GitHub app, book a demo or learn more
Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today.
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
chg – GitHub, X
Alex Russell – Website, GitHub, Mastodon, X
Amal Hussein – GitHub, X
Show Notes:
htmx site and docs
EPIC htmx Twitter
Hypermedia Wikipedia
Hypermedia Systems - A free digital book from Carson Gross, Adam Stepinski, and Deniz Aksimsek
Hypermedia Reintroduction (from Hypermedia Systems book)
Infrequently - Alex Russell’s EPIC blog
The Market for Lemons
Performance Inequality Series from Alex Russell
Netflix Web Performance Case Study (refactoring the Netflix login to vanilla html, js and css)
Roy Fielding’s Dissertation on REST
REST APIs Must Be Hypertext-Driven
HATEOAS Wikipedia
Open Web Advocacy Group
Open UI Group
The Website vs Web App Dichotomy Doesn’t Exist
As We May Type
More Capable Form Controls
Fun Hacks for Faster Content
Google jsaction lib on Github
Intercooler.js (Carson’s precursor to htmx)
Previous Changelog interviews with Carson Gross on htmx:
Is htmx the way to Go? (Go Time #266)
Less JavaScript more htmx (JS Party #171)
The Market for Lemons - Diagram on Session & Interaction Depth vs Application Architectures (referenced in our podcast discussion)
Something missing or broken? PRs welcome!
1 hr 45 min
January 04, 2024New Year's Party 🎊
It’s our 5th annual New Year’s party! Jerod & the gang review our predictions from last year, discuss what’s trending in the web world, make a few predictions for 2024 & even set some new resolutions for this year.
Join the discussion
Changelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Socket – Secure your supply chain and ship with confidence. Install the GitHub app, book a demo or learn more
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Amal Hussein – GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Kevin Ball – Website, GitHub, LinkedIn, X
Christopher Hiller – Website, GitHub, Mastodon, X
Show Notes:
Last year’s New Year’s party
Twitter thread highlighting collaboration between NodeJS and Bun maintainers on finding and improving a node performance bottleneck
Joyee Cheung (Node contributor and TSC member) sharing her updates on the node performance issue highlighted above
Direct link to GH issue thread on the suggested node perf improvement
Smoot - Wikipedia
JS Party Survey Github Collaboration Repo (content coming soon)
Something missing or broken? PRs welcome!
1 hr 13 min
December 20, 2023What's next in JavaScript (a TC39 update)
Daniel Ehrenberg (software engineer at Bloomberg, web standards author / champion & VP of ECMA International) joins us to discuss new features that have landed in JavaScript and to preview what’s cooking in various standards bodies across the web platform.
We cover a wide array (get it?) of topics from improvements to built-ins such as Promises, Maps & Sets, as well as new primitives like Records, Tuples & Temporal. We round out this epic discussion with a look at cross-project standardization efforts like WinterCG, open source sustainability & how Bloomberg’s open source program gives back in important projects in the web ecosystem.
Join the discussion
Changelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Socket – Secure your supply chain and ship with confidence. Install the GitHub app, book a demo or learn more
React Jam – React Jam is an online event where React developers come together to create games in 10 days. Let’s do this!
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
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Daniel Ehrenberg – GitHub, Mastodon, X
Amal Hussein – GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Christopher Hiller – Website, GitHub, Mastodon, X
Show Notes:
Correction: Near the end, Dan misspoke when said the Bloomberg FOSS Fund was done in partnership with Bloomberg Philanthropies. It was actually done together with Bloomberg’s Corporate Philanthropy team.
TC39’s Active Proposals (Stage 1, 2, 3)
TC39’s Finished Proposals (Stage 4)
TC39 Website
ECMA262 - Webview of the latest published specification of ECMAScript (aka JavaScript)
ECMA262 GitHub Repo
WinterCG
CycloneDX
W3C Web Performance Working Group
Iterator Helpers Proposal
Record and Tuple Proposal
Temporal Proposal
Temporal Polyfills
Decorators Proposal
Set Methods Proposal
Type Annotations Proposal
Module Expressions Proposal
Array Grouping Proposal
Promise with Resolvers Proposal
Error Cause Proposal
Test262 Github Repo
Source Map Spec Proposal
TC39-T4 - a new TC39 task group to standard source maps
TC53 - ECMAScript modules for embedded systems
Perf.Now Conference
Node Conf EU Conference
Dan’s talk on Async Context at this year’s Node Conf EU
Igalia
Bocoup
Sentry’s blog post on recent funding of their OSS dependencies
Bloomberg’s Terminal
Bloomberg Open Source Program Office (OSPO) Launches FOSS Contributor Fund
Something missing or broken? PRs welcome!
1 hr 41 min
December 07, 2023From WebGL to WebGPU
Gregg Tavares (author of WebGL/WebGPU Fundamentals) joins Jerod & Amal to give us a tour of these low-level technologies that are pushing the web forward into the world of video games, machine learning & other exciting rich applications.
Join the discussion
Changelog++ members get a bonus 16 minutes at the end of this episode and zero ads. Join today!
Sponsors:
Socket – Secure your supply chain and ship with confidence. Install the GitHub app, book a demo or learn more
React Jam – React Jam is an online event where React developers come together to create games in 10 days. Let’s do this!
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
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Gregg Tavares – Website, GitHub, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Amal Hussein – GitHub, X
Show Notes:
WebGL Fundamentals
WebGPU Fundamentals
WebGPU - Wikipedia
“webgpu” | Can I use…
Download the latest indie games - itch.io
PlayCanvas WebGL Game Engine
PICO-8 Fantasy Console
Tomorrow, and Tomorrow, and Tomorrow: A Novel
Changelog++
Zelda, Tears of the Kingdom - Disappointing
Something missing or broken? PRs welcome!
59 min
November 30, 2023Art of the state machine
Amal, Nick & special guest Laura Kalbeg geek out over the remarkable growth and evolution of the XState project and its team in recent years. Laura also tells everyone about Stately.ai, a SaaS platform that uses AI to create seamless state management solutions compatible with various tools like XState, Redux & zustand.
Join the discussion
Changelog++ members get a bonus 6 minutes at the end of this episode and zero ads. Join today!
Sponsors:
Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today.
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
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Laura Kalbag – Website, GitHub, LinkedIn, Mastodon, X
Amal Hussein – GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
XState JS Party debut w/ David “Piano” - X’ gon State it to ya (#191)
Stately
XState
Jump straight into the Stately editor - via state.new (fancy!)
Laura’s talk where she demoed state machines and the outputted state machine
All the public machines that folks have made using Stately (must be logged in)
An intro to state machines and statecharts (with puppies!)
Laura’s awesome book via Book Apart - Accessibility for Everyone
NodeConf EU
NodeConf EU talks from 2023 (workshops were live only)
The amazing NodeConf EU venue we were ooo’ing and aaah’ing about 😍
Laura’s NodeConf Talk
Accessibility for Everyone
Migrate to XState 5
Actor Model
Model-based testing
Playwright
Stately Discord
Redux Toolkit
zustand
And here’s the state chart for the JS Danger game!
Something missing or broken? PRs welcome!
1 hr 14 min
November 24, 2023What's new in CSS land
Una Kravets, web platform ambassador & lead of the Google Chrome UI Developer Relations Team, joins Amal & Nick to take them CSS to school as they start this podcast in CSS kindergarten and end it with a Level-Up CSS Diploma. (LUCD?)
We explore all the amazing features which have recently landed in CSS — enabling super-charged user experiences with no JavaScript. Don’t forgot to check out all the epic links & demos in the show notes — and hold on to your butts, kids, this one is a ride!
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Sponsors:
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
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Typesense – Lightning fast, globally distributed Search-as-a-Service that runs in memory. You literally can’t get any faster!
Featuring:
Una Kravets – Website, GitHub, Mastodon, X
Amal Hussein – GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
What’s new in CSS UI 2023 (the blog post we referenced on the show)
CSS Podcast - UNA and Adam’s AMAZZZZZZING Podcast - 🙌🏾❤️ Like and Subscribe ❤️🙌🏾
Igalia
Bocoup
Follow Lea Verou and Chris Lilley for CSS Leveling up
Releasing Color.js: A library that takes color seriously (Lea’s blog post)
Releasing Color.js (Chris’ blog post)
Contrast Ratio (a helpful tool to help find the right contract ratios)
High Definition CSS Color Guide
What is a color space?
New color spaces!
Proposal for “open-stylable” Shadow Roots (aka breaking shadow DOM encapsulation
CSS Nesting
Can I Use
MDN Baseline - a unified view of stable web features
What are Origin Trials?
Origin Trials available via Chrome
Origin Trials available via FireFox
Origin Trials available via Edge
“Accessibly blueberry muffin analogy” - Baking Accessibility In (Talk from Cordelia McGee-Tubb)
“Accessibility is Delicious” - great blog post referencing Cordelia’s talk
Trigonometric functions in CSS
nth of syntax
nth-of-child & nth-of-last-child Codepen demo
Scoped CSS
Scoped CSS Codepen demo
Cascade Layers
Cascade Layers Codepen demo
Una’s wonderful YouTube video explaining CSS Cascade Layers
Popover API
Anchor positioning
Scroll driven animations
Scroll driven animations demo site (scroll-driven-animations.style)
Container Queries
Style Queries
Linear Easing Function MDN
Create complex animation curves in CSS with the linear() easing function
Linear Easing Generator (a tool via Jake Archibald)
View Transitions API
View Transitions Guide
View Transitions support in Svelte
View Transitions support in Astro
:has() API
web.dev- Guidance to build modern web experiences that work on any browser
developer.chrome.com - Simplifying the web to help you build, grow and innovate
Something missing or broken? PRs welcome!
1 hr 15 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.