Zoaib Khan

#angular #signals #course 

✨✨ Angular Customizable Dashboard: https://zoaibkhan.lemonsqueezy.com/buy/4bc3b34d-4980-44be-80bc-bde1dc5b71e9?utm_source=youtube&utm_medium=organic&utm_campaign=signals-course

💡 Live Dashboard Link: https://angular-dashboard-lime.vercel.app/dashboard

🧑‍💻 Github code for CRUD app: https://github.com/thisiszoaib/angular-signals-crud

In this crash course, I explore the new signal-based primitives in Angular, such as signals, computed properties, resources, input signals, linked signals, and effects. I demonstrate their implementation by building a functional CRUD (Create, Read, Update, Delete) contacts application using Angular Material.

💖 Join my Patreon!
https://www.patreon.com/c/ZoaibKhan

📽️ My courses:
https://zoaibkhan.com/courses

✍️My blog for more free Angular posts:
https://zoaibkhan.com/blog

Socials:
Twitter - https://twitter.com/zoaibdev
Facebook - https://www.facebook.com/thisiszoaib
LinkedIn - https://www.linkedin.com/in/zoaib-khan-b6456815/

Sections
00:00 Introduction to Angular Signals
00:26 Building a CRUD Application
02:08 Setting Up the Project
03:23 Understanding Signals
04:44 Practical Implementation
06:20 Creating the Contacts List Component
10:46 Fetching Data with Resources
15:21 Adding Delete Functionality
17:46 Advanced Signal Concepts
19:52 Showcasing the Angular Dashboard
21:21 Adding a New Contact
22:53 Styling the Form Fields
23:42 Adding Buttons to the Form
24:58 Implementing Template-Driven Forms
27:13 Saving Form Data
29:24 Building the Edit Contact Component
35:45 Using Linked Signals for Form Fields
39:13 Understanding Effects in Angular
43:35 Conclusion and Further Resources

Angular Signals Crash Course | Build Full CRUD app (2025)

Angular Signals Crash Course | Build Full CRUD app (2025)

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path