آموزش جامع توسعه‌دهنده Angular و NgRx سال 2026 - ساخت اپلیکیشن واقعی [ویدیو] - آخرین آپدیت

دانلود Angular and NgRx Developer Lab 2026 - Build a Real Application [Video]

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این مسیر یادگیری با آماده‌سازی یک محیط توسعه حرفه‌ای Angular، شامل ابزارها، ساختار پروژه و راه‌اندازی API محلی آغاز می‌شود. زبان‌آموزان با مفاهیم بنیادی NgRx آشنا شده و درک می‌کنند که چرا مدیریت وضعیت (State Management) ساختاریافته برای اپلیکیشن‌های مقیاس‌پذیر ضروری است. سپس دوره به بررسی ویژگی‌های اصلی اپلیکیشن مانند ثبت‌نام، احراز هویت و پایداری داده‌ها می‌پردازد. از طریق Reducers، Selectors، Effects و سرویس‌ها، یادگیرندگان جریان‌های داده پیش‌بینی‌پذیر را پیاده‌سازی کرده و در عین حال ارتباطات API، خطاها و نشست‌های کاربر را به روشی تمیز و قابل نگهداری مدیریت می‌کنند. در مراحل بعدی، تمرکز بر ساخت ویژگی‌های پیچیده از جمله فیدها (Feeds)، مقالات، پروفایل‌ها و تعاملات کاربر معطوف می‌شود. مفاهیم پیشرفته Angular مانند Interceptors، Signals و تزریق وابستگی (Dependency Injection) در سناریوهای واقعی به کار گرفته می‌شوند تا یادگیرندگان بتوانند با اطمینان اپلیکیشن‌های آماده تولید (Production-ready) را طراحی و نگهداری کنند. • ساخت اپلیکیشن‌های مقیاس‌پذیر Angular با NgRx • پیاده‌سازی جریان‌های احراز هویت و ثبت‌نام کاربر • مدیریت وضعیت با استفاده از Reducers، Selectors و Effects • یکپارچه‌سازی APIها و مدیریت داده‌های نامتقارن (Asynchronous) • ساختاربندی موثر اپلیکیشن‌های بزرگ Angular • به‌کارگیری ویژگی‌های مدرن Angular در پروژه‌های واقعی این دوره برای توسعه‌دهندگان فرانت‌اند و کاربران Angular است که می‌خواهند در NgRx و معماری اپلیکیشن‌های مقیاس‌پذیر استاد شوند. یادگیرندگان باید دانش پایه‌ای از Angular و TypeScript داشته باشند. تجربه قبلی در JavaScript و مفاهیم توسعه وب توصیه می‌شود. • ساخت کامل اپلیکیشن Angular با معماری NgRx • مدیریت وضعیت در دنیای واقعی با Reducers، Selectors و Effects • پیاده‌سازی عملی احراز هویت، فیدها و پروفایل‌ها

سرفصل ها و درس ها

آماده‌سازی ابزارها Preparing Tools

  • مقدمه Introduction

  • چه مواردی را پیاده‌سازی خواهیم کرد؟ What Will We Implement?

  • راه‌اندازی اولیه پروژه Bootstrapping Project

  • چرا NgRx؟ Why NgRx?

  • معرفی Prettier Prettier

  • Language Server Language Server

  • راه‌اندازی API محلی Setting up Local API

  • ساختار پروژه Project Structure

  • تغییر تنظیمات Strict Changing Strict Configuration

ثبت‌نام Registration

  • ماژول ثبت‌نام Register Module

  • چیدمان (Layout) ثبت‌نام Register Layout

  • نصب NgRx Installing NgRx

  • نصب Redux Devtools Installing Redux Devtools

  • ایجاد اینترفیس‌های احراز هویت Creating Auth Interfaces

  • افزودن Auth Reducer Adding Auth Reducer

  • ایجاد Selectors Creating Selectors

  • سرویس ثبت‌نام Register Service

  • افکت‌های ثبت‌نام (Register Effects) Register Effects

  • به‌روزرسانی Auth Reducers Updating Auth Reducers

  • پیام‌های خطای بک‌اند Backend Error Messages

  • سرویس پایداری داده‌ها (Persistence Service) Persistence Service

احراز هویت Authentication

  • استور ورود (Login Store) Login Store

  • کامپوننت ورود Login Component

  • نوار ابزار بالا (Topbar) Topbar

  • دریافت اطلاعات کاربر فعلی Fetching Current User

  • اینترسپتور احراز هویت (Auth Interceptor) Auth Interceptor

فید Feed

  • برنامه‌ریزی برای فید Planning the Feed

  • ایجاد ماژول فید Creating Feed Module

  • آماده‌سازی استور فید Preparing Feed Store

  • دریافت داده‌های فید Getting Feed Data

  • کامپوننت‌های کمکی Helper Components

  • ایجاد صفحه‌بندی (Pagination) Creating Pagination

  • ایجاد صفحه‌بندی - بخش دوم Creating Pagination #2

  • دریافت مجدد داده‌های فید Refetching Feed

  • پیاده‌سازی لیست تگ‌ها Implementing Tag List

  • پیاده‌سازی تگ‌های محبوب Implementing Popular Tags

  • افزودن تغییرکننده (Toggler) فید Adding Feed Toggler

  • پر کردن فید من Filling My Feed

  • ایجاد سایر فیدها Creating Other Feeds

صفحات مقاله Article Pages

  • ایجاد صفحه مقاله Creating Article Page

  • رندر کردن صفحه مقاله Rendering Article Page

  • حذف مقاله Deleting Article

  • ساخت مقاله Create Article

  • ایجاد فرم مقاله Creating Article Form

  • ایجاد استور مقاله Creating Article Store

  • به‌روزرسانی مقاله Update Article

پروفایل‌ها Profiles

  • صفحه تنظیمات Settings Page

  • صفحه تنظیمات - بخش نمایش Settings Page. View Part

  • افزودن به علاقه‌مندی‌ها Add to Favorites

  • ایجاد استور برای علاقه‌مندی‌ها Creating Store for Favorites

  • ایجاد پروفایل کاربر Creating User Profile

  • رندر کردن پروفایل کاربر Rendering User Profile

  • استفاده از Angular Inject Using Angular Inject

  • سیگنال‌های انگولار (Angular Signals) Angular Signals

تکالیف Homework

  • تکالیف Homework

نمایش نظرات

آموزش جامع توسعه‌دهنده Angular و NgRx سال 2026 - ساخت اپلیکیشن واقعی [ویدیو]
جزییات دوره
7h 2m
55
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Oleksandr Kocherhin Oleksandr Kocherhin

مدرس حرفه ای و توسعه دهنده وب