Modern Angular 19 Crash Course - E-commerce App!
#angular #course #modern
Welcome to my Modern Angular 19 crash course! In this comprehensive video, I walk you through the latest features of Angular 19, helping you build a simple, two-page e-commerce application from scratch.
✨ Join the mailing list for my full course for an Ecommerce app!
https://zoaibkhan.lemonsqueezy.com/bu...
🧑💻 Full source code for this simple ecommerce app:
https://github.com/thisiszoaib/angula...
🎨 Check out Angular Store
https://zoaibkhan.lemonsqueezy.com/
📽️ Other Angular 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 Modern Angular 19
00:11 Course Overview and Project Introduction
02:54 Setting Up the Development Environment
06:49 Creating and Understanding Angular Components
16:33 Styling with Tailwind CSS
19:51 Building Reusable Components
28:37 Displaying Dynamic Data with Angular
40:16 Conditional Data and Styling
40:34 Adding Out of Stock Indicator
42:27 Implementing Conditional Styling
44:24 Adding Items to Cart
45:14 Using Angular Services for State Management
46:08 Creating the Cart Service
51:06 Displaying Cart Items
51:15 Implementing Angular Routing
01:05:24 Creating the Order Summary Component
01:10:56 Fetching Data from an API
01:15:24 Conclusion and Next Steps
