Full-stack Angular (SSR, file-based routing, + more) with AnalogJS CodeTV 2026-09-22 | Full-stack Angular (SSR, file-based routing, + more) with AnalogJS
Im the bravest person here — @mikeryandev CodeTV 2025-10-03 | Watch the full episode: https://codetv.link/wdc/s2e9
Still not sure whether @jamesqquick left this conversation full of confidence or regret. CodeTV 2025-09-29 | Watch the full episode: https://codetv.link/wdc/s2e9
What do I bring to the table? I AM THE TABLE. —@shaundai CodeTV 2025-09-24 | Watch the latest Web Dev Challenge to see if Shaundai and Scott can back up the big talk: https://codetv.link/wdc/s2e9
What robs us of happiness? CodeTV 2025-09-23 | Join Jason Lengstorf live for an open-format session where you help choose what happens. Live coding, career questions, armchair philosophy, and more.🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
design and dev for a design system cant happen in a vacuum without disappointing results CodeTV 2025-09-23 | Watch the full episode: https://codetv.dev/series/learn-with-jason/s8/how-to-make-a-design-system-thats-not-boring
NEW: Its the most important ~meal~ app of the day: breakfast! CodeTV 2025-09-23 | NEW: It's the most important ~~meal~~ app of the day: breakfast! The latest episode of Web Dev Challenge is streaming now, featuring Shaundai, Scott, Jane, David, James, and Brian — sponsored by Hashbrown.Watch the full episode: https://codetv.link/wdc/s2e9
The Most Important App of the Day (build an app in 4 hours) · Web Dev Challenge S2.E9 CodeTV 2025-09-23 | Sponsored by Hashbrown.dev — watch 3 teams of devs race the clock to build a breakfast-themed app from scratch in Web Dev Challenge.## The Challenge*It’s the most important ~~meal~~ app of the day! Build an app that is somehow related to breakfast.*Manage your favorite recipes, track the best breakfast burritos, build a digital shrine to pancakes — we don’t care what you build as long as it has something to do with breakfast.## The Tool: Hashbrown.dev*Your app must use Hashbrown.dev as part of the build.*Hashbrown.dev allows developers to create generative UIs using your own components. It’s fully free and open source, released under the MIT license.With Hashbrown, developers can provide a set of custom components (https://hashbrown.dev/docs/react/concept/components) with a clear schema, and use that to give your LLM guardrails for outputting generative — but quality controlled! — user interfaces that adapt to meet the needs of your users.You’ve also got access to:- safe function calling: https://hashbrown.dev/docs/react/concept/functions- structured output: https://hashbrown.dev/docs/react/concept/structured-output- a JavaScript Runtime: https://hashbrown.dev/docs/angular/concept/runtime*THE DEVS**Team Git n' Grits*- Shaundai Person @shaundai - Scott Moss @ScottMoss *Team Name: The Descaled*- James Q. Quick @JamesQQuick - Brian Morrison II *Team Name: The Coastal Coders*- Jane Wheatley- David Daniel*THE ADVISORS*Mike Ryan @mikeryandev Jason Lengstorf https://jason.energy/links## The Apps*The Coastal Coders (David & Jane)*Code: github.com/janeewheatley/hashbrown-breakfast-app*Team Git n' Grits (Shaundai & Scott)*Code: github.com/Hendrixer/hashbrown-challenge*The Descaled (James & Brian)*Code: github.com/bmorrisondev/sausage-link-shortener----------------------------------------------------------------------Get early access to new videos, exclusive bonus content and other perks, and join me in building a happier, healthier, friendlier web dev community!https://codetv.dev/support----------------------------------------------------------------------Chapters:0:00 In this episode...0:31 Welcome + the challenge0:43 Required tool + meet your advisor3:35 Rules of the challenge + planning phase starts3:50 Meet The Descaled + their app idea5:31 Meet Team Git n' Grits + their app idea6:57 Meet The Coastal Coders + their app idea9:00 Build phase starts11:56 Progress check ins18:25 Late stage check ins23:58 Try the Web Dev Challenge yourself!24:34 Team Git n' Grits app demo28:37 The Descaled app demo33:55 The Coastal Coders app demo36:41 Reflections on the challenge39:16 Outtakes and credits
We learned that Potch is an absolutely terrible liar on Leet Heat. This did not comfort @mewtru CodeTV 2025-09-22 | ...
Its Monday — we hope you burn through your todo list today with Erin-like focus. CodeTV 2025-09-22 | ...
if you were on Web Dev Challenge, what would your team name be? CodeTV 2025-09-17 | latest episode is streaming now: https://codetv.link/wdc/s2e8
Future plans for Web Dev Challenge, career switching, and more CodeTV 2025-09-16 | Join Jason Lengstorf live for an open-format session where you help choose what happens. Live coding, career questions, armchair philosophy, and more.🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
wishing everyone today the level of focus Elvis was rocking throughout the entire Web Dev Challenge CodeTV 2025-09-12 | wishing everyone today the level of focus Elvis was rocking throughout the entire Web Dev Challengewatch the full episode: https://codetv.link/wdc/s2e8
Connect everything and anything in real time CodeTV 2025-09-12 | Complex orchestration across different services, APIs, and LLMs is, in a word, hard. Especially when you need user interaction along the way. Inngest is out to make it manageable. CTO Dan Farrelly will teach us.Upcoming episodes:https://lwj.dev/scheduleLinks & Resources:- Inngest Docs: inngest.com/docs- Inngest Discord: inngest.com/discord- Supported frameworks and platforms: inngest.com/docs/learn/serving-inngest-functions#supported-frameworks-and-platformsWatch future episodes live at https://lwj.dev/liveThis episode was sponsored by:- Tuple: https://lwj.dev/tupleLive transcription by White Coat Captioning (whitecoatcaptioning.com)🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
There are no losers on Web Dev Challenge, but that wont stop Shirley from trying to win. CodeTV 2025-09-11 | There are no losers on Web Dev Challenge, but that won't stop Shirley from trying to win.Watch the full episode: https://codetv.link/wdc/s2e8
New Web Dev Challenge streaming now! CodeTV 2025-09-10 | When you can build apps REALLY FAST, it becomes possible to build apps just for yourself. We teamed up with Postman and challenged 3 teams of developers to build personal software on the latest episode of Web Dev Challenge.Watch here: https://codetv.link/wdc/s2e8
Personal Software (build an app in 4 hours) · Web Dev Challenge S2.E8 CodeTV 2025-09-10 | Think you can top what the pros built in this episode?Join the Web Dev Challenge Hackathon and create your own MCP-powered app made for an audience of one: you.Use Postman for your chance to win $500 cash and be featured on Postman’s community and social channels.All the details, rules, and submission info: https://codetv.link/wdc/hackathonSubmissions close September 22 at 11:59 PM PT — start building today.Contest open worldwide to participants 18+. By entering, you grant Postman the right to feature your submission on our website, blog, and social channels.## The Challenge*As developers, we can often identify lots of areas in our own lives that could be improved by a custom app — if only we had the time to build them.* These days, AI coding workflows and tools like MCP servers make it much more feasible to build custom software for personal use only, so we’re challenging you to do exactly that.Wish you had an app that would turn your wifi off at 8pm so you’d actually get to bed on time? What about a chore schedule that’s exactly tailored to your family situation? Maybe a calendar that tracks only new book releases that are part of series you’re in the middle of reading.Make it practical; make it silly; whatever you do, make it personally valuable to you.## The Tool: Postman**Your app must use Postman as part of the build.**Postman (https://codetv.link/postman) is the most popular tool out there for working with APIs. In this challenge, you’ll want to look into their suite of tools for designing and building MCP servers and agentic workflows:- MCP Servers: postman.com/explore/mcp-servers — tons of available MCP servers that you can use- Generate an MCP Server: postman.com/explore/mcp-generator — Postman has tools that allow you to generate your own MCP server from any public API- Postman AI Agent Builder: postman.com/product/ai-agent-builder — tools including LLM prompt testing, agent workflow designer, and tool generation- The Public API Network: postman.com/explore — this is a *huge* collection of public APIs that you can use as part of your build*THE DEVS*- Craig Dennis - Shirley Wu- Erin Mikail Staples- Elvis Kahoro- Mike Ryan- Brian Love*THE ADVISORS*Sterling ChinJason Lengstorf----------------------------------------------------------------------Get early access to new videos, exclusive bonus content and other perks, and join me in building a happier, healthier, friendlier web dev community!https://codetv.dev/support----------------------------------------------------------------------Chapters:0:00 In this episode...0:30 Welcome + the challenge0:40 Required tool + meet your advisor4:08 Rules of the challenge + planning phase starts4:32 Meet Team Galactic Chalkstars + their app idea6:17 Meet Team Curly Bois + their app idea8:01 Meet Team Tuff + their app idea9:37 Build phase starts11:02 Progress check ins16:04 Late stage check ins20:21 Team Curly Bois app demo27:11 Team Galactic Chalkstars app demo31:01 Team Tuff app demo37:38 Reflections on the challenge38:42 Outtakes and credits
Office Hours w/Jason Lengstorf: Code, Career, Happiness, & Hope CodeTV 2025-09-02 | Join Jason Lengstorf live for an open-format session where you help choose what happens. Live coding, career questions, armchair philosophy, and more.
a peek behind the scenes of the Web Dev Challenge with @ApolloGraphQL CodeTV 2025-08-08 | from Web Dev Challenge S2.E7
we asked @marktechson to take the spiciest bite in the studio and... well, just watch CodeTV 2025-08-06 | From Leet Heat S1.E12Leet Heat is part of the CodeTV network of tv for developers.
Building Web Demos + Q&A CodeTV 2025-08-05 | Live from the Boop Factory, join Jason Lengstorf to have a little fun with coding, talk about career dev, and ask questions!🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
Not even Mark is safe from the spice in the finale · Leet Heat S1.E12 CodeTV 2025-08-05 | Get ready for a game show made for developers. Contestants need to bring the dev knowledge... or face the heat! 🔥🌶️Aisha and Janessa face off in episode 12 of Leet Heat. The season 1 finale!*Categories in this episode:*- Acronyms- Authentication- CSS- APIs & SDKs- Dev LoreHost @marktechson asks contestants a rapid-fire series of questions that span across the full stack of modern web development. If they get the answers right, they earn points. But if they're wrong? The spice level goes up.Can they keep their cool as they eat progressively hotter sauces? Watch and find out!----------------------------------------------------------------------Sponsors:@neondatabase provides a serverless Postgres platform with database branching, ephemeral environments, and a lot more: https://codetv.link/neon@clerkdev is a comprehensive user management platform with drop-in components to get auth handled in your app: https://codetv.link/clerk@deno_land is a batteries-included platform for TypeScript and JavaScript projects: deno.com/nuggiesCodePen lets you build, share, and remix frontend ideas with a community of talented and creative developers: https://codetv.link/codepen@DataStax is the fastest way to build AI applications. Learn more and get started at dtsx.io/lwj----------------------------------------------------------------------Chapters:0:00 Opening0:41 Rules1:04 Round 1 begins5:35 Meet the contestants10:11 "Commercial" break 110:55 Round 1 continues19:35 "Commercial" break 220:23 Round 2 begins32:40 A spicy proposition34:55 Bloopers and credits
from the footage youd never know that @joe-codes & Mark can barely stand each other. total pros CodeTV 2025-08-04 | from Web Dev Challenge S2.E7(to be clear: this is a joke and they like each other. I think)
you want to buy my vote? Israa built a killer app + custom @ApolloGraphQL / CodeTV cookies CodeTV 2025-07-31 | from Web Dev Challenge S2.E7
What happens when you leave your computer unlocked on Web Dev Challenge? @joe-codes found out 👀 CodeTV 2025-07-31 | from Web Dev Challenge S2.E7
We asked these devs to touch grass — and they built apps to do it 😆 new Web Dev Challenge is live! CodeTV 2025-07-30 | from Web Dev Challenge S2.E7
Building Web Demos + Q&A CodeTV 2025-07-29 | Live from the Boop Factory, join Jason Lengstorf to have a little fun with coding, talk about career dev, and ask questions!🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
Touch Grass (build an app in 4 hours) · Web Dev Challenge S2.E7 CodeTV 2025-07-29 | Sponsored by Apollo — How will websites evolve if it's all powered by AI?What could you create if you had 30 minutes to plan and 4 hours to build? Nicole, Ryan, Israa, Hosna, Joe, and Mark built apps to help us reconnect with the world outside the screen. Sponsored by Apollo and featuring Michael as our advisor.## The Challenge**So much of the software out there today seems to be reducing our connections — we talk to fewer people, have fewer reasons to go outside, etc. — so let’s build apps that help connect us to the physical world.**Face-to-face. IRL. Meatspace. Between no-contact deliveries and every AI app trying to replace another human relationship — from pair programming to therapy to romantic partners — it feels like so much of the technology being produced right now is designed to minimize, or even eliminate, our need to interact with other humans.Let’s do our small part to change that. Your challenge is to build an app that encourages people to connect with the physical world and/or each other.What helps you disconnect from the digital firehose and spend time making offline connections? Go in whatever direction inspires you, whether that’s a hobby, different ways to spend time together with other people, connecting to nature, or something completely different.Your app should help ground your users and reconnect them to the world beyond their screens.## The Tool: Apollo Connectors**Your app must use Apollo Connectors as part of the build.**Apollo has been helping developers build flexible APIs via GraphQL since the early days of the technology, and Connectors make it possible to bring any REST API into GraphQL quickly and painlessly. This is exciting because it means you can extend your own data with third-party API data (or vice versa) to build out anything you can imagine without a lot of data plumbing hassle.For this challenge, you’ll have access to a large collection of pre-built Connectors for everything from Pokémon to Stripe data to LLM providers like Anthropic and OpenAI. You can also quickly hook up your own REST APIs to a custom Connector.- Apollo: https://codetv.link/apollo- Apollo Connectors: apollographql.com/graphos/apollo-connectors- Pre-built Connectors: apollographql.com/graphos/apollo-connectors#explore*THE DEVS*- Nicole Gathany nicolegathany.com- Ryan Furrer @ryandotfurrer ryanfurrer.com- Israa Taha linkedin.com/in/israa-taha israataha.com- Hosna Qasmei @hqasmei hosnaqasmei.com- Joe Tannenbaum @joe-codes https://joe.codes- Mark Dunphy https://linktr.ee/marknotfound*THE ADVISORS*Michael Watson linkedin.com/in/michael-watson-%F0%9F%96%A5-85844442Jason Lengstorf (@codetv-dev) https://jason.energy/links*THE APPS*- Team East Coast Beast Coast (Nicole and Ryan)'s app: github.com/ryandotfurrer/third-place-codetv- Team 1977 Portland Trailblazers (Mark and Joe)'s app: github.com/marknotfound/codetv-web-dev-challenge and 1977portlandtrailblazers.com- Team Code and Cookies (Hosna and Israa)'s app: github.com/hqasmei/buckit----------------------------------------------------------------------Get early access to new videos, exclusive bonus content and other perks, and join me in building a happier, healthier, friendlier web dev community!https://codetv.dev/support----------------------------------------------------------------------Chapters:0:00 In this episode...0:32 Welcome + the challenge0:52 Required tool + meet your advisor1:30 Rules of the challenge + planning phase starts2:40 Meet Team 1977 Portland Trailblazers + their app idea3:35 Meet Team Code & Cookies + their app idea4:40 Meet Team East Coast Beast Coast + their app idea7:27 Build phase starts10:26 Progress check ins18:34 Late stage check ins22:23 Team Goal 1977 Portland Trailblazers app demo26:30 Team Code & Cookies app demo29:40 Team East Coast Beast Coast app demo31:40 Reflections on the challenge33:38 Outtakes and credits
any question can be a philosophical question if youre Jason on a Tuesday live stream CodeTV 2025-07-25 | Excerpt from Jason's Tuesday live stream
Asynchronous Svelte CodeTV 2025-07-25 | Just about every app is going to involve async operations (e.g. fetching data). What if you could just… await it right in the framework? In Svelte, you can! Rich Harris teaches us how.Upcoming episodes:https://lwj.dev/scheduleLinks & Resources:- Rich's Bluesky: https://bsky.app/profile/rich-harris.dev- Svelte website: https://svelte.dev/- Svelte Discord: https://svelte.dev/chat- Svelte Github: github.com/sveltejs/svelte- Svelte Society's Bluesky: https://bsky.app/profile/sveltesociety.dev- Svelte's Bluesky: https://bsky.app/profile/svelte.devWatch future episodes live at https://lwj.dev/liveThis episode was sponsored by:- Tuple: https://lwj.dev/tuple00:00 Introduction01:17 Welcoming Rich Harris03:36 The Evolution of Web Frameworks05:20 Asynchronous Challenges in Web Development13:38 Svelte's Approach to Asynchronous Components24:39 Implementing Promises in Svelte31:07 Exploring Remote Functions in Svelte38:06 Understanding Svelte's Data Handling48:40 Form Handling and Progressive Enhancement54:44 Simplifying Site Functionality01:01:53 Error Boundaries and Promise Rejections01:20:38 Abort Signals and Web Workers01:22:32 Lazily Loading Components01:27:21 Final ThoughtsLive transcription by White Coat Captioning (whitecoatcaptioning.com)🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
Building Web Demos + Q&A CodeTV 2025-07-22 | Live from the Boop Factory, join Jason Lengstorf to have a little fun with coding, talk about career dev, and ask questions!🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
I dont even want milk CodeTV 2025-07-18 | From Leet Heat S1.E9Leet Heat is part of the CodeTV network of tv for developers.
Generative user interfaces CodeTV 2025-07-18 | We keep hearing AI is going to change everything, but so far it’s mostly given us helpdesk-like chat interfaces. Mike Ryan thinks it can be better and he’ll show us how with Hashbrown.Upcoming episodes:https://lwj.dev/scheduleLinks & Resources:- Mike's bluesky: https://bsky.app/profile/mikeryan.dev- Hashbrown: https://hashbrown.dev/- Video Search Repo: github.com/MikeRyanDev/codetv-video-search- Hashbrown React Quickstart: https://hashbrown.dev/docs/react/start/quick- Live Love App Repo: github.com/liveloveapp/hashbrown- Live Love App: liveloveapp.comWatch future episodes live at https://lwj.dev/liveThis episode was sponsored by:- Tuple: https://lwj.dev/tuple00:00 Introduction01:39 Guest Introduction: Mike Ryan03:51 Exploring Generative User Interfaces13:30 Introduction to Hash Brown23:02 Setting Up the Development Environment43:59 Implementing the Chat Interface47:03 Creating a Search Episodes Tool50:46 Implementing the Async Handler54:46 Building a React Component for Episode Display58:27 Embedding YouTube Videos01:03:38 Optimizing the Component with Streaming01:15:24 Handling No Results with a 404 Component01:23:14 Next StepsLive transcription by White Coat Captioning (whitecoatcaptioning.com)🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
the hardest part of WDC is when we ask you to compress your entire identity into two sentences 😆 CodeTV 2025-07-17 | from Web Dev Challenge S2.E6
Building Web Demos + Q&A CodeTV 2025-07-15 | Live from the Boop Factory, join Jason Lengstorf to have a little fun with coding, talk about career dev, and ask questions!🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
Future UX (build an app in 4 Hours) · Web Dev Challenge S2.E6 CodeTV 2025-07-15 | Sponsored by Algolia — How will websites evolve if it's all powered by AI?What could you create if you had 30 minutes to plan and 4 hours to build? Syscily, Camille, Michael, Nadirah, Stephen, and David imagined what an AI-native UX might look like. Sponsored by Algolia and featuring Chuck as our advisor## The ChallengeEveryone keeps talking about how AI will change everything we know about interacting with the web — we want you to show us what it actually looks like.We can talk about ideas all day, but until we actually build it, it’s just talk.AI tooling creates a lot of interesting, disruptive capabilities that developers can take advantage of when imagining what the UI and UX of the future looks like.Your challenge is to throw out preconceptions about what a website or app *should* be, and build your own interpretation of what they *can* be if we leverage tools like MCP-powered agents, RAG, generative UI, and more.Choose any experience you’re interested in reimagining: a landing page, dashboard, personal site, e-commerce, social network, or something entirely novel. Let’s stop just talking about the future and actually start building it!## The Sponsor: Algolia**Your app must use Algolia as part of the build.**Algolia ( https://codetv.link/algolia )’s main objective is to give developers everything they need to leverage their site’s data in whatever way they can imagine.From the InstantSearch they built their name on, to automated crawlers, RAG as a Service, and offering an MCP agent for AI-powered recommendations and tooling that’s aware of your content into the site, Algolia is out to make it easier than ever for developers to build experiences that are heavily context-aware and tailored to the content that’s actually on your site.*THE DEVS*- Syscily Brown syscily.com- Camille Camejo @thespectraltheory thespectraltheory.com- Nadirah Durr linkedin.com/in/nadirah-durr- Michael Brown @JuneteenthConf aguywhocodes.com- Stephen Shaw @keyframers https://shaw.city- David Khourshid @keyframers twitter.com/DavidKPiano*THE ADVISORS*Chuck Meyer @Algolia https://alg.li/discordJason Lengstorf (@codetv-dev) https://jason.energy/links*THE APPS*- Learn more about Algolia: https://codetv.link/algolia- Team Goal Glow-Up's App: github.com/aguywithcode/goalglowup- The McFly's Ultai: github.com/syscilythedeveloper/webDevChallenge- The Keyframers' DJAI: github.com/keyframers/djai----------------------------------------------------------------------Get early access to new videos, exclusive bonus content and other perks, and join me in building a happier, healthier, friendlier web dev community!https://codetv.dev/support----------------------------------------------------------------------Chapters:0:00 In this episode...0:32 Welcome + the challenge0:47 Required tool + meet your advisor + Intuit's values2:01 Planning phase starts2:22 Meet The Keyframers + their app idea4:07 Meet The McFlys + their app idea5:55 Meet Team Goal Glow-Up + their app idea8:34 Build phase starts10:01 Progress check ins17:04 Late stage check ins21:09 Team Goal Glow-Up app demo24:10 Team McFlys app demo28:10 Team Keyframers app demo33:14 Reflections on the challenge35:40 Outtakes and credits
the tiers of design tokens according to @brad_frost CodeTV 2025-07-14 | An excerpt from Learn With Jason. See full episodes at https://codetv.link/lwjBecome a CodeTV supporter and help us create more tv for developers: https://codetv.dev/support
Leet Heat is all just a ruse so @marktechson and I can launch our music careers CodeTV 2025-07-11 | From Leet Heat S1.E11Leet Heat is part of the CodeTV network of tv for developers.
you know, @brittanyellich might be onto something here 🤔 CodeTV 2025-07-09 | From Leet Heat S1.E10Leet Heat is part of the CodeTV network of tv for developers.
poor Lyn and Ebrima were facing DOUBT in this episode of Web Dev Challenge. did they pull it off? 👀 CodeTV 2025-07-08 | from Web Dev Challenge S2.E5
Building Web Demos + Q&A CodeTV 2025-07-08 | Live from the Boop Factory, join Jason Lengstorf to have a little fun with coding, talk about career dev, and ask questions!🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 streamyard.com/pal/d/6325663282888704
Tiger has a message for his wife in case he doesnt make it · Leet Heat S1.E11 CodeTV 2025-07-08 | Get ready for a game show made for developers. Contestants need to bring the dev knowledge... or face the heat! 🔥🌶️Tiger and George face off in episode 11 of Leet Heat.*Categories in this episode:*- Acronyms- Web Security- CSS- Animation- Dev LoreHost @marktechson asks contestants a rapid-fire series of questions that span across the full stack of modern web development. If they get the answers right, they earn points. But if they're wrong? The spice level goes up.Can they keep their cool as they eat progressively hotter sauces? Watch and find out!----------------------------------------------------------------------Sponsors:@neondatabase provides a serverless Postgres platform with database branching, ephemeral environments, and a lot more: https://codetv.link/neon@clerkdev is a comprehensive user management platform with drop-in components to get auth handled in your app: https://codetv.link/clerk@deno_land is a batteries-included platform for TypeScript and JavaScript projects: deno.com/nuggiesCodePen lets you build, share, and remix frontend ideas with a community of talented and creative developers: https://codetv.link/codepen@DataStax is the fastest way to build AI applications. Learn more and get started at dtsx.io/lwj----------------------------------------------------------------------Chapters:0:00 Opening0:34 Rules0:58 Round 1 begins2:45 Meet the contestants14:08 "Commercial" break 114:50 Round 1 continues21:42 "Commercial" break 222:23 Round 2 begins35:29 A spicy proposition36:41 Bloopers and credits
it takes a whole team to make Web Dev Challenge happen, both on and off screen CodeTV 2025-07-08 | from Web Dev Challenge S2.E5
devs, what if you DIDNT ignore that voice in your head that says everything should be a custom app? CodeTV 2025-07-05 | from Web Dev Challenge S2.E5
If you’re frustrated by React, try this CodeTV 2025-07-04 | At 3kB, Preact promises us a drop-in replacement for React’s developer experience. Maintainer Jovi De Croock teaches us how it works.Upcoming episodes:https://lwj.dev/scheduleLinks & Resources:- Jovi's Website: jovidecroock.com- Jovi's Bluesky: https://bsky.app/profile/jovidecroock.com- Preact Website: preactjs.com- Vike Preact: https://vike.dev/preact- Next Preact: github.com/lfre/next-preact- CodeTv Discord: https://codetv.link/discord- Valtio: github.com/pmndrs/valtio- CodeTv Newsletter: https://codetv.dev/newsletter- CodeTv Memberships: https://codetv.dev/support- LWJ Preact Starter Repo: github.com/learnwithjason/learn-preactWatch future episodes live at https://lwj.dev/liveThis episode was sponsored by:- Tuple: https://lwj.dev/tupleLive transcription by White Coat Captioning (whitecoatcaptioning.com)00:00 Introduction00:38 Meet Jovi03:20 Preact vs React: Key Differences07:05 Signals in Preact11:06 Getting Started with Preact14:01 Setting Up a Preact Project18:06 Building a To-Do List with Preact38:29 Exploring Preact Signals46:50 Optimizing Re-renders48:26 Using Signals for Fine-Grained Reactivity51:58 Creating a 'All Done' Component56:12 Building a To-Do Model01:07:14 Refactoring To-Do List01:14:48 Final Demonstration and Recap01:17:07 Q&A and Closing Remarks
Worst Dev Tendencies (build an app in 4 hours) · Web Dev Challenge S2.E5 CodeTV 2025-07-01 | Sponsored by Intuit — What could you create if you had 30 minutes to plan and 4 hours to build? Seve Savoie Teruel, Ben Pack, Lyn Scott Jr., Ebrima Jobe, Bryn Newell, and Jacob Singer take on the Web Dev Challenge to find out.## The ChallengeAs developers, we all know the urge to spend hours automating a task that would have taken us minutes is overpowering. In this challenge, we want you to give in to that urge and automate something in your life that you find mildly inconvenient.Why *do* a thing when you could spend an inordinate amount of time building an app that does the thing *for you*? No task is too small. No inconvenience too minor. We want to see you create apps that automate your life in extremely specific, personal ways.Do you have to send that one friend a reminder text to make sure they show up on time for your plans? Build an app for that! Sick of doing tech support for your family? Create an AI agent that reads the manual and responds on your behalf. You can keep it simple and practical, or go big and channel your inner Rube Goldberg — anything goes!## The Sponsor: Intuit**Intuit wants to empower the builders in our community. There’s no required tool this time around — *you* are the secret ingredient here.**Combine your skills in web development, problem solving, creative thinking, and leveraging new technologies like AI agents or MCP to build your personal problem-solving web app.*THE DEVS*- Bryn Newell https://bsky.app/profile/bryn.codes https://bryn.codes- Jacob Singer (@jacobleesinger) jacobleesinger.com- Lyn Scott Jr. linkedin.com/in/lyn-scott-jr bridgletics.com- Ebrima Jobe linkedin.com/in/ebrimajobe- Ben Pack linkedin.com/in/packbenpack- Seve Savoie Teruel (@Reactvts) reactvts.com*THE ADVISORS*Alexander Gusman (@gooooseman) https://devsparks.goooseman.dev/Jason Lengstorf (@codetv-dev) https://jason.energy/links*THE APPS*- Bryn and Jacob's eLiterate: github.com/bryn-newell/web-dev-challenge- Lyn and Ebrima's AI DJ: github.com/whatstba/streamie- Ben and Seve's Healthy Or Else: github.com/techsev/healthy-or-else----------------------------------------------------------------------Get early access to new videos, exclusive bonus content and other perks, and join me in building a happier, healthier, friendlier web dev community!https://codetv.dev/support----------------------------------------------------------------------Chapters:0:00 In this episode...0:32 Welcome + the challenge0:55 Required tool + meet your advisor + Intuit's values1:38 Planning phase starts2:33 Meet Ben and Seve + their app idea4:09 Meet Bryn and Jacob + their app idea6:04 Meet Lyn and Ebrima + their app idea9:07 Build phase starts12:07 Progress check ins17:14 Late stage check ins22:01 Team Healthy Or Else app demo25:40 Team Jamz app demo29:34 Team eLiterate app demo33:35 Reflections on the challenge35:21 Outtakes and credits
When we bring the show on the road, we have to make sacrifices #web #dev #challenge CodeTV 2025-07-01 | from Web Dev Challenge S2.E3
How to make a design system that’s not boring CodeTV 2025-06-27 | Critics of design systems say that they make everything look exactly the same. Brad Frost teaches us how design tokens help balance between consistency and creativity.Upcoming episodes:https://lwj.dev/scheduleLinks & Resources:- The Design System Ecosystem: bradfrost.com/blog/post/the-design-system-ecosystem- The Art of Design System Recipes: bradfrost.com/blog/post/the-art-of-design-system-recipes- Brad's Website: bradfrost.com- Design Tokens Course: designtokenscourse.com- Brad's Bluesky: https://bsky.app/profile/bradfrost.com- Brad's LinkedIn: linkedin.com/in/bradfrost- Style Dictionary: styledictionary.com- Awesome Design Tokens Repo: github.com/sturobson/Awesome-Design-Tokens- Design Tokens Community Group: designtokens.org- Design Tokens FYI: https://designtokens.fyi/- Code TV Discord server: https://codetv.link/discordWatch future episodes live at https://lwj.dev/liveThis episode was sponsored by:- Tuple: https://lwj.dev/tupleLive transcription by White Coat Captioning (whitecoatcaptioning.com)00:00 Introduction to Design Systems and Tokens01:45 Meet Brad Frost02:23 Understanding Design Tokens vs. Design Systems05:55 Brad Frost's Journey into Design Systems08:19 The Evolution of Responsive Web Design12:48 Atomic Design Principles15:34 Balancing Creativity and Consistency27:05 Exploring Brad Frost's Resources42:48 Understanding the Three Tiers of a Token System45:55 Practical Approaches to Token Systems53:23 Implementing Design Tokens in Real-World Scenarios01:29:29 Final Thoughts and More Resources
Spicy programmer trivia and spicier bites (Charles vs Brittany, Leet Heat S1.E10) CodeTV 2025-06-19 | Get ready for a game show made for developers. Contestants need to bring the dev knowledge... or face the heat! 🔥🌶️Charles and Brittany face off in episode 10 of Leet Heat.*Categories in this episode:*- Dev Lore- Web Security- CSS- Animation- Team DynamicsHost @marktechson asks contestants a rapid-fire series of questions that span across the full stack of modern web development. If they get the answers right, they earn points. But if they're wrong? The spice level goes up.Can they keep their cool as they eat progressively hotter sauces? Watch and find out!----------------------------------------------------------------------Sponsors:@neondatabase provides a serverless Postgres platform with database branching, ephemeral environments, and a lot more: https://codetv.link/neon@clerkdev is a comprehensive user management platform with drop-in components to get auth handled in your app: https://codetv.link/clerk@deno_land is a batteries-included platform for TypeScript and JavaScript projects: deno.com/nuggiesCodePen lets you build, share, and remix frontend ideas with a community of talented and creative developers: https://codetv.link/codepen@DataStax is the fastest way to build AI applications. Learn more and get started at dtsx.io/lwj----------------------------------------------------------------------Chapters:0:00 Opening0:42 Rules1:02 Round 1 begins4:04 Meet the contestants8:34 "Commercial" break 19:34 Round 1 continues19:01 "Commercial" break 220:07 Round 2 begins36:25 Sudden Spice37:09 Bloopers and credits
