آموزش توسعه فول استک وب: ساخت یک پورتال علوم کامپیوتر - آخرین آپدیت

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

مقدمه Introduction

• نمایش پروژه project showcase

راه اندازی محیط محلی Local Environment Setup

• راه اندازی محیط محلی Local Environment Setup

• راه اندازی پروژه Nextjs برای LMS Nextjs Project Setup For lms

• نصب mui install mui

پیاده سازی کامپوننت نوار ناوبری Implementing Navbar Component

• بخش اول کامپوننت نوار ناوبری LMS lms navbar component part_1

• بخش دوم کامپوننت نوار ناوبری LMS lms navbar component part_2

• بخش سوم کامپوننت نوار ناوبری LMS lms navbar component part_3

پیاده سازی مودال ورود و ثبت نام با کامپوننت Mui Modal Implementing Login And Register Modal With Mui Modal Component

• بخش اول پیاده سازی مودال ورود و ثبت نام با کامپوننت Mui Modal implementing login and register modal with mui modal component part_1

• بخش دوم پیاده سازی مودال ورود و ثبت نام با کامپوننت Mui Modal implementing login and register modal with mui modal component part_2

• ایجاد متغیر حالت برای کامپوننت ثبت نام createting state variable for signup component

• ایجاد تابع ثبت نام creating signup function

• اتصال فرانت اند به بک اند connecting frontent to the backend

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

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

ایجاد مسیر API ثبت نام Creating Register Api Route

• ایجاد مسیر API ثبت نام creating register api route

پیاده سازی reCAPTCHA گوگل Implementing Google's reCAPTCHA

• پیاده سازی reCAPTCHA گوگل در کامپوننت ثبت نام Implementing Google's reCAPTCHA on signup component

• راه اندازی Next Auth setup next auth

• ارائه دهندگان Next Auth next auth providers

• ورود با Next Auth login with next auth

• پروفایل کاربری و انتقال به داشبورد user profile and redirect to dashboard

• پیاده سازی ورود های اجتماعی implementing social logins

• ورود های اجتماعی social logins

• میان‌افزار و مسیر محافظت شده middleware and protected path

کامپوننت سایدبار داشبورد ادمین Admin Dashboard Sidebar Component

• بخش اول سایدبار ادمین admin sidebar part_1

• بخش دوم سایدبار ادمین admin sidebar part_2

• بخش سوم سایدبار ادمین admin sidebar part_3

ایجاد مدل دسته بندی Creating Category Model

• مدل دسته بندی category model

• API دریافت و ارسال دسته بندی category get and post api

• API بروزرسانی و حذف دسته بندی category put and delete api

مدیریت کامپوننت دسته بندی Category Component Manager

• مدیریت کامپوننت دسته بندی Category Component Manager

• ایجاد فیلد متنی دسته بندی با استفاده از Mui creating category TextField using mui

• تنظیم Reduxjs Toolkit برای دسته بندی set reduxjs toolkit for category

• ایجاد اکشن Reduxjs Toolkit creating reduxjs toolkit action

• ایجاد اکشن دریافت دسته بندی ها و نمایش در لیست creating fetch categories action and display in list

• عملیات CRUD برای دسته بندی crud opration for category

پیاده سازی فیلتر دسته بندی Implementing Category Filter

• فیلتر دسته بندی ها filter categories

ایجاد مدل زیردسته بندی Creating SubCategory Model

• ایجاد مدل زیردسته بندی creating subcategory model

• API دریافت و ارسال زیردسته بندی ها subcategories get and post api

• API بروزرسانی و حذف زیردسته بندی ها subcategories put and delete api

ایجاد کامپوننت زیردسته بندی Creating Subcategory Component

• ایجاد کامپوننت زیردسته بندی creating subcategory component

• ایجاد کامپوننت فیلد متنی زیردسته بندی creating subcategory textfield component

• راه اندازی Redux Toolkit و ایجاد اکشن redux toolkit setup and creating action

• ذخیره زیردسته بندی در پایگاه داده saving subategory in database

• ایجاد اکشن های دریافت زیردسته بندی ها creating fetching subcategories actions

• ویژگی های CRUD زیردسته بندی subcategory crud features

• پیاده سازی ویژگی فیلتر زیردسته بندی implementing subcategory filter feature

دسته بندی با مدل زیردسته بندی Category With Subcategory Model

• دسته بندی با مدل زیردسته بندی category with subcategory model

• نقطه پایانی API دریافت و ارسال دسته بندی با زیردسته بندی category with subcategory get and post api end point

• نقطه پایانی API حذف و بروزرسانی دسته بندی با زیردسته بندی category with subcategory delete and put api end point

راه اندازی کامپوننت برای دسته بندی با زیردسته بندی Setup Component for Category With Subcategory

• راه اندازی کامپوننت برای دسته بندی با زیردسته بندی setup component for for category with subcategory

• کامپوننت انتخاب دسته بندی با استفاده از Mui category select component using mui

• ایجاد کامپوننت دسته بندی با زیردسته بندی creating category with subcategory comonent

• راه اندازی Redux برای دسته بندی با زیردسته بندی setup redux for category with subcategory

• ذخیره داده ها در پایگاه داده saving data in database

• ایجاد اکشن حذف و دریافت creating deleting and fetching action

• لیست کردن داده های دسته بندی با زیردسته بندی listing category with subcategory data

• عملیات CRUD برای داده های دسته بندی با زیردسته بندی crud opration for category with subcategory data

• ویژگی جستجو در دسته بندی با زیردسته بندی search feature in category with subcategory

مقداردهی اولیه داده Data seeding

• مقداردهی اولیه داده های دسته بندی Category Data seeding

• مقداردهی اولیه داده های زیردسته بندی subcategory data seeding

• مقداردهی اولیه داده های دسته بندی با زیردسته بندی category with subcategory data seeding

ایجاد کامپوننت تب با استفاده از Mui Creating Tab component Using Mui

• پیاده سازی کامپوننت تب قسمت 1 implement tab component part_1

• پیاده سازی کامپوننت تب قسمت 2 implement tab component part_2

• دریافت داده های تب از پایگاه داده fetching tabs data from database

• نمایش داده ها در تب ها display data in tabs

پیاده سازی کامپوننت فوتر implementing footer component

• پیاده سازی کامپوننت فوتر implementing footer component

• دریافت داده های فوتر fetching footer data

• فرمت دهی داده های فوتر formatted footer data

• نمایش داده های فوتر display footer data

ایجاد کامپوننت ایجاد دوره و ایجاد محتوا Creating Course Create And Content Create Component

• ایجاد کامپوننت ایجاد دوره و ایجاد محتوا Creating Course Create And Content Create Component

• ایجاد کامپوننت صفحه create page component

• ایجاد کامپوننت کارت دوره جذاب creating engaging course card component

• ایجاد طرح بندی گرید create grid layout

پیاده سازی کامپوننت پروفایل ادمین Implementing Admin Profile Component

• ایجاد کامپوننت پروفایل ادمین creating admin profile component

• ایجاد حالت برای کامپوننت پروفایل create state for profile component

• پیاده سازی کامپوننت wrapper برای پروفایل implementing wrapper component for profile

• پیاده سازی کامپوننت پروفایل implementing profile component

• تابع ارسال و اعتبارسنجی فرم پروفایل ادمین admin profile handle submit fucntion and form validation

• ایجاد نقطه پایانی API بروزرسانی پروفایل creating update profile api end point

• پیاده سازی تابع آپلود پروفایل implementing profile upload function

• بروزرسانی پروفایل ادمین update admin profile

• پر کردن داده های ادمین در فرم papulate admin data in the form

ایجاد کامپوننت محتوا Creating Content Component

• ایجاد کامپوننت ایجاد و لیست محتوا creating content create and list component

• ایجاد کامپوننت محتوا creating content component

• ایجاد گفتگو با استفاده از کامپوننت Mui creating dialog using mui compnent

• ایجاد تابع ذخیره سازی create handle save function

ایجاد مدل برنامه درسی Creating Curriculum Model

• مدل برنامه درسی curriculum model

• نقطه پایانی API دریافت و ارسال برنامه درسی curriculum get and post api end point

• نقطه پایانی API بروزرسانی و حذف برنامه درسی curriculum put and delete api end point

ایجاد کامپوننت کارت محتوا Creating Content Card Component

• ایجاد کامپوننت کارت محتوا creating content card component

• دکمه بارگذاری مجدد و دریافت محتوا relaod button and fetch content

• نمایش محتوا display content

• نمایش آیکون های محتوا displaying content icons

• دیالوگ حذف برنامه درسی curriculum delete dialog

• حذف برنامه درسی curriculum delete

• پیاده سازی دیالوگ ویرایش implementing edit dialog

• بروزرسانی برنامه درسی update curriculum

کامپوننت تصویر ادمین Admin Image Component

• کامپوننت تصویر ادمین قسمت 1 admin image component part_!

• کامپوننت تصویر ادمین قسمت 2 admin image component part_2

کامپوننت محتوای ویرایشگر برنامه درسی CurriculumEditor Content component

• کامپوننت CurriculumEditor CurriculumEditor component

• دریافت برنامه های درسی fetching curriculums

• نقطه پایانی API دریافت برنامه درسی gete curriculum api end point

• نمایش عنوان محتوا display content title

• وارد کردن آیکون ها و ماژول ها importing icons and modules

• نمایش داده های بخش display section data

• مپ کردن سخنرانی های ساختگی map dummy lectures

• مدیریت اضافه کردن بخش ها handle add sections

• ذخیره بخش ها در پایگاه داده save sections in database

• پیاده سازی نقطه پایانی API حذف بخش implementing deleting section api end point

• حذف بخش از سمت کلاینت deleting section from client side

• پیاده سازی تابع شروع ویرایش برای بخش ها و سخنرانی ها implementing startediting function for section and lectures

• ایجاد کامپوننت ویرایش بخش creating editing section component

• مدیریت تابع لغو ویرایش handle cancel edit function

• بروزرسانی بخش و تابع ذخیره سازی سخنرانی قسمت 1 updating section and lecture function handle save function part_1

• بروزرسانی بخش و تابع ذخیره سازی سخنرانی قسمت 2 updating section and lecture function handle save function part_2

• نقطه پایانی API بروزرسانی بخش updating section api end point

• کامپوننت دکمه اضافه کردن سخنرانی add lecture button component

• پیاده سازی تابع اضافه کردن سخنرانی implementing add lecture function

• اضافه کردن نقطه پایانی API سخنرانی های جدید adding new lectures api endpoint

• مدیریت تابع حذف سخنرانی handle deleting lecture function

• نقطه پایانی API حذف سخنرانی deleting lecture api end point

• کامپوننت ویرایش سخنرانی editing lecture component

• نقطه پایانی API بروزرسانی سخنرانی updating lecture api endpoint

• رفع اشکال سخنرانی lecture bug fixing

• پیاده سازی مدل برای محتوای سخنرانی implementing model for lecture content

• ایجاد مودال برای ویرایش سخنرانی های محتوا creating modal for editing content lectures

• کامپوننت MdEditor MdEditor component

• رفع مشکل رنگ کامپوننت mdeditor fixing mdeditor component color

• تغییر اندازه فایل تصویر React react image file resizer

• API آپلود تصویر image upload api

• دریافت کلیدها از Cloudinary get keys from cloudinary

• ایجاد توابع ذخیره محتوای سخنرانی creating save content lecture functions

• ذخیره محتوای سخنرانی در پایگاه داده saving lecture content to database

• پیاده سازی توابع مدیریت مودال ویدیو implementing handle video modal functions

• مودال برای محتوای ویدیو modal for video content

• ذخیره محتوای ویدیو در پایگاه داده saving video content in database

• آموزش های پایتون python tutorials

• آموزش های پایتون قسمت 2 python tutorials part_2

• آموزش های تایپ اسکریپت typescript tutorials

• آموزش های تایپ اسکریپت قسمت 2 typescript tutorials part_2

• آموزش های Deepseek AI deepseek ai tutorials

• آموزش های Deepseek AI قسمت 2 deepseek ai tutorials part_2

کشیدن و رها کردن برای بخش Drag and Drop For Section

• پیاده سازی ویژگی کشیدن و رها کردن برای بخش implement drag and drop feature for section

• پیاده سازی تابع انتقال بخش implement move section function

• پیاده سازی نقطه پایانی API انتقال بخش implemeting move section api end point

• تابع سخنرانی قابل کشیدن draggable lecture function

• تابع انتقال سخنرانی move lecture function

• نقطه پایانی API انتقال سخنرانی move lecture api end point

ایجاد کامپوننت صفحه تکی Creating Single Page Component

• ایجاد صفحه محتوا creating content page

• نقطه پایانی API محتوا content api end point

ایجاد کامپوننت طرح بندی محتوا Creating Content layout Component

• ایجاد کامپوننت طرح بندی محتوا Creating Content layout Component

• ایجاد کامپوننت طرح بندی محتوا قسمت 2 Creating Content layout Component part_2

• پیاده سازی کامپوننت آکاردئون implementing accordian component

• نقطه پایانی API آکاردئون accordian api end point

• کامپوننت آکاردئون قسمت 1 accordian component part_1

• کامپوننت آکاردئون قسمت 2 accordian component part_2

• دکمه آیکون شناور برای دستگاه کوچکتر floating icons button for smaller device

تبلیغات رایگان با کامپوننت پریمیوم Go ads free with premium Component

• تبلیغات رایگان با پریمیوم go ads free with premium

بخش های تبلیغاتی advertisement sections

• بخش های تبلیغاتی قسمت 1 advertisement sections part_1

• بخش های تبلیغاتی قسمت 2 advertisement sections part_2

• بخش های تبلیغاتی قسمت 3 advertisement sections part_3

ایجاد کامپوننت اشتراک گذاری creating share component

• کامپوننت اشتراک گذاری قسمت 1 share component part_1

• کامپوننت اشتراک گذاری قسمت 2 share component part_2

• کامپوننت اشتراک گذاری قسمت 3 share component part_3

• کامپوننت اشتراک گذاری قسمت 4 share component part_4

ایجاد کامپوننت عنوان Creating Title Component

• کامپوننت عنوان قسمت 1 title component part_1

• کامپوننت عنوان قسمت 2 title component part_2

نظر دادن در پست، لایک، اشتراک گذاری Commenting on post ,like share,

• نظر، لایک، اشتراک گذاری comment,like,share

پیاده سازی هوش مصنوعی مولد Implementation of Generative AI

• پیاده سازی هوش مصنوعی مولد implementation of generative ai

خلاصه کردن محتوا با هوش مصنوعی مولد summarized content with gen ai

• خلاصه کردن محتوا با هوش مصنوعی مولد summarized content with gen ai

• خلاصه کردن محتوا با هوش مصنوعی مولد قسمت 1 summarized content with gen ai part_1

کسب دانش عمیق با هوش مصنوعی Gain in depth knowledge with ai

• کسب دانش عمیق با هوش مصنوعی Gain in depth knowledge with ai

نمایش کامپوننت محتوای صفحه تکی Display Single Page Content Component

• نمایش محتوای صفحه تکی قسمت 1 display single page content part_1

• نمایش محتوای صفحه تکی قسمت 2 display single page content part_2

ایجاد کامپوننت خواندن مشابه Create Similar Read Component

• ایجاد کامپوننت خواندن مشابه create similar read component

• خواندن مشابه و کامپوننت تگ similar read and tag component

کامپوننت اشتراک Subscription component

• کامپوننت قیمت گذاری قسمت 1 pricing component part_1

• کامپوننت قیمت گذاری قسمت 2 pricing component part_2

• مدیریت تابع پرداخت handle checkout function

• نقطه پایانی API اشتراک subscription api end point

• ایجاد صفحه موفقیت creating success page

• ایجاد صفحه لغو creating cancel page

ایجاد شمای سفارش Creating Order Schema

• شمای سفارش order schema

ایجاد مدل اشتراک Creating Subscritpion Model

• مدل اشتراک subscritpion model

• ذخیره جزئیات اشتراک در پایگاه داده save subscription details in database

• ذخیره جزئیات اشتراک در پایگاه داده قسمت 2 save subscription details in database part_2

• ذخیره جزئیات اشتراک در پایگاه داده قسمت 3 save subscription details in database part_3

پروفایل داشبورد کاربر User Dashboard Profile

• پروفایل داشبورد کاربر user dashborad profile

• نقطه پایانی API سفارش order api end point

• تجزیه و تحلیل کاربر قسمت 1 user analytics part_1

• API تجزیه و تحلیل کاربر user analytics api

• کامپوننت تجزیه و تحلیل کاربر قسمت 2 user analytic component part_2

• کامپوننت تجزیه و تحلیل کاربر قسمت 3 user analytic component part_3

• دریافت سفارش اشتراک fetching subscrition order

• رندر کردن سفارشات در جداول render orders in tables

ایجاد کامپوننت اشتراک creating subscription component

• ایجاد کامپوننت اشتراک creating subscription component

• دریافت جزئیات نقطه پایانی API اشتراک get subscription api end point details

• دریافت جزئیات اشتراک در داشبورد کاربر fetching subscription details on user dashboard

• رندر کردن جزئیات اشتراک قسمت 1 render subscription details part_1

• رندر کردن جزئیات اشتراک قسمت 2 render subscription details part_2

پیاده سازی کامپوننت دوره Implementing Course Component

• پیاده سازی کامپوننت دوره قسمت 1 implementing course component part_1

• پیاده سازی کامپوننت دوره قسمت 2 implementing course component part_2

• ایجاد توابع اضافه کردن دوره creating course add functions

• نقطه پایانی API دوره برنامه درسی curriculum course api end point

• ایجاد مدل دوره برنامه درسی crating curriculum course model

• ایجاد کامپوننت لیست دوره قسمت 1 creating course list component part_1

• ایجاد نقطه پایانی API لیست دوره creating course list api end point

• ایجاد کامپوننت لیست دوره قسمت 2 creating course list component part_2

• ایجاد کامپوننت لیست دوره قسمت 3 creating course list component part_3

• ایجاد کامپوننت لیست دوره قسمت 4 creating course list component part_4

• ویرایش عنوان دوره برنامه درسی edit curriculum course title

• ویرایش نقطه پایانی API عنوان دوره برنامه درسی edit curriculum course title api end point

• حذف دوره برنامه درسی delete curriculum course

• حذف نقطه پایانی API دوره برنامه درسی delete curriculum course api end point

• ایجاد کامپوننت ویرایش دوره برنامه درسی creating editing curriculum course component

• ویرایش نقطه پایانی API دوره برنامه درسی editing curriculum course api end point

• پر کردن مقدار در فیلدهای موجود قسمت 1 populate value in existing fields part_1

• پر کردن مقدار در فیلدهای موجود قسمت 2 populate value in existing fields part_2

• مدیریت تابع آپلود تصویر handle image uplaod function

• کامپوننت آپلود ویدیو قسمت 1 upload video component part_1

• کامپوننت آپلود ویدیو قسمت 2 upload video component part_2

• کامپوننت آپلود ویدیو قسمت 3 upload video omponent part_3

• مدیریت بافرینگ ویدیو قسمت 1 handling video buffering part_1

• مدیریت بافرینگ ویدیو قسمت 2 handling video buffering part_2

• بروزرسانی توابع ارسال دوره برنامه درسی update curriculum course handle summit functions

• کامپوننت ویرایشگر دوره برنامه درسی قسمت 1 curriculum course editor component part_1

• ایجاد کامپوننت ویرایشگر دوره برنامه درسی قسمت 2 create curriculum course editor component part_2

• نقطه پایانی API دوره برنامه درسی curricumulm course api end point

• نقطه پایانی API دوره برنامه درسی قسمت 2 curriculum course api end point part_2

• مودال آپلود ویدیوی دوره برنامه درسی قسمت 1 curriculum course video upload modal part_1

• مودال آپلود ویدیوی دوره برنامه درسی قسمت 2 curriculum course video upload modal part_2

• مودال آپلود ویدیوی دوره برنامه درسی قسمت 3 curriculum course video upload modal part_3

• ایجاد کامپوننت تب هوش مصنوعی قسمت 1 creating ai tab component part_1