> Canonical URL: https://codingcat.dev/topic/webdev

# WebDev Courses, Podcasts & Blog Posts | CodingCat.dev

🛡️ DevOps & Architecture Hub

# WebDev.

Full-Stack Web Engineering, Core Web Vitals & Modern Browser APIs

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering WebDev: Full-Stack Web Engineering, Core Web Vitals & Modern Browser APIs.

[Search All WebDev Content](/search?q=WebDev)![WebDev official logo](/logos/tags/webdev-lockup-light.svg)![WebDev official logo](/logos/tags/webdev-lockup-dark.svg)Official WebDev Brand Lockup (4 Blog Posts · 11 Episodes)✏️ WebDev Production Architecture Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How WebDev fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified

## WebDev Courses.

[All Courses→](/courses)[![The Odin Project 1: Web Development Foundations (HTML, CSS, Flexbox & JS Basics)](https://cdn.sanity.io/images/hfh83o0w/production/1a16c3a9f7f59d535bef1ab5ee4058e573b80043-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-web-development-foundations)November 4, 2026[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)

### [The Odin Project 1: Web Development Foundations (HTML, CSS, Flexbox & JS Basics)](/course/odin-web-development-foundations)

Master the complete Odin Project Foundations path modernized for 2026: how the web works, semantic HTML5, CSS Box Model & Flexbox, and JavaScript DOM fundamentals.

## WebDev Blog Posts.

Showing 4 of 4 blog postsFiltered: WebDev[Open Full Topic Hub →](/topic/webdev)[![From prompt to production: Build full-stack apps faster with Google AI Studio and Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/458c6cda39d9e7e639b643eccd6f30e2fa6d1af1-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-03-announcing-ai-studio-integration)March 20, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [From prompt to production: Build full-stack apps faster with Google AI Studio and Firebase: Web Architecture & Implementation Guide](/post/firebase-2026-03-announcing-ai-studio-integration)

Alex Patterson's hands-on web engineering breakdown of "From prompt to production: Build full-stack apps faster with Google AI Studio and Firebase" (2026-03-19). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![What the F*ck is Firebase Now?](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/ed29e206f437c25bbcb0b6fed3f3a4a3d15787e2-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/what-the-f-ck-is-firebase-now)October 21, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [What the F*ck is Firebase Now?](/post/what-the-f-ck-is-firebase-now)

The Firebase platform is evolving with a focus on generative AI, deeper integration with Google Cloud, and enhanced web development capabilities, requiring developers to navigate a complex yet powerful ecosystem.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Purr-fectly Scripted: Clawing Your Way to a Successful Web Dev CFP Submission in 2024!](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/01546d01f7b69c501bc27be3337d984479b3d12a-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/cfp-2024)December 23, 2023[![](/logos/tags/webdev-symbol-light.svg)![](/logos/tags/webdev-symbol-dark.svg)WebDev](/topic/webdev)

### [Purr-fectly Scripted: Clawing Your Way to a Successful Web Dev CFP Submission in 2024!](/post/cfp-2024)

Writing a call for papers (CFP) for a web development conference in 2024 requires a strategic approach to create high-quality submissions that reflect the latest trends and innovations in the field, this is a guide to creating an effective CFP in 2024

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Front End Web Development Podcasts](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e682b3bf07ba93789f8cb8940b7482be76274a97-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/front-end-web-development-podcasts)June 8, 2022[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/webdev-symbol-light.svg)![](/logos/tags/webdev-symbol-dark.svg)WebDev](/topic/webdev)

### [Front End Web Development Podcasts](/post/front-end-web-development-podcasts)

This is my current list of front end web development podcasts, and just a little detail on why I listen to each one of them.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...✓ All blog posts loaded

## WebDev Podcast Episodes.

Showing 8 of 11 episodesFiltered: WebDev[Open Full Topic Hub →](/topic/webdev)[![WebDev Fundamentals | React, Angular, and Vue](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/cc72a566723af57a17e0ef0b6e7b1214ffb70c60-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/webdev-fundamentals-or-react-angular-and-vue)July 24, 2024[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)

### [WebDev Fundamentals | React, Angular, and Vue](/podcast/webdev-fundamentals-or-react-angular-and-vue)

Dive into web development fundamentals with Corbin. Explore frameworks, APIs, and developer education. Purrfect for new and seasoned developers looking to expand their knowledge.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Corbin Crutchley](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f2988b9aabd6a19cc725bff5771b82202139fbc3-512x512.png?w=96&h=96&q=82&fit=max&auto=format)Corbin Crutchley](/guest/corbin-crutchley)[![Next.js Amplified: Full-Stack Web Apps on AWS Amplify Gen2](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/be4ab3b7d1d31d0354fa6889511f4e172adcb40f-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/cwcc-1-2-aws-amplify)February 14, 2024[![](/logos/amplify/amplify.svg)![](/logos/amplify/amplify.svg)AWS Amplify](/topic/amplify)[![](/logos/tags/aws-symbol-light.svg)![](/logos/tags/aws-symbol-dark.svg)AWS](/topic/aws)

### [Next.js Amplified: Full-Stack Web Apps on AWS Amplify Gen2](/podcast/cwcc-1-2-aws-amplify)

AWS Amplify using Gen2, a code first approach

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Erik Hanchett](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a0343d7b1b3a9df7807a0affe5302caab16f0a28-352x352.jpg?w=96&h=96&q=82&fit=max&auto=format)Erik Hanchett](/guest/erik-hanchett)[![Breaking down Qwik with Shai Reznik](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/636b03849b7273c74831e810cd995159ca697072-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/3-5-Breaking-down-Qwik-with-Shai-Reznik)February 15, 2023[![](/logos/tags/builder-io-symbol-light.svg)![](/logos/tags/builder-io-symbol-dark.svg)Builder.io](/topic/builder-io)[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)

### [Breaking down Qwik with Shai Reznik](/podcast/3-5-Breaking-down-Qwik-with-Shai-Reznik)

Shai is the Qwik community lead and entertains Alex with his comic relief as well as why Qwik is changing the web development space.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Shai Reznik](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/c99f5407f0047ad1b1d76fd5c7a9d3455e276701-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Shai Reznik](/guest/shai-reznik)[![QuickNode Builds Infrastructure for the Future](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/53e5334d4e6af6e712b7064739d639b9ab8368b1-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/2-30-quicknode-builds-infrastructure-for-the-future)July 6, 2022[![](/logos/tags/webdev-symbol-light.svg)![](/logos/tags/webdev-symbol-dark.svg)WebDev](/topic/webdev)[![](/logos/tags/infrastructure-symbol-light.svg)![](/logos/tags/infrastructure-symbol-dark.svg)Infrastructure](/topic/infrastructure)

### [QuickNode Builds Infrastructure for the Future](/podcast/2-30-quicknode-builds-infrastructure-for-the-future)

We sit down with Anthony Campolo (ajcwebdev) to talk about Web3 and working with QuickNode.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Anthony Campolo](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/fd761ba9c31650f505efc96d02664fdd6cb7fdf2-460x460.jpg?w=96&h=96&q=82&fit=max&auto=format)Anthony Campolo](/guest/anthony-campolo)[![Making Tasty Courses for Web Developers](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/c5530576f46ed0587714af973066df8e0583b06d-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-41-making-tasty-courses-for-web-developers)October 20, 2021[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/webdev-symbol-light.svg)![](/logos/tags/webdev-symbol-dark.svg)WebDev](/topic/webdev)

### [Making Tasty Courses for Web Developers](/podcast/1-41-making-tasty-courses-for-web-developers)

We sit down with Wes Bos from Syntax.fm to talk about how he got started in web development, how to create courses, and how to get paid for your hard work.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Wes Bos](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/5343deda15f92279be09bcc59fad799ffdd1885b-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Wes Bos](/guest/wes-bos)[![Side Project Hustle](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/da2928acb25d72f7023b4d120c5c1daf6aca3e34-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-32-side-project-hustle)August 4, 2021[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/webdev-symbol-light.svg)![](/logos/tags/webdev-symbol-dark.svg)WebDev](/topic/webdev)

### [Side Project Hustle](/podcast/1-32-side-project-hustle)

We sit down with Brad Garropy to talk about how he got started in web development. We also discuss how creating and maintaining side projects can help you get a full time job.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Brad Garropy](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/0e4aee236ca43f5b54020a6b81e9a3ed8d3a9047-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Brad Garropy](/guest/brad-garropy)[![Becoming a Developer Advocate](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/368eb23766409dbbf6025172f5e7178875833875-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-21-becoming-a-developer-advocate)May 19, 2021[![](/logos/tags/webdev-symbol-light.svg)![](/logos/tags/webdev-symbol-dark.svg)WebDev](/topic/webdev)

### [Becoming a Developer Advocate](/podcast/1-21-becoming-a-developer-advocate)

Learn from Tim Benniks about how he changed from being a director of Web Development into his new role as a Developer advocate

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Tim Benniks](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/36508fa891c0da9ff9eb6d1e159a7bcdbd4be4dd-5120x2880.png?rect=1120,0,2880,2880&w=96&h=96&q=82&fit=max&auto=format)Tim Benniks](/guest/tim-benniks)[![Design for Developers](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/45451c7f5f930a090d6b0e76538ef138987174e1-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-8-design-for-developers)January 1, 2021[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/design-symbol-light.svg)![](/logos/tags/design-symbol-dark.svg)Design](/topic/design)

### [Design for Developers](/podcast/1-8-design-for-developers)

Are you struggling to become a designer for web development? You don''t need formal web development training to be successful. Learn from the design group at OST how each of them found a path into design, coming from several different backgrounds.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Christy Ennis-Kloote](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1e9e44f1065c00f43cc8a55c30df00590c5a69a3-399x399.jpg?w=96&h=96&q=82&fit=max&auto=format)Christy Ennis-Kloote](/guest/christy-ennis-kloote)[![Zoë Wilson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/35a3ce2a02dfebf2e6812f35c32698496f4ce242-573x573.jpg?w=96&h=96&q=82&fit=max&auto=format)Zoë Wilson](/guest/zoe-wilson)[![Elizabeth Bush](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/7a9da2e49f138e15c8ecd6baad9b25c0ba03656c-391x391.jpg?w=96&h=96&q=82&fit=max&auto=format)Elizabeth Bush](/guest/elizabeth-bush)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded