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

Опубликовано: 21 Февраль 2025
на канале: Zoaib Khan

2,571

129

#angular #signals #course

✨✨ Angular Customizable Dashboard: https://zoaibkhan.lemonsqueezy.com/bu...

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

🧑‍💻 Github code for CRUD app: https://github.com/thisiszoaib/angula...

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!
  / zoaibkhan

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

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

Socials:
Twitter -   / zoaibdev
Facebook -   / thisiszoaib
LinkedIn -   / 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