آموزش ساخت کلون Fullstack Trello: WebSocket، Socket IO

Build Fullstack Trello clone: WebSocket, Socket IO

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

در این دوره، یک API کلون Trello با استفاده از Angular، Typescript، NodeJS، Express، MongoDB و Socket IO خواهیم ساخت. این دوره کاملاً بر روی شیرجه رفتن سریع و عمیق در ایجاد برنامه فول استک با این ابزار متمرکز است. ما از ابتدا شروع خواهیم کرد و گام به گام به برنامه واقعی نهایی نزدیک خواهید شد. شما عمیقاً درک خواهید کرد که چگونه برنامه خود را ساختار دهید، ماژول ها و خدمات قابل استفاده مجدد و قابل فهم بسازید و کد را به تکه های کوچکتر کد تقسیم کنید. ما کد را با هم به روشی کارآمد می نویسیم تا آن را خالص کنیم و از پیچیدگی داده ها جلوگیری کنیم. ما با اجرای WebSocket با Socket IO ارتباط بلادرنگ را انجام خواهیم داد.

کد ما با Typescript در پشتیبان و روی مشتری نوشته می‌شود.

ما برنامه خود را در پایان دوره در سرور تولید واقعی مستقر خواهیم کرد.

برای هر درس کد منبع درس را دریافت خواهید کرد، بنابراین دیدن پیشرفت و دریافت یک برنامه کاربردی در هر درسی که می‌خواهید آسان است.

آنچه در این دوره خواهید آموخت:

  • ساختار و پیکربندی پروژه

  • کد با کیفیت بالا را با Typescript در پروژه واقعی بنویسید

  • ماژول‌ها، کنترل‌کننده‌ها و سرویس‌های قابل استفاده مجدد ایجاد کنید

  • اجرای احراز هویت هم در http و هم در وب سوکت ها

  • الگوهای طراحی Angular Express را عمیقاً درک کنید

هیچ دانش قبلی به جز جاوا اسکریپت مورد نیاز نیست (زیرا من همه چیز را از پایه به شما یاد خواهم داد) اما اگر در هر یک از اینها (Angular/Express/Typescript/MongoDB/Socket io) تجربه دارید، رفتن برای شما آسان تر خواهد بود. از طریق این دوره.

اگر احساس می‌کنید که وب را یاد گرفته‌اید، اما هنوز دانشی درباره نحوه ساخت برنامه واقعی خود ندارید، این دوره همان چیزی است که به آن نیاز دارید.

در این دوره ما از ابتدا گام به گام Trello Clone را با استفاده از Angular، Typescript، Express، MongoDB، SocketIO می‌سازیم 

در پروژه ما اجرا خواهیم کرد:

  • ماژول تابلوها
  • ماژول تابلو
  • ماژول احراز هویت
  • ماژول سوکت IO
  • ماژول فرم درون خطی
  • ماژول مودال وظیفه

پروژه تمام شده را می توانید در پیوست پیدا کنید.


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

درس ها Lessons

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

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

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

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

  • صفحه ورود Login page

  • راه اندازی سوکت با Express Setting up socket with Express

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

  • مشق شب Homework

  • نگهبان احراز هویت Auth guard

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

  • نصب Node & Angular Installing Node & Angular

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

  • آیا از یک ویرایشگر خوب استفاده می کنید؟ Do you use a good editor?

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

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

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

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

  • در حال پیکربندی سرور Configuring server

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

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

  • معرفی Introduction

  • حذف ستون Delete column

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

  • گسترش Deployment

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

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

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

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

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

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

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

  • رهگیر احراز هویت Auth interceptor

  • نصب پایگاه داده Installing database

  • صفحه ثبت نام - نشانه گذاری + فرم Register page - Markup + Form

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

  • پیاده سازی ورود Implementing login

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

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

  • لغو اشتراک Unsubscribe

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

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

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

  • صفحه نخست Home page

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

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

  • از چه فناوری هایی استفاده می کنیم؟ What technologies do we use?

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

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

نمایش نظرات

آموزش ساخت کلون Fullstack Trello: WebSocket، Socket IO
جزییات دوره
8h 50m
48
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
40
4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Oleksandr Kocherhin Oleksandr Kocherhin

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