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

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

🚀 Framework & UI Hub

# Angular.

Signals, Standalone Components, Angular Material & AnalogJS

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering Angular: Signals, Standalone Components, Angular Material & AnalogJS.

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

## Angular Courses.

[All Courses→](/courses)[![Angular Material](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/75346ad2ae21a468aa2c2933847030d639cc62c2-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/course/angularmaterial)January 1, 2020[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)

### [Angular Material](/course/angularmaterial)

A walk through of how to use Angular Material with Firebase.

## Angular Blog Posts.

Showing 8 of 14 blog postsFiltered: Angular[Open Full Topic Hub →](/topic/angular)[![Angular and React Bindings for Data Connect in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/bce6d819c0ba33e647e3f0b9a48ff6720fb942a5-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-04-dataconnect-web-bindings)April 30, 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)

### [Angular and React Bindings for Data Connect in Firebase: Web Architecture & Implementation Guide](/post/firebase-2025-04-dataconnect-web-bindings)

Alex Patterson's hands-on web engineering breakdown of "Angular and React Bindings for Data Connect" (2025-04-29). Learn how to wire up Firebase, Google Cloud, Web Dev, SQL 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)[![Deploy Angular & Next.js apps with App Hosting, now GA! in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f485633d3ded1d77080210d2e0dc741d6c2d9b44-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-04-apphosting-general-availability)April 10, 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)

### [Deploy Angular & Next.js apps with App Hosting, now GA! in Firebase: Web Architecture & Implementation Guide](/post/firebase-2025-04-apphosting-general-availability)

Alex Patterson's hands-on web engineering breakdown of "Deploy Angular & Next.js apps with App Hosting, now GA!" (2025-04-09). 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)[![How to test Angular 17 using Cypress.io](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/9c29ad58644138a83445910e2b6472a4a4042f45-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/angular-17-cypress-testing)November 11, 2023[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)

### [How to test Angular 17 using Cypress.io](/post/angular-17-cypress-testing)

How you can easily test Angular 17 components with Cypress

[![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)[![Git Your Build System Right](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f8e90b34289c2581385bb41cc5fe1f77877d6583-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/git-your-build-system-right)May 28, 2022[![](/logos/tags/aws-symbol-light.svg)![](/logos/tags/aws-symbol-dark.svg)AWS](/topic/aws)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Git Your Build System Right](/post/git-your-build-system-right)

Demonstrating how to quickly deploy using Angular CLI to 6 places. Then how to setup CI/CD in Azure, AWS, and Google Cloud Platform.

[![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)[![Angular CLI Deploying](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/bd7313f585f351350e268ef2837404638bbb70ba-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/angular-cli-deploying)May 27, 2022[![](/logos/tags/aws-symbol-light.svg)![](/logos/tags/aws-symbol-dark.svg)AWS](/topic/aws)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Angular CLI Deploying](/post/angular-cli-deploying)

Demonstrating how to quickly deploy using Angular CLI to 6 places. Then how to setup CI/CD in Azure, AWS, and Google Cloud Platform.

[![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)[![RxFire in Svelte 3 using Firebase Firestore and Authentication](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/8f112a33677dfbfc7253c60d157baf363e13ebe6-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/rxfire-in-svelte-3-using-firebase-firestore-and-authentication)May 24, 2022[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)

### [RxFire in Svelte 3 using Firebase Firestore and Authentication](/post/rxfire-in-svelte-3-using-firebase-firestore-and-authentication)

Introduction to Svelte3, Firebase, and RxFire. RxFire provides a set of observable creation methods. You simply call a function with some parameters to receive an RxJS observable. With that observable in hand you can use any operators provided by RxJS to transform the stream as you like.

[![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)[![RxFire in ReactJS using Firebase Firestore and Authentication](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/14c859eab1d212d8e8bfa6c43bcfe965cec07a11-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/rxfire-in-reactjs-using-firebase-firestore-and-authentication)May 23, 2022[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)

### [RxFire in ReactJS using Firebase Firestore and Authentication](/post/rxfire-in-reactjs-using-firebase-firestore-and-authentication)

Introduction to Create React App, Firebase, and RxFire. RxFire provides a set of observable creation methods. You simply call a function with some parameters to receive an RxJS observable. With that observable in hand you can use any operators provided by RxJS to transform the stream as you like.

[![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)[![Angular PWA to Google Play store, using Trusted Web Activity](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/29d28af2e253529714e7afeff6a85873c17fb497-1280x720.jpg?w=1280&q=82&fit=max&auto=format)](/post/angular-pwa-to-google-play-store-using-trusted-web-activity)May 22, 2022[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)[![](/logos/tags/rust-symbol-light.svg)![](/logos/tags/rust-symbol-dark.svg)Rust](/topic/rust)

### [Angular PWA to Google Play store, using Trusted Web Activity](/post/angular-pwa-to-google-play-store-using-trusted-web-activity)

Add your PWA to Google Play Store 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)

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

## Angular Podcast Episodes.

Showing 8 of 9 episodesFiltered: Angular[Open Full Topic Hub →](/topic/angular)[![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)[![Angular Cookbook](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/41616e585d8fa52a194ff752da8bb35b9eaf778c-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/angular-cookbook)June 3, 2024[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)

### [Angular Cookbook](/podcast/angular-cookbook)

Discover advanced Angular tips and tricks with Mohammad from the Angular Cookbook 2nd Edition. Watch now and elevate your front-end development skills!

[![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)[![Muhammad Ahsan Ayaz](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/6b586cbfd41fe3c3ce6b07fbcc3c532b26d57801-460x460.png?w=96&h=96&q=82&fit=max&auto=format)Muhammad Ahsan Ayaz](/guest/muhammad-ahsan-ayaz)[![Angular.dev](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/54f923647199c5ed4e257a81ddbae1ace404e5ad-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/3-23-angular-17)November 29, 2023[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)

### [Angular.dev](/podcast/3-23-angular-17)

Angular.dev is the future home for Angular developers.

[![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)[![Emma Twersky](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f653113aab8579d08b1946b6a4c9473e9ef1c799-2056x2643.jpg?rect=0,294,2056,2056&w=96&h=96&q=82&fit=max&auto=format)Emma Twersky](/guest/emma-twersky)[![Angular 17, does SSR/SSG really work?](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/82ab6070cd7c0efd87109e33d6547bb6503016cc-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/cwcc-1-1-angular-17)November 11, 2023[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)

### [Angular 17, does SSR/SSG really work?](/podcast/cwcc-1-1-angular-17)

Join Jordan and Alex as they try to get Angular 17 SSG working and talk about SSR.

[![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)[![Jordan Powell](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/401bc5776efbdf50246733bac2e261b999b551d4-200x200.jpg?w=96&h=96&q=82&fit=max&auto=format)Jordan Powell](/guest/jordan-powell)[![Angular 16 Hydration, Signals, Vite](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/505d16c179debdb3d6532a27d5445fca63b69ec1-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/3-19-angular-16-hydration-signals-vite)July 5, 2023[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)[![](/logos/tags/vite-symbol-light.svg)![](/logos/tags/vite-symbol-dark.svg)Vite](/topic/vite)

### [Angular 16 Hydration, Signals, Vite](/podcast/3-19-angular-16-hydration-signals-vite)

Angular 16 is a major release of the Angular framework that introduces several new features.

[![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)[![Patricio Vargas](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/8aafc72c95aaac76e5b948ee7f423339d9982887-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Patricio Vargas](/guest/patricio-vargas)[![Effective Testing using Cypress.io](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/fac29485bb3dba8b272f5fdf7ac0b3a5b99d0f5a-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/3-6-Effective-Testing-using-Cypress.io)February 22, 2023[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)[![](/logos/tags/testing-symbol-light.svg)![](/logos/tags/testing-symbol-dark.svg)Testing](/topic/testing)

### [Effective Testing using Cypress.io](/podcast/3-6-Effective-Testing-using-Cypress.io)

Jordan tells his story of becoming a Developer Advocate and demos testing Angular components using Cypress.io.

[![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)[![Jordan Powell](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/401bc5776efbdf50246733bac2e261b999b551d4-200x200.jpg?w=96&h=96&q=82&fit=max&auto=format)Jordan Powell](/guest/jordan-powell)[![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)[![Qwik the HTML First Framework](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/709cd31089b10f57e06abeff02b7266a61b19b0d-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-49-qwik-the-html-first-framework)December 8, 2021[![](/logos/tags/builder-io-symbol-light.svg)![](/logos/tags/builder-io-symbol-dark.svg)Builder.io](/topic/builder-io)[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)

### [Qwik the HTML First Framework](/podcast/1-49-qwik-the-html-first-framework)

We sit down with Miško Hevery, Inventor of Angular, to talk about a new framework he is building called Qwik. We talk about Miško's past experience and then we deep dive into Qwik.

[![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)[![Miško Hevery](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/177e6807655a437951913865c33544bd22c3532d-460x460.jpg?w=96&h=96&q=82&fit=max&auto=format)Miško Hevery](/guest/misko-hevery)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded