آموزش پروژه MEAN Stack 2026 - ساخت کلون واقعی ترلو (Trello Clone) - آخرین آپدیت

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

• مقدمه Introduction

• استک MEAN؛ از چه تکنولوژی‌هایی استفاده می‌کنیم؟ MEAN Stack. What Technologies Do We Use?

• منابع قابل دانلود Downloadable Resources

• نصب Node و Angular Installing Node & Angular

• پیکربندی سرور NodeJS Configuring NodeJS Server

• نصب پایگاه داده MongoDB Installing MongoDB Database

• آیا از ادیتور مناسب استفاده می‌کنید؟ پیشنهاد من VSCode است Do You Use a Good Editor? VSCode Is What I Recommend

احراز هویت Authentication

• راه‌اندازی Web Sockets در NodeJS Setting Up Web Sockets in NodeJS

• ایجاد مدل کاربر با Mongoose Creating Mongoose User Model

• افزودن قابلیت ثبت‌نام در NodeJS Adding Registration in NodeJS

• پیاده‌سازی ورود در NodeJS Implementing Login in NodeJS

• ایجاد Middleware احراز هویت در NodeJS Creating Auth Middleware in NodeJS

• ایجاد ماژول احراز هویت در Angular Creating Auth Module in Angular

• صفحه ثبت‌نام در Angular: ساختار و فرم Register Page in Angular - Markup + Form

• صفحه ثبت‌نام در Angular: سرویس و اعتبارسنجی Register Page in Angular - Service + Validation

• صفحه ورود در Angular Login Page in Angular

• صفحه اصلی در Angular Home Page in Angular

• اینترسپتور احراز هویت در Angular Auth Interceptor in Angular

• گارد احراز هویت در Angular Auth Guard in Angular

صفحه تخته‌ها Boards Page

• دریافت تخته‌ها Getting Boards

• فرانت‌اند برای دریافت تخته‌ها Frontend for Getting Boards

• فرم داخلی (Inline Form) Inline Form

• پیاده‌سازی ایجاد تخته Implementing Creating a Board

• افزودن نوار بالا و خروج از حساب Adding Top Bar and Logout

صفحه تخته Board Page

• ایجاد ماژول تخته Creating Board Module

• دریافت یک تخته واحد Getting a Single Board

• افزودن استریم تخته Adding Board Stream

• ایجاد سرویس Socket Creating Socket Service

• ورود و خروج از تخته Joining and Leaving Board

• احراز هویت در Socket.io Authentication in Socket.io

• دریافت ستون‌ها Getting Columns

• ایجاد ستون با WebSockets Create Column with WebSockets

• دریافت ستون‌ها در کلاینت Getting Columns on the Client

• فرم ایجاد ستون Create Column Form

• ایجاد یک تسک پایه Creating a Basic Task

• دریافت تسک‌ها Getting Tasks

• فرم ایجاد تسک Create Task Form

بهبودهای تخته Board Improvements

• به‌روزرسانی نام تخته Update Board Name

• حذف تخته Delete Board

• حذف ستون Delete Column

• به‌روزرسانی ستون Update Column

• لغو اشتراک (Unsubscribe) در Angular Unsubscribe in Angular

مدال تسک Task Modal

• ماژول تسک و کامپوننت پایه Task Module and Basic Component

• دریافت تسک و ستون‌ها Get Task and Columns

• به‌روزرسانی تسک Update Task

• حذف تسک Delete Task

استقرار Deployment

• استقرار پروژه MEAN Stack MEAN Stack Deployment

گام‌های بعدی What's Next?

• تمرین و تکلیف Homework