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

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

⌨️ Language & Standard Hub

# JavaScript.

V8 Event Loop, Closures, Async/Await, Web APIs & ES Modules

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering JavaScript: V8 Event Loop, Closures, Async/Await, Web APIs & ES Modules.

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

## JavaScript Courses.

[All Courses→](/courses)[![The Odin Project 4: JavaScript Deep Dive (Closures, Event Loop, Async & TDD)](https://cdn.sanity.io/images/hfh83o0w/production/be8af9a324ba5ea08256e88406a7de11fbe6af69-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-javascript-deep-dive)November 4, 2026[![](/logos/tags/vite-symbol-light.svg)![](/logos/tags/vite-symbol-dark.svg)Vite](/topic/vite)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [The Odin Project 4: JavaScript Deep Dive (Closures, Event Loop, Async & TDD)](/course/odin-javascript-deep-dive)

Master lexical closures, ES Modules, the V8 Event Loop (microtasks vs. macrotasks), Promise concurrency, and Test-Driven Development with Vitest.

[![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.

## JavaScript Blog Posts.

Showing 1 of 1 blog postsFiltered: JavaScript[Open Full Topic Hub →](/topic/javascript)[![Alex Patterson and AJ the Cat showcasing WebMCP browser tools with document.modelContext and registerTool](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f159a625ba5a16a0d6c60789623809d0363282b4-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/webmcp-browser-native-model-context-protocol-guide)April 14, 2026[![](/logos/tags/react-native-symbol-light.svg)![](/logos/tags/react-native-symbol-dark.svg)React Native](/topic/react-native)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [WebMCP Explained: Exposing Browser-Native AI Tools with document.modelContext and Declarative HTML](/post/webmcp-browser-native-model-context-protocol-guide)

Stop forcing browser AI agents to scrape brittle DOM trees. Learn how the W3C WebMCP specification (document.modelContext.registerTool and declarative <form toolname> attributes) turns your web app into a type-safe, zero-latency agent toolkit.

[![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

## JavaScript Podcast Episodes.

Showing 8 of 8 episodesFiltered: JavaScript[Open Full Topic Hub &rarr;](/topic/javascript)[![TypeScript is freaking hard!](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e39b2780e402821b829bfa52d358a0e7e1440080-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/4-1-typescript-is-freaking-hard)January 1, 2024[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [TypeScript is freaking hard!](/podcast/4-1-typescript-is-freaking-hard)

Join us as we delve into the fundamentals of TypeScript, a superset of JavaScript that elevates code quality and maintainability through static typing, in this comprehensive beginner's course.

[![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)[![Richard Bray](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1cb5b0bac76a6c2fa4495ca526a90e9d83aa3b9c-200x200.jpg?w=96&h=96&q=82&fit=max&auto=format)Richard Bray](/guest/richard-bray)[![SvelteLab a supercharged REPL for Svelte](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/331c48ec775125f986e205beed3351307f86252a-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/3-17-sveltelab-a-supercharged-repl-for-svelte)June 21, 2023[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [SvelteLab a supercharged REPL for Svelte](/podcast/3-17-sveltelab-a-supercharged-repl-for-svelte)

SvelteLab is a powerful development environment for Svelte, a modern JavaScript framework for building user interfaces.

[![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)[![toni / link](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/db10c153f9abf7548cfa563374d76b1710855551-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)toni / link](/guest/antonio-sarcevic)[![Paolo Ricciuti](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/49e74e306a32fae03047de7851452eaf3eb21ffe-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Paolo Ricciuti](/guest/paolo-ricciuti)[![Growing as a DXE & Building Dev Communities](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/bfb0d93748d5f957b07bab518493922552e646ad-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/2-43-Growing-as-a-DXE-and-Building-Dev-communities)October 12, 2022[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [Growing as a DXE & Building Dev Communities](/podcast/2-43-Growing-as-a-DXE-and-Building-Dev-communities)

The master of building communities Dom joins us to break down how to build them, what a DXE does, and how to get shares at a startup.

[![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)[![Domitrius Clark](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1cf8ec7bcf05415c6f2f7a4f23e711da1ec3c9ae-397x397.jpg?w=96&h=96&q=82&fit=max&auto=format)Domitrius Clark](/guest/domitrius-clark)[![Regaining JavaScript Performance in your Website](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/8d610eb34585924330f3ecb5d7725e06bb1857e4-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/2-20-regaining-java-script-performance-in-your-website)May 18, 2022[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)

### [Regaining JavaScript Performance in your Website](/podcast/2-20-regaining-java-script-performance-in-your-website)

Ryan Carniato teaches us about all the aspects of frontend frameworks and Javascript today.

[![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)[![Ryan Carniato](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/9d65222646c1e0ead7ff45a6e3fb1d5d6e897f4b-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Ryan Carniato](/guest/ryan-carniato)[![Making State Management Domain Agnostic with @derxjs](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/9057dcae2c3083d8ee4e89924e8a62ea910b8890-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-50-making-state-management-domain-agnostic-with-derxjs)December 15, 2021[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [Making State Management Domain Agnostic with @derxjs](/podcast/1-50-making-state-management-domain-agnostic-with-derxjs)

We sit down with Zack DeRose to talk all about @derxjs. We also break down RxJS and its ability to elegantly compose domain-agnostic state management code.

[![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)[![Zack DeRose](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/59db6c0fa3f364d548b1f8962d27cd7ef1896c15-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Zack DeRose](/guest/zack-derose)[![Scaling your JavaScript Career with Ui.dev](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/610a59daeb7777e7723fd543004c4d5e83431101-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-43-scaling-your-javascript-career-with-ui-dev)November 3, 2021[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)[![](/logos/tags/career-symbol-light.svg)![](/logos/tags/career-symbol-dark.svg)Career](/topic/career)

### [Scaling your JavaScript Career with Ui.dev](/podcast/1-43-scaling-your-javascript-career-with-ui-dev)

Alex sits down with Tyler McGinnis from Ui.dev and talks through scaling your JavaScript career. Tyler talks all about how you can use Ui.dev to learn in a successful fashion.

[![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)[![Tyler McGinnis](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/b53571cba6aace5abe132f142a9e83d0585e8674-320x320.jpg?w=96&h=96&q=82&fit=max&auto=format)Tyler McGinnis](/guest/tyler-mcginnis)[![Using CSS in JS with Stitches](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/9be71c92a88bc5fb120fa8dcc3ef8f1b6581ecb7-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-29-using-css-in-js-with-stitches)July 14, 2021[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)[![](/logos/tags/css-symbol-light.svg)![](/logos/tags/css-symbol-dark.svg)CSS](/topic/css)

### [Using CSS in JS with Stitches](/podcast/1-29-using-css-in-js-with-stitches)

We sit down with Pedro Duarte to talk all about using CSS in JavaScript and why Modulz created Stitches.

[![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)[![Pedro Duarte](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1d521fad31fda359f0ab59015f0c394ce78b18b6-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Pedro Duarte](/guest/pedro-duarte)[![Payload CMS](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/ca193facbbc516ab21b53ab5bf94d8a48c2d007d-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-17-payload-cms)April 21, 2021[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)[![](/logos/tags/cms-symbol-light.svg)![](/logos/tags/cms-symbol-dark.svg)Headless CMS](/topic/cms)

### [Payload CMS](/podcast/1-17-payload-cms)

We chat with Dan Ribbens about Payload CMS a self-hosted, headless JavaScript CMS.

[![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)[![Dan Ribbens](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/6697458f84d1b10ce595b451f4f612af5911a79f-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Dan Ribbens](/guest/daniel-ribbens)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded