آموزش ساختن برنامه FullStack با استفاده از NetCore، Angular و ChatGPT

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

معرفی Introduction

• معرفی Introduction

• نسخه ی نمایشی Demo

• درباره ChatGPT About ChatGPT

• استراتژی انشعاب Github Github Branching Strategy

• توسعه IDE Development IDE

ساخت API ها Building APIs

• معرفی Introduction

• نصب چارچوب Framework Installation

• ایجاد راه حل Creating the solution

• در حال اجرای برنامه Running the application

• ایجاد اولین کنترلر خود با ChatGPT Creating our first controller with ChatGPT

• ایجاد موجودیت BaseEntity و ProductBrand Creating BaseEntity and ProductBrand entity

• ایجاد نوع محصول و موجودیت محصول Creating ProductType and Product Entity

• بهبود کنترلر با استفاده از chatgpt بر اساس موجودیت محصول Improving the controller using chatgpt based on Product Entity

• افزودن بسته‌های Nuget EntityFramework Adding EntityFramework Nuget Packages

• ایجاد DbContext با استفاده از ChatGPT Creating DbContext using ChatGPT

• افزودن یک رشته اتصال Adding a connection string

• اعمال مهاجرت با استفاده از ChatGPT Applying Migrations using ChatGPT

• به روز رسانی ابزار Dotnet EF با استفاده از ChatGPT Updating the Dotnet EF tooling using ChatGPT

• به روز رسانی پایگاه داده Updating the Database

• درج داده ها با استفاده از SQLite Explorer Inserting the data using SQLite Explorer

• کنترلر را بر اساس DbContext با استفاده از ChatGPT تغییر داد Modified the controller based on DbContext using ChatGPT

• اجرای برنامه Running the Application

• تغییر نام پروژه API Renaming the API Project

• ایجاد پروژه های Infra و Core Creating the Infra and Core Projects

• سوالات چند گزینه ای Multiple Choice Questions

پیاده سازی الگوی مخزن Implementing Repository Pattern

• معرفی Introduction

• استراتژی Github Github Strategy

• افزودن رابط ها Adding Interfaces

• پیاده سازی مخازن Implementing Repositories

• ثبت وابستگی در فایل برنامه Registering the dependency in program file

• تکمیل اجرای مخزن با استفاده از ChatGPT Completing Repository implementation using ChatGPT

• تغییر کد کنترلر محصول Changing the Product controller code

• اعمال مهاجرت Applying Migrations

• اعمال مهاجرت در سطح برنامه Applying Migrations at Program level

• ایجاد پایگاه داده Creating the database

• تغییر نام پایگاه داده Changing the database name

• پیاده سازی Seed Data با استفاده از ChatGPT Implementing Seed Data using ChatGPT

• خطایی در حین مهاجرت رخ داد Error Occurred during migration

• مشکل خطای استاتیک Static error issue

• داده های بذر پس از تعمیر Seeded data after fix

• پیاده سازی برندها و انواع Implementing brands and types

• سوالات چند گزینه ای Multiple choice questions

پیاده سازی الگوی مخزن عمومی Implementing Generic Repository Pattern

• مقدمه Intoduction

• ایجاد ساختار مخزن عمومی Creating structure of Generic Repository

• ثبت خدمات در کلاس برنامه Registering service in program class

• پیاده سازی الگوی مخزن با استفاده از ChatGPT Implementing Repository Pattern using ChatGPT

• اصلاح اجرای مخزن عمومی Modifying the Generic repository implementation

• ویژگی های ناوبری با الگوی مخزن عمومی مشکل دارد Navigation properties issue with Generic Repository Pattern

• 7. رفع مشکل اموال ناوبری 7. Fixing Navigation property issue

پیاده سازی الگوی مشخصات Implementing Specification Pattern

• معرفی Introduction

• درک الگوی مشخصات از ساختار پروژه ما Understanding Specification pattern from our project structure

• پیاده سازی مشخصات پایه Implementing Base Specification

• پیاده سازی محصول با مشخصات برند و نوع Implementing Product with brand and type specification

• پیاده سازی مشخصات با استفاده از ChatGPT در مخزن عمومی Implementing specification using ChatGPT in Generic Repository

• رفع مشکل رابط Fixing the interface issue

• پیاده سازی مشخصات در کنترلر محصول با استفاده از ChatGPT Implementing Specification in Product controller using ChatGPT

• بازگرداندن موجودیت محصول با الگوی مشخصات با استفاده از ChatGPT Returning Product entity with Specification Pattern using ChatGPT

• بازسازی کد با استفاده از ChatGPT Refactoring code using ChatGPT

• ایجاد DTO محصول Creating Product DTO

• افزودن AutoMapper با استفاده از ChatGPT Adding AutoMapper using ChatGPT

• نسخه ی نمایشی DTO محصول با استفاده از AutoMapper Product DTO Demo using AutoMapper

افزودن قابلیت های جستجو، فیلتر، مرتب سازی، صفحه بندی Adding Searching, Filtering, Sorting, Paging Capabilities

• معرفی Introduction

• از جمله ترتیب بر اساس جهت در رابط مشخصات Including Order By direction in the Specification Interface

• ایجاد پیاده سازی مرتب سازی با استفاده از ChatGPT Creating Sorting implementation using ChatGPT

• اجرای سفارش بر اساس مشخصات Implementing Order by specifications

• رفع ترتیب بر اساس شماره Fixing Order by issue

• افزودن گزینه های مرتب سازی بیشتر Adding more sort options

• رفع مشکلات مرتب سازی Fixing sorting issues

• پیاده سازی فیلترینگ Implementing Filtering

• پیاده سازی صفحه بندی با استفاده از ChatGPT Implementing Paging using ChatGPT

• رفع مشکل صفحه بندی Fixing Paging Issue

• افزودن قابلیت جستجو Adding Search Functionality

• فعال کردن CORS Enabling CORS

پیاده سازی زاویه ای Angular Implementation

• معرفی Introduction

• نصب زاویه ای Angular Installation

• ساخت اپلیکیشن Angular Creating Angular application

• اجرای برنامه Angular Running Angular app

• اضافه کردن ngx-bootsrap Adding ngx-bootsrap

• نصب فونت Awesome Installing Font Awesome

• افزودن کامپوننت نوار ناوبری Adding Navbar Component

• ایجاد طراحی اجزای نوار نوار با استفاده از ChatGPT Creating Navbar Component Design using ChatGPT

• رفع مشکل تراز Fixing the alignment issue

• ایجاد نماد برند با استفاده از Dalle 3 Creating brand icon using Dalle 3

• طراحی صفحه جزء برنامه با استفاده از ChatGPT Designing the App Component Page using ChatGPT

• معرفی ماژول HTTP Client با استفاده از ChatGPT Introducing HTTP Client Module using ChatGPT

• رفع خطای ماژول سرویس گیرنده HTTP Fixing HTTP Client Module Error

• ایجاد کلاس صفحه بندی Creating Pagination class

• پیاده سازی عملکرد CountAsync Implementing CountAsync Functionality

• ایجاد مشخصات تعداد محصول با استفاده از ChatGPT Creating Product Count Specification using ChatGPT

• بازسازی روش دریافت محصولات Refactoring the Get Products Method

• افزودن مدل های محصول و صفحه بندی Adding Product and Pagination models

تجربه خرید ساختمان Building shopping experience

• معرفی Introduction

• ایجاد هسته و ماژول مشترک Creating Core and Shared Module

• ایجاد ماژول فروشگاه Creating Store Module

• پیاده سازی اجزای فروشگاه، خدمات با استفاده از ChatGPT Implementing Store components, services using ChatGPT

• هنگام بارگیری محصولات خطایی روی داد Error occurred while loading products

• رفع مشکل سرویس فروشگاه Fixing store service issue

• طراحی چیدمان با استفاده از ChaptGPT - قسمت اول Layout Design using ChaptGPT - 1st Part

• طراحی چیدمان با استفاده از ChatGPT - قسمت دوم Layout design using ChatGPT - 2nd Part

• طراحی چیدمان با استفاده از ChatGPT - قسمت سوم Layout design using ChatGPT - 3rd Part

• پیاده‌سازی جزء آیتم محصول با استفاده از اتصال ویژگی ورودی Implementing Product Item component using Input property binding

• پیاده سازی طرح کارت در آیتم محصول Implementing card layout in Product Item

• در حال بارگذاری تصاویر Loading images

• افزودن نمایش و دکمه افزودن به سبد خرید با استفاده از chatgpt Adding view and add to cart button using chatgpt

• عناصر طراحی تغییر می کند Design element changes

• ایجاد متدهای برندها و انواع در زاویه ای با استفاده از ChatGPT Creating Brands and Types methods in angular using ChatGPT

• سیم کشی جزء و خدمات برای واکشی مارک ها و انواع Wiring up component and service to fetch brands and types

• اعمال فیلترها با استفاده از HttpParams Applying Filters using HttpParams

• رفع منطق فیلترینگ Fixing Filtering logic

• رفع مشخصات و منطق فیلتر کردن Fixing Specification & Filtering logic

• پیاده سازی قابلیت مرتب سازی Implementing sorting functionality

• پیاده سازی قابلیت جستجو و بازنشانی Implementing search and reset functionality

تجربه خرید ساختمان - قسمت 2 Building shopping experience - Part 2

• معرفی Introduction

• راه اندازی صفحه بندی Pagination Setup

• ایجاد پارامترهای فروشگاه Creating the store params

• پیاده سازی پارامترهای صفحه بندی Implementing Pagination params

• سیم کشی کنترل کننده رویداد صفحه بندی Wiring up Pagination event handler

• رفع مشکل صفحه بندی Fixing the pagination issue

• پیاده سازی پارامترهای صفحه بندی در API Implementing pagination params in API

• درک منطق صفحه بندی Understanding Pagination logic

• ایجاد هدر صفحه بندی به عنوان جزء مشترک Creating Pagination header as shared component

• ایجاد صفحه بندی به عنوان کامپوننت مشترک Creating Pagination as shared Component

• رفع مشکل پیجینگ Fixing Paging issue

ایجاد مسیرها Creating Routes

• معرفی Introduction

• ایجاد ماژول جزئیات خانه و محصول Creating home and product detail module

• ایجاد مسیر Route creations

• پیاده سازی لینک روتر Implementing router link

• فعال کردن لینک روتر Activating router link

• رفع فعال سازی مسیر Fixing route activation

• دریافت جزئیات محصول Getting the Product detail

• رفع مشکل مشخصات محصول Fixing the product specification issue

• طراحی صفحه جزئیات محصول Designing the Product detail page

• رفع مشکل شی پیچیده Fixing the complex object problem

• فعال کردن Lazy loading Activating Lazy loading

• رفع مشکل مسیر Fixing route issue

رسیدگی به خطا Error Handling

• معرفی Introduction

• ایجاد اجزای خطا Creating error components

• ایجاد تصاویر خطا با استفاده از Dalle-3 Creating error images using Dalle-3

• 4. ثبت مسیرها 4. Registering routes

• آشنایی با رهگیرهای HTTP با استفاده از ChatGPT Understanding about HTTP Interceptors using ChatGPT

• ایجاد رهگیر خطا Creating Error Interceptor

• پیاده سازی رهگیر خطا Implementing error interceptor

• شبیه سازی خطاها Simulating errors

• اجرای Toastr Implementing Toastr

• رفع اعلان نان تست Fixing Toast notification

طراحی بخش هدر Designing Header section

• معرفی Introduction

• ایجاد هدر بخش Creating section header

• طراحی پودر سوخاری Designing breadcrumb

• اصلاح طرح طراحی Fixing the design layout

• نصب کامپوننت xng-breadcrumb Installing xng-breadcrumb component

• پیکربندی BreadCrumb BreadCrumb configuration

• تنظیم نام مستعار breadcrumb Setting the breadcrumb alias

• استفاده از لوله همگام برای دسترسی به برچسب پودر سوخاری Using the async pipe to access breadcrumb label

• نصب پکیج اسپینر ngx Installing ngx spinner package

• ایجاد سرویس بارگیری Creating Loading service

• پیاده سازی اسپینر Implementing spinner

• رفع مشکل اسپینر Fixing spinner issue

• طراحی صفحه اصلی Designing Home page

• رفع مشکل صفحه اصلی Fixing the home page issue

مهاجرت به Angular 17 Migrating to Angular 17

• معرفی Introduction

• سلب مسئولیت Disclaimer

• راهنمای به روز رسانی به Angular 17 Guide to update to Angular 17

• Angular 17 ارتقا دهید Angular 17 Upgrade

• تست نسخه Angular ارتقا یافته Testing upgraded Angular version

پیاده سازی Basket API Implementing Basket API

• معرفی Introduction

• مقدمه ای بر ردیس Introduction to Redis

• نصب بسته Stack Exhange Redis Nuget Installing Stack Exhange Redis Nuget package

• رفع مشکل Multiplexer Fixing the Multiplexer Issue

• ایجاد موجودیت های سبد Creating the Basket Entities

• افزودن مخزن سبد Adding Basket Repository

• اجرای مخزن سبد Implementing Basket Repsoitory

• ایجاد کنترلر سبد Creating Basket controller

• معرفی داکر Docker introduction

• ایجاد فایل نوشتن Docker برای Redis با استفاده از ChatGPT Creating Docker compose file for Redis using ChatGPT

• اجرای دستور نوشتن Docker Running Docker compose command

• تست سبد Api Testing Basket Api

• تست Redis Commander Testing Redis Commander

اجرای سبد مشتری Implementing Basket Client

• معرفی Introduction

• ایجاد ماژول سبد Creating Basket module

• رفع خطای ماژول Fixing Module error

• ایجاد مسیرهای سبد Creating basket routes

• تست رابط کاربری Testing the UI

• ایجاد انواع سبد Creating Basket Types

• پیاده سازی بسته UUID Implementing UUID package

• ایجاد سرویس سبد با استفاده از ChatGPT Creating the basket service using ChatGPT

• پیاده سازی روش های خدمات سبد Implementing the basket service methods

• گسترش روش های خدمات سبد Extending Basket service methods

• نگاشت محصول به سبد کالا Mapping product to basket Item

• اجرای روش upsert Implementing upsert method

• افزودن سبد کالا از صفحه کالا Adding basket item from product item page

• حذف بسته UUIDV4 برای رفع مشکل Removing UUIDV4 package to fix the issue

• رفع خطای سبد Fixing the basket error

• تغییر مؤلفه برنامه برای ثبت جزئیات سبد Modifying app component to capture basket details

• پیاده سازی سبد خرید هیچ عملکردی ندارد Implementing the cart no functionality

• پیاده سازی راهنمای ابزار سبد Implementing the basket tooltip

• طراحی صفحه سبد Designing the basket page

• طراحی صفحه سبد - قسمت دوم Designing the Basket page - 2nd Part

• محاسبه زیر کل سبد Calculating Basket sub total

• ایجاد صفحه خلاصه سفارش Creating the Order Summary page

• اجرای سبد افزایش، کاهش، حذف عملکرد Implementing Basket increment, decrement, remove functionality

• عملکرد سبد کار Working basket functionality

ASP.Net Core Identity ASP.Net Core Identity

• معرفی Introduction

• درباره ASP.Net Identity About ASP.Net Identity

• آشنایی با بسته های هویت مایکروسافت Understanding Microsoft Identity Packages

• نصب پکیج ها Installing Packages

• ایجاد کاربر برنامه Creating Application User

• ایجاد برنامه DbContext Creating Application DbContext

• ایجاد مهاجرت هویت Creating Identity migration

• بذر هویت کاربر Seeding Identity User

• راه اندازی Identity db Setting up the Identity db

• رفع مشکل هویت Fixing the Identity Issue

• ایجاد کنترلر حساب Creating Account Controller

• افزودن AutoMapper برای مدیریت چرت زدن Adding AutoMapper to handle napping

• تست عملکرد ورود و ثبت نام Testing the Login and Register functionality

• درباره JSON Web Token با نام JWT About JSON Web Token aka JWT

• ایجاد سرویس تولید توکن Creating Token generation service

• پیاده سازی سرویس تولید توکن Implementing Token generation service

• درک جریان تولید توکن Understanding Token generation flow

• به روز رسانی کنترل کننده حساب با جریان تولید توکن Updating account controller with token generation flow

• تست کنترل کننده محصول با توکن Testing the Product controller with token

• درک توکن Understanding Token

ادغام هویت در Angular Application Integrating Identity in Angular Application

• معرفی Introduction

• ایجاد ماژول و اجزای حساب کاربری Creating Account module and components

• ایجاد مسیرها Creating Routes

• ایجاد انواع Creating Types

• ایجاد سرویس حساب کاربری با استفاده از ChatGPT Creating Account Service using ChatGPT

• حل مشکل TypeScript با استفاده از ChatGPT Resolving the TypeScript issue using ChatGPT

• طراحی فرم ورود با استفاده از ChatGPT Designing Login Form using ChatGPT

• پیاده سازی قابلیت ورود Implementing Login functionality

• رفع مشکل صفحه ورود Fixing Login Page issue

• نمایش کاربر وارد شده Showing Logged in User

• استفاده از سرویس حساب در App Component Using Account Service at App Component

• رفع مشکل بازخوانی صفحه با استفاده از ChatGPT Fixing the Page refresh issue using ChatGPT

• رفع مشکل تراز با استفاده از ChatGPT Fixing the alignment issue using ChatGPT

• اعتبار سنجی فرم های زاویه ای برای صفحه ورود با استفاده از ChatGPT Angular forms validation for Login Page using ChatGPT

• ایجاد فرم ثبت نام با استفاده از ChatGPT Creating Registration form using ChatGPT

• اجرای اعتبارسنجی صفحه ثبت نام با استفاده از ChatGPT Implementing Registration page validation using ChatGPT

• صفحه ثبت نام آزمون Testing Registration Page

وارسی Checkout

• معرفی Introduction

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

• سیم کشی صفحات پرداخت با استفاده از ChatGPT Wiring up checkout pages using ChatGPT

• ایجاد Auth Guard با استفاده از ChatGPT Creating Auth Guard using ChatGPT

• پیاده سازی Auth Guard با استفاده از ChatGPT Implementing Auth Guard using ChatGPT

• پیاده سازی URL بازگشتی با استفاده از ChatGPT Implementing the Return URL using ChatGPT

• ایجاد تجربه Tabbed Checkout با استفاده از ChatGPT Creating Tabbed experience of Checkout using ChatGPT

• ایجاد کامپوننت های مورد نیاز Creating the required Components

• سیم کشی جزء آدرس با استفاده از ChatGPT Wiring up Address component using ChatGPT

• اعتبار سنجی فرم آدرس با استفاده از ChatGPT Address form validation using ChatGPT

• تنظیم مسیرهای کودک برای پرداخت با استفاده از ChatGPT Setting Child routes for Checkout using ChatGPT

• رفع مشکل ناوبری با استفاده از ChatGPT Fixing Navigation issue using ChatGPT

• طراحی صفحه حمل و نقل با استفاده از ChatGPT Designing Shipping Page using ChatGPT

• تکلیف - غیرفعال کردن برگه Assignment - Disable Tab

• تخصیص - اجرای اعتبارسنجی رمز Assignment - Implement Token Validation

• تکلیف - آدرس را از قبل پر کنید در تب آدرس Assignment - Pre fill Address in Address Tab

• به روز رسانی قیمت حمل و نقل با استفاده از ChatGPT Updating Shipment Price using ChatGPT

• تکمیل صفحه حمل و نقل با استفاده از ChatGPT Finishing Shipment Page using ChatGPT

• ایجاد صفحه بررسی با استفاده از ChatGPT Creating Review page using ChatGPT

• پاکسازی سبد پس از ارسال سفارش Clearing the Cart after Order Submission

• متشکرم Thank You

بخش پاداش Bonus Section

• سخنرانی پاداش Bonus Lecture