Перейти к содержимому

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

Zoaib Khan

0:00 / 0:00

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

23 061 просмотр · 1 г. назад
Zoaib Khan
12,8 тыс. подписчиков
23 061 просмотр · 1 г. назад
#angular #signals #course ✨✨ Get my Angular Starter Template with Signals: https://zoaibkhan.com/shop/angular-da... 🎨 Angular Material Theme Builder: https://materialthemebuilder.com 🧑‍💻 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