#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/buy/3866b9c6-ded5-4de6-9cbe-1659e0f0909f
🧑💻 Full source code for this simple ecommerce app:
https://github.com/thisiszoaib/angular-ecommerce.git
🎨 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 - https://twitter.com/zoaibdev
Facebook - https://www.facebook.com/thisiszoaib
LinkedIn - https://www.linkedin.com/in/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