در این دوره جامع و به‌روز Udemy، شما گام‌به‌گام با فریم‌ورک Angular و کتابخانه مدیریت وضعیت NgRx آشنا می‌شوید. این دوره نسخهٔ 2023-6 است که بر پایهٔ آخرین تغییرات Angular 15 و بالاتر طراحی شده و یک پروژهٔ واقعی فروشگاه آنلاین را از صفر پیاده‌سازی می‌کند.

• ایجاد ساختار پروژهٔ استاندارد با Angular CLI و معرفی مفاهیم ماژول‌ها و کامپوننت‌ها
• استفاده از Data Binding و Dependency Injection برای افزایش خوانایی و مقیاس‌پذیری
• مدیریت وضعیت اپلیکیشن با NgRx Store، Actions و Reducers
• پیاده‌سازی افکت‌ها با NgRx Effects برای ارتباط با API و مدیریت عملیات ناهمگام
• بهبود عملکرد با Change Detection Strategy و ویژگی OnPush
• نوشتن تست واحد (Unit Test) و آزمون انتها به انتها (E2E) با Jasmine و Protractor
• کدنویسی تمیز (Clean Code) و بهترین شیوه‌ها در معماری پروژه‌های Angular

• پروژه محور: طراحی یک فروشگاه آنلاین واقعی که تجربهٔ عملی را افزایش می‌دهد
• به‌روز و حرفه‌ای: پوشش آخرین نسخه‌های Angular و NgRx
• تمرین‌های عملی: بررسی مثال‌های کاربردی از مدیریت سبد خرید، احراز هویت و بارگذاری داده‌ها
• سبک آموزشی گام‌به‌گام: مناسب برای مبتدیان و توسعه‌دهندگان میانی
• دسترسی مادام‌العمر: امکان بازگشت به دروس و آپدیت‌های بعدی
• قابلیت دانلود رایگان و بدون محدودیت زمانی

• آشنایی اولیه با HTML و CSS
• دانش پایهٔ JavaScript (ES6+) و مفاهیم Promise و async/await
• درک مقدماتی از TypeScript (آرایه‌ها، اینترفیس‌ها و تایپ‌ها)
• نصب Node.js (نسخه 14 به بالا) و آشنایی با npm یا Yarn

• مقدمه و معرفی دوره
• نصب و راه‌اندازی محیط توسعه
• بررسی معماری Angular و ساختار ماژول‌ها
• کار با کامپوننت‌ها، دایرکتیوها و سرویس‌ها
• آشنایی با RxJS و الگوهای جریان داده
• مدیریت state با NgRx Store، Actions، Reducers
• افکت‌ها و جانگشت تعامل با REST API
• سرویس احراز هویت و محافظت از مسیرها (Guards)
• طراحی واکنش‌گرا با Angular Material و Bootstrap
• تست واحد و E2E
• استقرار نهایی روی سرویس‌های ابری

در یکی از جلسات عملی، ایجاد یک counter ساده را با NgRx بررسی می‌کنیم:

• تعریف Actionهای افزایش و کاهش: increment() و decrement()
• ایجاد Reducer برای پردازش این اکشن‌ها و ذخیره وضعیت فعلی
• نوشتن Selector برای استخراج مقدار کانتر از Store
• استفاده از store.dispatch() و store.select() در داخل یک کامپوننت+ نمایش آن در قالب یک دکمه ساده

این مثال نشان می‌دهد چگونه می‌توان با چندخط کد، وضعیت اپلیکیشن را به صورت پیش‌بینانه و تست‌پذیر مدیریت کرد.

اگر به دنبال یادگیری عمیق Angular و روش‌های مدرن مدیریت وضعیت در برنامه‌های بزرگ هستید، این دوره بهترین نقطهٔ شروع است. با دانلود رایگان این دوره، کدهای نمونه، نکات کلیدی و تمرین‌های عملی را در اختیار دارید تا مهارت‌های خود را به سطح بالاتری ببرید.