آموزش کلون MEAN Fullstack Trello: WebSocket، Socket IO

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

تهیه ابزار Preparing tools

• این بخش در مورد چیست؟ What is this section about?

• MEAN Stack. از چه فناوری هایی استفاده می کنیم؟ 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

• راه اندازی سوکت های وب در NodeJS Setting up Web Sockets in NodeJS

• ایجاد مدل کاربری Mongoose Creating Mongoose user model

• افزودن ثبت نام در NodeJS Adding registration in NodeJS

• پیاده سازی لاگین در NodeJS Implementing login in NodeJS

• ایجاد میان افزار auth در NodeJS Creating auth middleware in NodeJS

• ایجاد ماژول auth در Angular Creating auth module in Angular

• صفحه ثبت نام در Angular - Markup + Form Register page in Angular - Markup + Form

• صفحه ثبت نام در Angular - سرویس + اعتبارسنجی Register page in Angular - service + validation

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

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

• Auth interceptor در Angular Auth interceptor in Angular

• نگهبان احراز هویت در انگولار Auth guard in Angular

صفحه تابلوها Boards page

• تابلوهای دریافت Gettings boards

• Frontend برای گرفتن تخته Frontend for gettings boards

• فرم درون خطی Inline form

• پیاده سازی ایجاد تابلو Implementing creating a board

• اضافه کردن نوار بالا و خروج Adding Top bar and logout

صفحه هیئت Board page

• ایجاد ماژول برد Creating board module

• گرفتن یک تخته Getting a single board

• اضافه کردن جریان هیئت مدیره Adding board stream

• ایجاد سرویس سوکت Creating socket service

• پیوستن و خروج از هیئت مدیره Joining and leaving board

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

• گرفتن ستون Getting columns

• ایجاد ستون با سوکت های وب Create column with websockets

• گرفتن ستون Getting columns

• ایجاد فرم ستون Create column form

• ایجاد یک کار اساسی Creating a basic task

• گرفتن وظایف Getting tasks

• فرم وظیفه ایجاد کنید Create task form

ارتقاء هیئت مدیره Board Improvements

• نام تابلو را به روز کنید Update board name

• تابلو را حذف کنید Delete board

• حذف ستون Delete column

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

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

Task Modal Task Modal

• ماژول وظیفه و جزء اصلی Task module and basic component

• وظیفه و ستون ها را دریافت کنید Get task and columns

• وظیفه به روز رسانی Update task

• وظیفه را حذف کنید Delete task

گسترش Deployment

• میانگین استقرار پشته Mean stack deployment

بعدش چی؟ What's next?

• مشق شب Homework

• سخنرانی جایزه من My Bonus Lecture