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
Complete understanding of the topic
Hands-on practical knowledge
Real-world examples and use cases
Industry best practices
Take your learning to the next level with premium features