آموزش ایجاد اپلیکیشن رسانه اجتماعی با C#، جاوا اسکریپت، ASP.NET و Azure - آخرین آپدیت

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

مقدمه دوره Welcome to this course

• دموی اپلیکیشن: چه خواهید ساخت؟ What Will You Build? - Application Demo

• انتظارات شما از این دوره چیست؟ What to Expect From This Course?

• راه اندازی محیط توسعه Setting up Development Environment

• راه اندازی پروژه ASP.NET MVC، فایل های پیش فرض و مدیریت ریپازیتوری GitHub ASP.NET MVC Project Setup, Default Files, and GitHub Repository Management

شروع به کار Getting Started

• شاخه های Github: مسیریابی کد دوره Github Branches: Course Code Navigation

• الگوی ASP.NET MVC چیست؟ What Is the ASP.NET MVC Pattern?

• راه اندازی دارایی های اپلیکیشن Setting up Application Assets

طراحی صفحه اصلی/تایم لاین Designing the Timeline/Home Page

• طراحی نوار بالای اپلیکیشن با Tailwind CSS Designing the Application’s TopBar with Tailwind CSS

• طراحی سایدبار اپلیکیشن با Tailwind CSS و یک نمای Partial Designing the Application's Sidebar with Tailwind CSS and a Partial View

• طراحی Story Placeholder اپلیکیشن با Tailwind CSS Designing the Application's Story Placeholder with Tailwind CSS

• طراحی Story Modal اپلیکیشن با Tailwind CSS Designing the Application's Story Modal with Tailwind CSS

• طراحی Create Status Placeholder با Tailwind CSS Designing the Create Status Placeholder with Tailwind CSS

• طراحی Create Status Modal اپلیکیشن با Tailwind CSS Designing the Application's Create Status Modal with Tailwind CSS

• طراحی Post Placeholder اپلیکیشن با Tailwind CSS Designing the Application's Post Placeholder with Tailwind CSS

• طراحی Suggested Friends Placeholder اپلیکیشن با Tailwind CSS Designing the Application's Suggested Friends Placehoder with Tailwind CSS

• طراحی Trends For You Placeholder اپلیکیشن با Tailwind CSS Designing the Application's Trends For You Placehoder with Tailwind CSS

• آزمون: کامپوننت های UI شبکه اجتماعی با Tailwind CSS Quiz: Social Media UI Components with Tailwind CSS

راه اندازی پایگاه داده SQL با Entity Framework Core Setting Up Your SQL Database with Entity Framework Core

• ایجاد یک پایگاه داده SQL خالی و ذخیره رشته اتصال در پروژه Create an Empty SQL Database and Store the Connection String in Your Project

• راه اندازی Entity Framework Core: نصب NuGet، ایجاد AppDbContext، پیکربندی آن Set Up Entity Framework Core: Install NuGet, Create AppDbContext, Configure It

• ایجاد یک مدل، اضافه کردن Migrations و به روز رسانی پایگاه داده با Entity Framework Create a Model, Add Migrations, and Update the Database with Entity Framework

• ایجاد یک پروژه داده جداگانه Creating a Separate Data Project

• ایجاد مدل کاربر و جدول کاربران در پایگاه داده Creating a User Model and Users Table in the Database

• ایجاد روابط One-to-Many در C# با Entity Framework: کاربر و پست ها Building One-to-Many Relationships in C# with Entity Framework: User and Posts

• راه اندازی یک Database Initializer برای پروژه Setting Up a Database Initializer for Our Project

• آزمون: Entity Framework Core و روابط داده Quiz: Entity Framework Core and Data Relationships

ایجاد و مدیریت پست ها Creating and Managing Posts

• استفاده از AppDbContext در HomeController برای بارگیری پست ها و داده های کاربر Using AppDbContext in HomeController to Load Posts and User Data

• جایگزینی پست های هاردکد شده Timeline با داده های پایگاه داده Replace Hardcoded Timeline Posts with Database Data

• ایجاد یک نمای Partial Post برای ساده سازی نمای Timeline Creating a Post Partial View to Simplify the Timeline View

• پیاده سازی نمایش زمان کاربرپسند برای پست های رسانه های اجتماعی Implement User-Friendly Time Display for Your Social Media Posts

• ایجاد Post Action در HomeController Creating the Post Action in HomeController

• ایجاد اولین وضعیت فقط متن Creating Your First Text-Only Status

• به روز رسانی Post Action با پشتیبانی از آپلود تصویر Updating Post Action with Image Upload Support

• ایجاد وضعیت: پیاده سازی پیش نمایش و آپلود تصویر Creating Status: Implementing Image Preview and Upload

• آزمون: ایجاد و مدیریت پست ها Quiz: Creating and Managing Posts

پیاده سازی لایک پست Implementing Post Likes

• ایجاد مدل Like، جدول Likes و تعریف روابط در پایگاه داده Creating a Like Model, Likes Table, and Defining Relationships in the Database

• پیاده سازی Like/Unlike Action در Home Controller Implementing Like/Unlike Action in Home Controller

• اضافه کردن قابلیت لایک/آنلایک پست Adding Post Like/Unlike Functionality

• نمایش لایک های پست و وضعیت لایک Showing Post Likes and Like Status

پیاده سازی نظرات پست Implementing Post Comments

• ایجاد مدل Comment، جدول Comments و تعریف روابط در DB Creating a Comment Model, Comments Table, and Defining Relationships in the DB

• پیاده سازی AddPostComment Action در Home Controller Implementing AddPostComment Action in Home Controller

• اضافه کردن نظر جدید به پایگاه داده Adding a New Comment to Database

• نمایش نظرات و تعداد نظرات در پست ها Displaying Comments and Comment Counts on Posts

• مدیریت سرریز نظرات با دکمه "نمایش بیشتر" Managing Comment Overflow with "Show More" Button

• اضافه کردن آیکون حذف به نظرات پست Adding Delete Icon to Post Comments

• حذف یک نظر از یک پست Removing a Comment from a Post

پیاده سازی علاقه مندی های پست Implementing Post Favorites

• ایجاد مدل Favorite، جدول Favorites و تعریف روابط Creating a Favorite Model, Favorites Table, and Defining Relationships

• پیاده سازی Favorite/Unfavorite Action در Home Controller Implementing Favorite/Unfavorite Action in Home Controller

• اضافه کردن قابلیت پسندیدن/نپسندیدن پست Adding Post Favorite/Unfavorite Functionality

• نمایش تعداد علاقه مندی های پست و وضعیت علاقه مندی Showing Post Favorites Count and Favorite Status

مدیریت قابلیت مشاهده پست: عمومی و خصوصی Managing Post Visibility: Public and Private

• تنظیم تغییر وضعیت قابلیت مشاهده پست Setting Post Visibility Toggle

• ارسال درخواست های تغییر وضعیت قابلیت مشاهده و به روز رسانی UI Sending Visibility Toggle Requests and Updating UI

• فیلتر کردن پست های خصوصی Filtering Private Posts

پیاده سازی گزارش پست و مدیریت Implementing Post Reporting and Management

• ایجاد مدل Report، جدول Reports و تعریف روابط در DB Creating a Report Model, Reports Table, and Defining Relationships in the DB

• ایجاد یک اکشن برای گزارش یک پست Creating an Action to Report a Post

• ارسال درخواست گزارش و به روز رسانی UI Sending a Report Request and Updating the UI

• فیلتر کردن پست های گزارش شده Filtering Out Reported Posts

حذف پست ها Removing Posts

• پیاده سازی دیالوگ تایید حذف پست Implementing Post Delete Confirmation Dialog

• بازسازی دیالوگ تایید حذف Refractoring Delete Confirmation Dialog

• حذف سخت پست ها از پایگاه داده Hard Deletion of Posts From the Database

• حذف نرم پست ها از پایگاه داده Soft Deletion of Posts From the Database

اضافه کردن استوری به پلتفرم رسانه اجتماعی Adding Stories to Our Social Media Platform

• راه اندازی پایگاه داده برای پشتیبانی از استوری ها Setting Up the Database to Support Stories

• ایجاد یک اکشن برای ایجاد یک استوری Creating an Action to Create a Story

• طراحی رابط پیش نمایش استوری Designing the Story Preview Interface

• ایجاد استوری های کاربر Creating User Stories

• ایجاد یک نما برای بارگیری استوری ها Creating a View to Load Stories

• بارگیری و پیش نمایش استوری ها از پایگاه داده Loading and Previewing Stories from Database

بارگیری داده با ViewComponent Loading Data with ViewComponent

• درک ViewComponents در مقابل Partial Views در ASP.NET Core Understanding ViewComponents vs Partial Views in ASP.NET Core

• ایجاد اولین ViewComponent: بارگیری داده های استوری Creating Your First ViewComponent: Loading Stories Data

• سفارشی سازی تغییر مسیرها پس از ایجاد استوری Customizing Redirects After Creating a Story

• مخفی کردن استوری ها پس از 24 ساعت Hiding Stories After 24 Hours

مدیریت موضوعات داغ با هشتگ ها Managing Trending Topics with Hashtags

• ایجاد جدول هشتگ ها Creating the Hashtags Table

• تبدیل نمای Partial هشتگ ها به ViewComponent Converting Hashtags Partial View to ViewComponent

• ایجاد یک کلاس Helper برای استخراج هشتگ ها Creating a Helper Class to Extract Hashtags

• یافتن و ذخیره هشتگ ها پس از ایجاد پست Finding and Storing Hashtags After Post Creation

• به روز رسانی ViewComponent برای نمایش تعداد هشتگ ها Updating ViewComponent to Show Hashtag Counts

• به روز رسانی تعداد هشتگ ها هنگام حذف یک پست Updating Hashtags Count When a Post Is Removed

انتقال به یک معماری سرویس گرا Transitioning to a Service-Oriented Architecture

• درک مزایای استفاده از سرویس ها به جای دسترسی مستقیم به Context Understanding the Benefits of Using Services Instead of Direct Context Access

• تعریف قرارداد سرویس پست ها Defining the Posts Service Contract

• پیاده سازی منطق سرویس پست Implementing the Post Service Logic

• ادغام لایه سرویس با Dependency Injection Integrating Service Layer with Dependency Injection

• پیاده سازی و ادغام سرویس هشتگ Hashtag Service Implementation and Integration

• پیاده سازی و ادغام سرویس استوری ها Stories Service Implementation and Integration

• پیاده سازی و راه اندازی سرویس فایل File Service Implementation And Setup

• رفع و بهینه سازی قابلیت آپلود تصویر Fixing and Optimizing Image Upload Functionality

مدیریت پست های مورد علاقه Managing Favorite Posts

• اضافه کردن متد سرویس برای بارگیری پست های مورد علاقه Adding Service Method to Load Favorited Posts

• ایجاد یک Controller، یک Action و یک View برای پست های مورد علاقه Creating a Controllerand, an Action and a View for Favorite Posts

• بارگیری پست های مورد علاقه Loading Favorited Posts

تنظیمات پروفایل کاربر User Profile Settings

• ایجاد Controller، Action و View تنظیمات پروفایل کاربر Creating User Profile Settings Controller, Action and View

• ایجاد سرویس تنظیمات پروفایل کاربر Creating the User Profile Settings Service

• طراحی بخش هدر پروفایل کاربر Designing the Header Section of User Profile

• طراحی بخش تب های پروفایل کاربر Designing the Tabs Section of User Profile

• پیاده سازی متد سرویس آپلود عکس پروفایل Implementing Profile Picture Upload Service Method

• پیش نمایش و آپلود عکس پروفایل کاربر Previewing and Uploading the User Profile Picture

• پیاده سازی قابلیت تب "به روز رسانی پروفایل" Implementing 'Update Profile' Tab Functionality

• اضافه کردن قابلیت به روز رسانی تب "رمز عبور" Adding 'Password' Tab Update Functionality

مدیریت جزئیات پست Post Details Management

• ایجاد یک متد سرویس جدید برای دریافت جزئیات پست Creating a New Service Method to Get Post Details

• ایجاد هندلر اکشن جزئیات پست Creating Post Details Action Handler

• پیاده سازی نمایش جزئیات پست Implementing Post Details Display

• رفع مشکل بارگیری تصویر در نمای جزئیات پست Fixing Image Loading in Post Details View

• رفع دکمه Show All Comments Fixing Show All Comments Button

مدیریت احراز هویت و مجوز کاربر User Authentication and Authorization Management

• پیکربندی سرویس های Identity Configuring Identity Services

• اضافه کردن کلاس های Identity سفارشی و اصلاح جداول پایگاه داده Adding Custom Identity Classes and Modifying Database Tables

• Seeding پایگاه داده برنامه با نقش ها و کاربران Seeding Application Database with Roles and Users

• ایجاد Controller احراز هویت با نماهای Login و Register خالی Creating the Authentication Controller with Empty Login and Register Views

• طراحی فرم ورود به سیستم با یک اسلایدر تصویر Designing the Login Form with an Image Slider

• طراحی فرم ثبت نام Designing the Registration Form

• ثبت نام یک کاربر جدید Registering a New User

• اضافه کردن اعتبارسنجی به فرم ثبت نام Adding Validation to the Registration Form

• رسیدگی به خطاهای ثبت نام Handling Registration Errors

• سفارشی سازی الزامات پیش فرض رمز عبور Customizing Default Password Requirements

• پیاده سازی ورود به سیستم با اعتبارسنجی Implementing Login with Validation

• تغییر مسیر کاربران پس از ورود به سیستم Redirecting Users After Login

• نمایش منوها بر اساس احراز هویت کاربر Displaying Menus Based on User Authentication

• خروج امن کاربران Logging Users Out Securely

• نمایش جزئیات کاربر با استفاده از Claims Displaying User Details Using Claims

• به روز رسانی امن رمز عبور با تب Navigation Secure Password Updates with Tab Navigation

• مدیریت به روز رسانی های پروفایل کاربر Managing User Profile Updates

• بهبود قابلیت مشاهده پروفایل با داده های کاربر Enhancing Profile Visibility with User Data

• بازسازی رسیدگی به شناسه کاربری با Base Controller Refactoring User ID Handling with Base Controller

ورود اجتماعی: احراز هویت کاربران با Google & GitHub Social Login: Authenticate Users with Google & GitHub

• ایجاد یک برنامه Google OAuth Creating a Google OAuth Application

• پیاده سازی احراز هویت Google در برنامه Implementing Google Authentication in Your Application

• مدیریت جریان احراز هویت کاربر Google Managing Google User Authentication Flow

• راه اندازی برنامه GitHub OAuth Setting Up GitHub OAuth Application

• پیاده سازی احراز هویت GitHub در برنامه Implementing GitHub Authentication in Your Application

• مدیریت جریان احراز هویت کاربر GitHub Managing GitHub User Authentication Flow

پروفایل کاربر: نمایش و مدیریت جزئیات کاربر User Profile: Display & Manage User Details

• ایجاد یک Controller جدید برای جزئیات پروفایل کاربر Creating a New Controller for User Profile Details

• طراحی بخش بالای صفحه پروفایل Designing the Top Section of the Profile Page

• طراحی بخش پست ها و دوستان Designing the Posts & Friends Section

• بارگیری جزئیات کاربر - نمایش پست های کاربر Loading User Details – Show User Posts

• ساده سازی صفحه جزئیات کاربر - نمایش پست ها بدون بخش نظرات Simplifying User Details Page – Show Posts Without Comments Section

• به روز رسانی بخش پروفایل کاربر - نمایش عکس پروفایل، نام کامل و نام کاربری Updating User Profile Section – Show Profile Picture, Full Name, and Username

• رفع لینک های خراب و مشکلات URL عکس پروفایل Fixing Broken Links & Profile Picture URL Issues

ایجاد و مدیریت دوستی ها: درخواست ها، پیشنهادات و ارتباطات Building & Managing Friendships: Requests, Suggestions, and Connections

• راه اندازی زیرساخت پایگاه داده Setting Up Database Infrastructure

• ایجاد FriendsService و یک متد برای ارسال درخواست های دوستی Creating FriendsService And a Method For Sending Friend Requests

• ایجاد متدهای سرویس برای مدیریت درخواست های دوستی (پذیرش، رد، لغو) Create Service Methods For Managing Friend Requests (Accept, Reject, Cancel)

• ایجاد FriendsController و View Creating FriendsController and View

• ایجاد ViewComponent 'افرادی که ممکن است بشناسید' Creating the 'People You May Know' ViewComponent

• نمایش دوستان پیشنهادی در برنامه Display Suggested Friends in the App

• نمایش دوستان پیشنهادی با تعداد دوستان آنها Display Suggested Friends with Their Friend Count

• پیاده سازی دنبال کردن کاربر: ارسال درخواست های دوستی Implementing User Following: Sending Friend Requests

• آماده سازی داده های درخواست دوستی - ایجاد ViewModel و بارگیری داده ها Preparing Friendship Request Data – Create ViewModel & Load Data

• نمایش درخواست های دوستی - بارگیری داده های آماده شده Displaying Friendship Requests – Load Prepared Data

• لیست کردن درخواست های دوستی دریافت شده Listing Received Friendship Requests

• لغو یک درخواست دوستی Canceling a Friendship Request

• پذیرش یک درخواست دوستی Accepting a Friendship Request

• نمایش دوستان Showing Friends

• رد یک درخواست دوستی Rejecting a Friendship Request

• حذف یک دوست Removing a Friend

• بازسازی کد - مدیریت وضعیت ها با یک متد واحد Code Refactoring – Manage Statuses with a Single Method

تعامل با پست ها بدون Refresh صفحه Interacting with Posts Without Page Refresh

• لایک یک پست بدون Refresh صفحه Liking a Post Without Refreshing the Page

• پسندیدن یک پست بدون Refresh صفحه Favoriting a Post Without Refreshing the Page

• اضافه کردن نظر به یک پست بدون Refresh صفحه Adding a Comment to a Post Without Refreshing the Page

• حذف یک نظر از یک پست بدون Refresh صفحه Removing a Comment from a Post Without Refreshing the Page

پیاده سازی نوتیفیکیشن های Real-Time با SignalR Implementing Real-Time Notifications with SignalR

• راه اندازی پایگاه داده برای اعلان ها Setting Up the Database for Notifications

• راه اندازی SignalR برای به روز رسانی های Real-Time Setting Up SignalR for Real-Time Updates

• ذخیره اعلان ها در پایگاه داده Saving Notifications to the Database

• راه اندازی اعلان ها در رویدادها Triggering Notifications on Events

• ادغام سمت کلاینت SignalR SignalR Client-Side Integration

• نمایش شاخص اعلان خوانده نشده ("متن جدید") Displaying Unread Notification Indicator ("New" Text)

• جایگزینی "جدید" با یک شمارنده اعلان Replacing "New" with a Notification Counter

• بهینه سازی نحوه ذخیره و ارسال اعلان ها Optimizing How Notifications Are Stored and Sent

• ایجاد یک هندلر اعلان قابل استفاده مجدد (Generic) Creating a Reusable Notification Handler (Generic)

• واکشی نام کامل کاربران وارد شده Fetching the Full Name of Logged-In Users

• اطلاع رسانی به کاربران در مورد تعاملات پست (لایک، علاقه مندی و نظرات) Notifying Users About Post Interactions (Likes, Favorites, and Comments)

• نمایش اعلان ها در UI Displaying Notifications in the UI

• اضافه کردن Timestamp به اعلان ها Adding Timestamps to Notifications

• اجازه دادن به کاربران برای علامت گذاری اعلان ها به عنوان خوانده شده Allowing Users to Mark Notifications as Read

• تمایز بین انواع اعلان ها با استفاده از آیکون ها Differentiating Between Notification Types Using Icons

• درخواست های دوستی و اعلان های تایید Friendship Requests and Approval Notifications

• تغییر مسیر کاربران از اعلان ها به صفحات مرتبط Redirecting Users from Notifications to Relevant Pages

ساخت داشبورد ادمین برای پست های گزارش شده Building the Admin Dashboard for Reported Posts

• راه اندازی یک Controller و View جدید Setting Up a New Controller and View

• واکشی پست های گزارش شده از پایگاه داده Fetching Reported Posts from Database

• نمایش پست های گزارش شده در داشبورد ادمین Displaying Reported Posts in the Admin Dashboard

• اضافه کردن نوار بالایی برای پنل ادمین Adding a Top Bar for the Admin Panel

• به روز رسانی UI بر اساس نقش کاربر وارد شده Updating the UI Based on LoggedIn User Role

• بهبود UI برای پست های گزارش شده Improving the UI for Reported Posts

• تایید یک گزارش و حذف یک پست Approving a Report and Removing a Post

• رد یک گزارش و بازیابی یک پست Rejecting a Report and Restoring a Post

ادغام پایگاه داده و فضای ذخیره سازی Azure Integrating Azure Database and Storage

• راه اندازی محیط توسعه در Azure Setting Up the Development Environment in Azure

• پیکربندی Azure Blob Storage Configuring Azure Blob Storage

• به روز رسانی سرویس برای آپلود داده ها به Azure Updating the Service to Upload Data to Azure

• نمایش تصاویر آپلود شده در برنامه Displaying Uploaded Images in the App

• پیکربندی پایگاه داده Azure SQL Configuring Azure SQL Database

• اتصال پایگاه داده Azure SQL به برنامه Connecting Azure SQL Database to the App

• استفاده از Azure Data Studio و Storage Explorer Using Azure Data Studio and Storage Explorer

CI/CD با Azure و GitHub CI/CD with Azure and GitHub

• استقرار برنامه در Azure از Visual Studio Deploying the App to Azure from Visual Studio

• راه اندازی استقرار مداوم در Azure Setting Up Continuous Deployment in Azure

• تست خط لوله استقرار Testing the Deployment Pipeline