آموزش ساخت اپلیکیشن تجارت الکترونیک با Net Core و Angular

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

معرفی Introduction

• معرفی Introduction

• راه اندازی محیط توسعه دهنده Setting up the developer environment

• راه اندازی VS Code برای توسعه C# Setting up VS Code for C# development

• کد منبع و دارایی های دوره را از کجا می توان دریافت کرد Where to get the source code and course assets

مبانی API API Basics

• معرفی Introduction

• ایجاد پروژه Web API Creating the Web API project

• اجرای API با استفاده از DotNet CLI Running the API using the DotNet CLI

• بررسی فایل های راه اندازی Web API Reviewing the Web API startup files

• اضافه کردن اولین API Controller ما Adding our first API Controller

• اضافه کردن یک کلاس C# Entity Adding a C# Entity class

• راه اندازی Entity Framework Setting up Entity Framework

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

• افزودن یک مهاجرت Entity Framework Adding an Entity Framework migration

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

• خواندن داده ها از پایگاه داده در API Reading the data from the Database in the API

• مجموعه پستچی Postman Collections

• ایجاد پروژه های اضافی Creating the additional projects

• ذخیره پروژه ما در کنترل منبع با استفاده از Git و GitHub Saving our project into source control using Git and GitHub

• خلاصه بخش 2 Summary of section 2

معماری API API Architecture

• معرفی Introduction

• الگوی مخزن The Repository Pattern

• اضافه کردن یک مخزن و رابط Adding a Repository and Interface

• اضافه کردن روش های مخزن Adding the repository methods

• گسترش نهاد محصولات و ایجاد نهادهای مرتبط Extending the products entity and creating related entities

• ایجاد یک مهاجرت جدید برای نهادها Creating a new migration for the entities

• پیکربندی مهاجرت ها Configuring the migrations

• اعمال مهاجرت ها و ایجاد پایگاه داده هنگام راه اندازی برنامه Applying the migrations and creating the Database at app startup

• افزودن داده های Seed Adding Seed data

• افزودن کد برای دریافت مارک ها و انواع محصول Adding the code to get the product brands and types

• بارگیری مشتاقانه ویژگی های ناوبری Eager loading of navigation properties

• خلاصه بخش 3 Summary of section 3

API Generic Repository API Generic Repository

• معرفی Introduction

• ایجاد یک مخزن و رابط عمومی Creating a Generic repository and interface

• پیاده سازی روش ها در مخزن عمومی Implementing the methods in the Generic repository

• مقدمه ای بر الگوی مشخصات Introduction to the specification pattern

• ایجاد کلاس مشخصات Creating a specification class

• ایجاد یک ارزیاب مشخصات Creating a specification evaluator

• پیاده سازی مخزن با روش های مشخصات Implementing the repository with specification methods

• استفاده از روش های مشخصات در کنترلر Using the specification methods in the controller

• دریافت یک محصول واحد با مشخصات Getting a single product with specification

• استفاده از Debugger برای مشاهده الگوی مشخصات در عمل Using the Debugger to view the spec pattern in action

• شکل دادن به داده ها برای بازگشت با DTO Shaping the data to return with DTOs

• افزودن AutoMapper به پروژه API Adding AutoMapper to the API project

• پیکربندی نمایه های AutoMapper Configuring AutoMapper profiles

• اضافه کردن یک Resolver ارزش سفارشی برای AutoMapper Adding a Custom Value Resolver for AutoMapper

• ارائه محتوای ثابت از API Serving static content from the API

• خلاصه بخش 4 Summary of section 4

مدیریت خطای API API Error Handling

• معرفی Introduction

• ایجاد یک کنترلر تست برای خطاها Creating a test controller for errors

• ایجاد یک پاسخ خطای ثابت از API Creating a consistent error response from the API

• افزودن یک کنترل کننده خطای نقطه پایانی یافت نشد Adding a not found endpoint error handler

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

• بهبود پاسخ های خطای اعتبارسنجی Improving the validation error responses

• افزودن Swagger برای مستندسازی API ما Adding Swagger for documenting our API

• بهبود مستندات فحشا Improving the swagger documentation

• تمیز کردن کلاس Startup Cleaning up the Startup class

• خلاصه بخش 5 Summary of section 5

صفحه بندی API، فیلتر کردن، مرتب سازی و جستجو API Paging, Filtering, Sorting & Searching

• معرفی Introduction

• اضافه کردن یک کلاس مشخصات مرتب سازی Adding a sorting specification class

• افزودن مشخصات مرتب سازی قسمت 2 Adding a sorting specification part 2

• کار بر روی مسئله اعشاری در Sqlite Working around the decimal problem in Sqlite

• افزودن قابلیت فیلترینگ Adding filtering functionality

• افزودن صفحه بندی قسمت 1 Adding Pagination Part 1

• افزودن صفحه بندی قسمت 2 Adding Pagination Part 2

• افزودن صفحه بندی قسمت 3 Adding Pagination Part 3

• افزودن قابلیت جستجو Adding the search functionality

• افزودن پشتیبانی CORS به API Adding CORS Support to the API

• خلاصه بخش 6 Summary of section 6

مشتری - راه اندازی زاویه ای Client - Angular setup

• معرفی Introduction

• راه اندازی محیط توسعه دهنده برای Angular Setting up the developer environment for Angular

• ایجاد پروژه Angular Creating the Angular project

• بررسی فایل های پروژه Angular در قالب Reviewing the Angular project files in the template

• راه اندازی Angular برای استفاده از HTTPS Setting up Angular to use HTTPS

• اضافه کردن بوت استرپ و فونت عالی Adding bootstrap and font-awesome

• افزودن پسوندهای VS Code برای Angular Adding VS Code extensions for Angular

مشتری - Angular Basics Client - Angular Basics

• معرفی Introduction

• افزودن یک جزء نوار نوار Adding a Nav Bar component

• افزودن کد HTML NavBar Adding the NavBar HTML code

• حالت دادن به نوار پیمایش Styling the nav bar

• معرفی ماژول Http Client Intro to the Http Client Module

• قابل مشاهده Observables

• مقدمه ای بر تایپ اسکریپت Intro to Typescript

• نسخه ی نمایشی تایپ اسکریپت Typescript Demo

• ایجاد رابط محصولات Creating a products interface

• خلاصه بخش 8 Summary of section 8

مشتری - ساختن رابط کاربری برای فروشگاه ما Client - Building the UI for our shop

• معرفی Introduction

• سازماندهی فایل ها و پوشه های ما Organising our files and folders

• معرفی خدمات Angular Intro to Angular services

• خدمات مصرفی در کامپوننت Consuming services in the component

• طراحی صفحه فروشگاه Designing the shop page

• افزودن یک جزء فرزند برای اقلام محصول Adding a child component for the product items

• انتقال داده به اجزای فرزند Passing down data to child components

• افزودن فیلترهای محصول Adding the product filters

• افزودن قابلیت فیلتر Adding the filter functionality

• وصل کردن فیلتر به HTML Hooking up the filter to the HTML

• افزودن قابلیت مرتب سازی Adding the sort functionality

• افزودن قابلیت صفحه بندی Adding the pagination functionality

• افزودن قابلیت صفحه بندی قسمت 2 Adding the pagination functionality part 2

• افزودن قابلیت صفحه بندی قسمت 3 Adding the pagination functionality part 3

• اضافه کردن هدر صفحه بندی Adding a pagination header

• تبدیل مولفه صفحه بندی به یک جزء مشترک Making the pagination component a shared component

• صفحه بندی و ویژگی های خروجی Pagination and Output properties

• افزودن قابلیت جستجو Adding the search functionality

• رفع اشکال! Resolving the Bug!

• خلاصه بخش 9 Summary of section 9

مشتری - مسیریابی Client - Routing

• معرفی Introduction

• ایجاد اجزای اضافی برای مسیریابی Creating additional components to route to

• ایجاد مسیرها Creating the routes

• راه اندازی لینک های ناو Setting up the nav links

• فعال کردن لینک ها Making the links active

• دریافت یک محصول فردی Getting an individual product

• افزودن صفحه جزئیات محصول Adding the product detail page

• بارگذاری تنبل ماژول های زاویه ای Lazy loading angular modules

• خلاصه بخش 10 Summary of section 10

مشتری - رسیدگی به خطا Client - Error handling

• معرفی Introduction

• ایجاد یک جزء خطا برای آزمایش پاسخ های خطا Creating an error component for testing the error responses

• ایجاد اجزای خطای اضافی Creating additional error components

• استفاده از Http Interceptor برای گرفتن خطاها Using the Http Interceptor to catch errors

• افزودن اعلان‌های نان تست Adding toast notifications

• رسیدگی به خطاهای اعتبارسنجی Handling validation errrors

• بهبود مولفه خطای سرور داخلی Improving the internal server error component

• خلاصه بخش 11 Summary of section 11

مشتری - Pazzazz Client - Pazzazz

• معرفی Introduction

• اضافه کردن هدر بخش Adding a section header

• اضافه کردن آرد سوخاری Adding breadcrumbs

• با استفاده از سرویس پودر سوخاری Using the breadcrumb service

• تنظیم عنوان هدر بخش از سرویس breadcrumb Setting the section header title from the breadcrumb service

• سبک دادن به اقلام محصول Styling the product items

• تغییر تم بوت استرپ Changing the bootstrap theme

• اضافه کردن نشانگرهای بارگذاری Adding loading indicators

• پاک کردن مشکلات بارگذاری Cleaning up loading issues

• افزودن محتوای صفحه اصلی Adding the home page content

• خلاصه بخش 12 Summary of section 12

API - سبد API - Basket

• معرفی Introduction

• راه اندازی Redis Setting up Redis

• راه اندازی کلاس سبد Setting up the basket class

• ایجاد یک رابط مخزن سبد Creating a basket repository interface

• پیاده سازی مخزن سبد Implementing the basket repository

• اضافه کردن کنترل کننده سبد Adding the basket controller

• نصب Redis با Docker Installing Redis with Docker

• نصب Redis در مک Installing Redis on a Mac

• نصب Redis در ویندوز Installing Redis on Windows

• تست عملکرد سبد Testing the basket functionality

• خلاصه بخش 13 Summary of section 13

مشتری - سبد Client - Basket

• معرفی Introduction

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

• ایجاد انواع سبد Creating the basket types

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

• افزودن یک کالا به روش خدمات سبد Adding an item to the basket service method

• افزودن آیتم افزودن به سبد در روش جزء Adding the add item to basket in the component method

• تداوم سبد در راه اندازی Persisting the basket on startup

• نمایش تعداد اقلام سبد در نوار ناوبری Displaying the basket item count in the nav bar

• استایل دادن به صفحه سبد Styling the basket page

• اضافه کردن مجموع سبد به خدمات Adding the basket totals to the service

• ایجاد جزء خلاصه سفارش Creating the order summary component

• افزودن قابلیت افزایش و کاهش Adding the increment and decrement functionality

• افزودن توابع جزء سبد Adding the basket component functions

• وصل کردن جزء جزئیات محصول به سبد Hooking up the product detail component to the basket

• اضافه شدن ماژول پرداخت Adding the checkout module

• خلاصه بخش 14 Summary of section 14

API - هویت API - Identity

• معرفی Introduction

• راه اندازی بسته های هویتی Setting up the identity packages

• راه اندازی کلاس های هویت Setting up the identity classes

• افزودن IdentityDbContext Adding the IdentityDbContext

• اضافه کردن یک مهاجرت جدید Adding a new migration

• کاشت اطلاعات هویتی Seeding identity data

• افزودن سرویس های راه اندازی برای هویت Adding the Startup services for identity

• افزودن هویت به کلاس برنامه Adding identity to program class

• اضافه کردن یک کنترل کننده حساب Adding an Account controller

• ثبت نام کاربر Registering a user

• افزودن سرویس تولید توکن Adding a token generation service

• تنظیم هویت برای استفاده از رمز Setting up identity to use the token

• تست توکن Testing the token

• عیب یابی مشکلات احراز هویت Troubleshooting auth issues

• افزودن روش‌های حساب اضافی Adding additional account methods

• افزودن روش های افزونه مدیر کاربر Adding user manager extension methods

• افزودن Dto دیگر برای کاربر Adding another Dto for the user

• خلاصه بخش 15 Summary of section 15

API - اعتبار سنجی API - Validation

• معرفی Introduction

• پاسخ های خطای اصلی .Net .Net core error responses

• اعتبارسنجی مدل Model validation

• بررسی آدرس های ایمیل تکراری Checking for duplicate email addresses

• اعتبار سبد Validating the basket

• در حال به‌روزرسانی پیکربندی swagger برای هویت Updating swagger config for identity

• خلاصه بخش 16 Summary of section 16

مشتری - هویت Client - Identity

• معرفی Introduction

• ایجاد ماژول حساب کاربری Creating the account module

• ایجاد روش های خدمات حساب کاربری Creating the account service methods

• ایجاد فرم ورود Creating the login form

• معرفی فرم های زاویه ای Angular forms introduction

• استفاده از فرم های واکنشی در Angular Using reactive forms in Angular

• ارسال اطلاعات به سرور Submitting data to the server

• به روز رسانی نوار ناوبری برای کاربر وارد شده Updating the nav bar for the logged in user

• تداوم ورود Persisting the login

• افزودن کشویی به نوار ناوبری Adding a dropdown to the navbar

• اعتبار سنجی فرم در انگولار Form Validation in Angular

• نمایش خطاهای اعتبارسنجی Displaying validation errors

• ایجاد یک ورودی متنی قابل استفاده مجدد Creating a reusable text input

• قالب ورودی متن قابل استفاده مجدد Reusable text input template

• ایجاد فرم ثبت نام Creating a register form

• مقابله با خطاهای modelstate Dealing with modelstate errors

• اعتبار سنجی ناهمگام Async validation

• بهبود اعتبار سنجی async Improving the async validator

• ایجاد محافظ تایید هویت Creating an auth guard

• با استفاده از موضوع پخش مجدد Using the replay subject

• خلاصه بخش 17 Summary of section 17

API - سفارشات API - Orders

• معرفی Introduction

• ایجاد مجموعه سفارش قسمت 1 Creating the order aggregate part 1

• ایجاد مجموعه سفارش قسمت 2 Creating the order aggregate part 2

• پیکربندی نهادهای سفارش Configuring the order entities

• به روز رسانی زمینه فروشگاه و روش های تحویل بذر Store context update and seeding delivery methods

• ایجاد انتقال سفارش Creating the order migration

• ایجاد سرویس سفارش Creating an order service

• پیاده سازی روش ایجاد سفارش Implementing the create order method

• ایجاد کنترل کننده سفارش Creating the order controller

• اشکال زدایی روش سفارش Debugging the order method

• معرفی واحد کار Introducing the Unit of work

• اجرای واحد کار Implementing the Unit of work

• به روز رسانی مخزن عمومی Updating the generic repository

• بازسازی سرویس Order برای استفاده از واحد کار Refactoring the Order service to use the Unit of work

• استفاده از دیباگر برای مشاهده ایجاد سفارش Using the debugger to view the order creation

• پیاده سازی روش های Order get Implementing the Order get methods

• روش های دریافت کنترل کننده سفارش Order controller get methods

• آزمایش روش های دریافت کنترل کننده سفارش Testing the order controller get methods

• شکل دادن به داده های سفارش Shaping the order data

• پیکربندی AutoMapper برای سفارشات AutoMapper config for orders

• یکی دیگر از حل کننده های مقدار AutoMapper Another AutoMapper value resolver

• خلاصه بخش 18 Summary of section 18

مشتری - پرداخت Client - Checkout

• معرفی Introduction

• طرح بندی صفحه پرداخت Checkout page layout

• ایجاد یک جزء پله ای Creating a stepper component

• راه اندازی کامپوننت استپر Setting up the stepper component

• ایجاد اجزای پرداخت Creating the checkout components

• افزودن فرم پرداخت Adding the checkout form

• ایجاد فرم آدرس Creating the address form

• ایجاد فرم تحویل Creating the delivery form

• الگوی روش تحویل Delivery method template

• استفاده از رهگیر Http برای ارسال توکن Using the Http interceptor to send the token

• ساخت خلاصه سبد به اشتراک گذاشته شده است Making the basket summary shared

• بررسی جزء بررسی Checkout review component

• اضافه کردن دکمه های جلو به عقب برای استپر Adding the forward back buttons for the stepper

• با استفاده از وضعیت فرم برای علامت گذاری مرحله به پایان رسیده است Using the form status to mark the step complete

• پر کردن فرم آدرس از API Populating the address form from API

• اجازه دادن به کاربر برای ذخیره آدرس Letting the user save the address

• به روز رسانی قیمت حمل و نقل Updating the shipping price

• ایجاد رابط سفارش Creating the order interface

• ارسال سفارش Order submission

• حل مشکل و تغییر مسیر به سمت موفقیت Problem solution and redirect to success

• خلاصه بخش 19 Summary of section 19

مشتری - ماژول سفارش Client - Order Module

• معرفی Introduction

گرفتن پرداخت ها Taking Payments

• معرفی Introduction

• PCI DSS PCI DSS

• احراز هویت قوی مشتری Strong Customer Authentication

• راه اندازی راه راه Setting up stripe

• ایجاد سرویس پرداخت و رابط Creating the payment service and interface

• اجرای قصد پرداخت Implementing the payment intent

• ایجاد کنترل کننده پرداخت Creating the payment controller

• به روز رسانی سبد مشتری Updating the client basket

• افزودن تابع قصد پرداخت Adding the payment intent function

• تداوم قیمت حمل و نقل Persisting the shipping price

• پیاده سازی عناصر راه راه Implementing stripe elements

• افزودن عناصر راه راه به اجزاء Adding stripe elements to the components

• نمایش خطاهای اعتبار سنجی کارت Displaying card validation errors

• استفاده از پله برنامه به عنوان ویژگی ورودی Using the app stepper as an input property

• ارائه پرداخت Submitting the payment

• تست خرابی کارت Testing card failures

• گره زدن قصد پرداخت به سفارش Tying the payment intent to the order

• ارائه تجربه بهتر Making the submission a better experience

• در حال بارگذاری نشانگرها Loading indicators

• فعال کردن حالت خطی Enabling linear mode

• اعتبار سنجی راه راه Stripe validation

• وب هوک ها Webhooks

• به روز رسانی سرویس پرداخت Updating the payments service

• تست وب هوک های ما با نوار CLI Testing our webhooks with the stripe CLI

• خلاصه بخش 21 Summary of section 21

کارایی Performance

• معرفی Introduction

• راه اندازی کش در API Setting up caching on the API

• ایجاد کلاس ویژگی کش Creating a cache attribute class

• تست کش Testing the caching

• ذخیره سازی روی مشتری قسمت 1 Caching on the client part 1

• ذخیره سازی روی مشتری قسمت 2 Caching on the client part 2

• ذخیره سازی روی مشتری قسمت 3 Caching on the client part 3

• تنظیمات پیش از انتشار Pre-publishing adjustments

• خلاصه بخش 22 Summary of section 22

انتشار Publishing

• معرفی Introduction

• پیکربندی ساخت زاویه ای Angular build configuration

• ایجاد بیلد تولید Angular Creating Angular production build

• نصب PostgreSQL Installing PostgreSQL

• تعویض سرورهای DB Switching DB Servers

• جابجایی به پایگاه داده تولید Switching to the production database

• کار قبل از استقرار Pre deployment work

• استقرار برنامه در سرور لینوکس قسمت 1 Deploying app to Linux server part 1

• استقرار برنامه در لینوکس قسمت 2 Deploying app to Linux part 2

• دریافت گواهی HTTPS از Lets encrypt Getting an HTTPS certificate from Lets encrypt

• خلاصه پایان دوره End of course summary

پاداش - به روز رسانی پروژه به Net 5 و Angular 11 Bonus - Updating project to .Net 5 and Angular 11

• به روز رسانی پروژه Net از .Net Core 3.1 به .Net 5.0 Updating .Net project from .Net Core 3.1 to .Net 5.0

• به روز رسانی پروژه Angular از Angular v9 به Angular v11 Updating Angular project from Angular v9 to Angular v11

پاداش - به روز رسانی پروژه به Net 6، Angular 12 و Bootstrap 5 Bonus - Updating project to .Net 6, Angular 12 and Bootstrap 5

• به روز رسانی پروژه Net از .Net 5 به .Net 6 Updating .Net project from .Net 5 to .Net 6

• Net 6 تغییرات پروژه و ویژگی های جدید .Net 6 Project changes and new features

• به روز رسانی از Angular 11 به Angular 12 Updating from Angular 11 to Angular 12

• به روز رسانی از Bootstrap 4 به Bootstrap 5 Updating from Bootstrap 4 to Bootstrap 5

پاداش - به روز رسانی پروژه به Net 7، Angular 15 و Bootstrap 5 Bonus - Updating project to .Net 7, Angular 15 and Bootstrap 5

• به روز رسانی پروژه های Net به .Net 7 Updating the .Net projects to .Net 7

• به روز رسانی به مدل هاست Net 7 Minimal Update to .Net 7 Minimal hosting model

• به روز رسانی به Angular 15 Update to Angular 15

• به روز رسانی به بوت استرپ 5 Update to Bootstrap 5

• بهبود خدمات سبد - بخش 14 به بعد Basket Service Improvements - section 14 onwards

• به روز رسانی جزء سبد - بخش 14-19 Basket component update - section 14-19

• به روز رسانی جزء سبد - بخش 19 به بعد Basket component update - section 19 onwards

• به روز رسانی جزییات محصول Product-Details component update

• فعال کردن حالت سخت در Angular (اختیاری) Enabling strict mode in Angular (optional)

Legacy - انتشار در سرور LAMP با استفاده از MySQL (فقط Net Core 3.1) Legacy - Publishing to a LAMP server using MySQL (.Net Core 3.1 only)

• نصب MySQL - Legacy Installing MySQL - Legacy

• سوئیچینگ سرورهای DB - Legacy Switching DB Servers - Legacy

• تغییر به پایگاه داده تولید - Legacy Switching to the production database - Legacy

• کار قبل از استقرار - میراث Pre deployment work - Legacy

• راه اندازی سرور لینوکس قسمت 1 - Legacy Setting up a linux server part 1 - Legacy

• راه اندازی سرور لینوکس قسمت 2 - Legacy Setting up a linux server part 2 - Legacy

• دریافت گواهی HTTPS از Lets Encrypt - Legacy Getting an HTTPS certificate from Lets Encrypt - Legacy