Mastering Angular 17 | From Basics to Advanced | Learn Angular 17 in Arabic | كورس انجلار للمبتدئين

- Repo: https://github.com/marobakr/Angular17-Ecommerce-Tutorial - Ecommerce API :https://fakestoreapi.in - Auth API PostMan: https://www.postman.com/universal-crater-750302/ecommerce/collection/ucq9ztq/ecommerce-apis?action=share&creator=32330893 ---- Welcome to the "Mastering Angular 17 | From Basics to Advanced" playlist! This playlist is your comprehensive guide to learning Angular 17 from the ground up, all in Arabic. Whether you're a complete beginner or an experienced developer, you'll find everything you need to become an Angular expert. ---- In this series, we cover Angular 17's essential features, from setting up your development environment to mastering advanced topics such as components, services, routing, state management, and performance optimization. Learn how to build dynamic, scalable, and high-performance web applications using Angular. ---- What You'll Learn: - Introduction to Angular 17 and its core concepts - Setting up your Angular development environment - Working with components, templates, and data binding - Understanding Angular services and dependency injection - Implementing routing and navigation in Angular apps - Best practices for building maintainable Angular applications - Advanced topics such as lazy loading, Angular modules, and performance optimization ---- Perfect for: - Developers new to Angular or those upgrading to Angular 17 - Arabic-speaking developers who want to learn Angular in their native language - Anyone looking to build modern, scalable web applications with Angular - Start your journey to mastering Angular 17 today and build powerful web applications with ease!

Curated by: GeekCode (107 videos)

Currently Playing: Learn Angular 17 in Arabic | #91 Master Angular: E-Commerce (19): Improve Card & Make It Reusable P1

- Repo: https://github.com/marobakr/Angular17-Ecommerce-Tutorial - Ecommerce API :https://fakestoreapi.in - Auth API PostMan: https://www.postman.com/universal-crater-750302/ecommerce/collection/ucq9ztq/ecommerce-apis?action=share&creator=32330893 ---- - Create Multi-Component with a single command : 1- [windows]: `for %n in ( home about project resume blogs) do ng g c %n` 2- [Linux or Mac]: `for n in home about project resume blogs; do ng g c $n; done` ---- In this sixteenth video of our Angular 17 E-Commerce series, we’ll focus on improving the Product Card component and making it reusable across different sections of the application. Reusability is a key concept in Angular that enhances maintainability and code efficiency. You’ll learn: - How to refactor the Product Card for better structure and usability. - Implementing reusable Angular components. - Utilizing Input and Output decorators for flexibility. - Enhancing the styling and layout of the product card. ---- #Angular17 #Ecommerce #ProductCard #ReusableComponents #AngularBestPractices #ComponentReuse #AngularInputs #AngularOutputs #FrontendDevelopment #WebDevelopment #UIUXDesign #AngularApp #AngularSeries #WebApp #CodingTutorial #AngularArchitecture #AngularMaterial #PrimeNG #StateManagement #SPA #ModernWebApps

Tracks in this Playlist