آموزش استاد توسعه وب Fullstack با Angular و C# ASP.NET

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

خوش آمدی Welcome

• آنچه خواهید آموخت What you will learn

روز 1 - مبانی تایپ اسکریپت Day 1 - Typescript Basics

• کد منبع Source Code

• توضیح SPA SPA explanation

• در حال نصب Node.js Installing Node.js

• کاوش در قالب Exploring the template

• تایپ اسکریپت قسمت 1 Typescript Part 1

• تایپ اسکریپت قسمت 2 Typescript Part 2

• تایپ اسکریپت قسمت 3 Typescript Part 3

• جزوه Handout

روز 2 - اتصال داده ها Day 2 - Data Binding

• مقدمه Intro

• اتصال داده ها Data binding

• خلاصه Summary

• جزوه Handout

روز 3: مسیریابی اولیه Day 3: Basic Routing

• مقدمه Intro

• کاوش مسیرها در یک پروژه Exploring Routes in a Project

• ایجاد و مسیریابی یک کامپوننت سفارشی Creating and Routing a Custom Component

• جزوه Handout

روز 4: تجسم یک لیست در یک جزء Day 4: Visualizing a List in a Component

• ارائه بسته های NPM Presentation NPM packages

• بسته npm fontawesome را نصب کنید و به آن ارجاع دهید Install npm package fontawesome and reference it

• توضیح Angular.json Angular.json explanation

• نمایش نام برخی از خطوط هوایی Showing some airline names

• فرم html ساخت پروازهای جستجو Building search flights html form

• رابط های ارائه Presentation Interfaces

• ایجاد رابط ها Creating interfaces

• طراحی صفحه جستجوی پرواز Styling Flight-Search Page

• جزوه Handout

روز 5: دریافت لیست ها از Web API Day 5: Getting Lists from Web API

• معرفی کوتاه API Short API Intro

• توضیح JSON JSON EXPLAINATION

• جستجوی نقطه پایانی پرواز Search Flight Endpoint

• داده های پرواز به عنوان رکورد Flight data as records

• راه اندازی Swagger و OpenAPI Setting up Swagger and OpenAPI

• جزوه Handout

روز ششم: دانلود داده ها از Web API با استفاده از Angular Day 6: Downloading Data from Web API using Angular

• Angular OpenAPI Gen Presentation Angular OpenAPI Gen Presentation

• نصب و پیکربندی ng-openapi-gen Installing and configuring ng-openapi-gen

• ایجاد خودکار API مشتری Auto create client API

• برای نمایش داده‌های پرواز، API مشتری را پیاده‌سازی کنید Implement client API to show flight data

• رسیدگی به خطا Error handling

• تغییر نام عملیات swagger Changing swagger operation names

• جزوه Handout

روز هفتم: پارامترسازی مسیرهای زاویه ای Day 7: Parameterizing Angular Routes

• قلاب چرخه حیات Lifecycle hooks

• اضافه کردن جزء کتاب پرواز Adding book-flight component

• مسیریابی از جستجو-پرواز به پرواز-کتاب Routing from search-flight to book-flight

• ارائه پارامترهای روتر Router Parameters Presentation

• ارسال پارامتر flightId Sending flightId Parameter

• Flight Endpoint RestFUL API را پیدا کنید Find Flight Endpoint RestFUL API

• تست Find Flight Endpoint جدید در Swagger Testing the new Find Flight Endpoint in Swagger

• جزوه Handout

روز هشتم: مستندسازی کدهای پاسخ HTTP Day 8: Documenting HTTP Response Codes

• کدهای وضعیت Http ارائه Presentation Http Status Codes

• ویژگی برای بازگرداندن پاسخ ها Attribute for returning responses

• ویژگی های پاسخ بیشتر More response attributes

• نمایش الگوی پرواز کتاب Display Book Flight Template

• رسیدگی به خطاها Handling errors

• پیمایش کاربر با استفاده از سرویس روتر Navigating the user using router service

• اضافه شدن به توابع پیکان Addition to arrow functions

• جزوه Handout

روز نهم: ارسال داده ها Day 9: Posting Data

• ارائه پست HTTP HTTP Post Presentation

• کامپوننت Register-Passenger را ایجاد کنید Create Register-Passenger component

• ثبت نام نشانه گذاری فرم Register Form Markup

• کنترل کننده مسافر و DTO Passenger Controller and DTO

• پیاده سازی فرم واکنشی فرم binding Implementing the form reactive form binding

• ارسال فرم ثبت نام به سرور Posting the register form to the server

• دریافت تماس ثبت نام Receiving the register call

• اکشن مسافر را پیدا کنید Find Passenger Action

• جزوه Handout

روز 10 با استفاده از خدمات انگولار - قسمت 1 Days 10 Using Angular Services - Part 1

• ارائه خدمات زاویه ای Angular Service Presentation

• Auth Service erstellen Auth Service erstellen

• مدیریت کاربر موجود Handling existing User

• اصلاح مجدد روش ورود Refactoring the login method

• هدایت کاربر به ثبت نام Redirecting the user to registration

• جزوه Handout

روز 11: استفاده از خدمات انگولار قسمت 2 Days 11: Using Angular Services Part 2

• کتاب فرم پرواز Book Flight Form

• DTO و Controller Book Post Endpoint Book DTO and Controller Book Post Endpoint

• ارسال کتاب پرواز Posting the Book Flight

• محدوده های ارائه دهنده خدمات Service Provider Scopes

• اجرای مؤلفه رزروهای من My Bookings Component implementation

• سربرگ و پاورقی یک ظاهر طراحی شده Styling Header and Footer

• جزوه Handout

روز دوازدهم: اعتبارسنجی ورودی Day 12: Input Validation

• اضافه کردن حاشیه نویسی داده برای اعتبار سنجی به BookDto Adding Data Annotation for Validation to BookDto

• اعتبار سنجی برای NewPassengerDTO Validation for NewPassengerDTO

• حلقه بازخورد کاربر User Feedback Loop

• افزودن Validator به Angular Adding Validator to Angular

• نمایش پیغام های خطای مختلف Displaying different error messages

• کثیف و لمس شده Dirty and Touched

• اعتبار برای ثبت نام مسافر Validation for passenger registration

• جزوه Handout

روز سیزدهم: نهادها Day 13: Entities

• توضیح دامنه Domain Explanation

• افزودن نهادها Adding Entities

• RM ها را با Entities جایگزین کنید Replace RMs with Entities

• FlightRm را به جای Entity برگردانید Return FlightRm instead of Entity

• Entity را جایگزین BookDto کنید Replace BookDto with Entity

• NewPassengerDto را با Entity Passenger جایگزین کنید Replace NewPassengerDto with Passenger Entity

• جزوه Handout

روز چهاردهم: اعتبار سنجی قانون دامنه Day 14: Domain Rule Validation

• اعتبار سنجی قانون دامنه Domain Rule Validation

• از رزرو بیش از حد پرواز خودداری کنید Avoid overbooking a flight

• خطای هشدار 409 در Angular Alert 409 Error in Angular

• FlightId را از Booking Entity حذف کنید Remove FlightId from Booking Entity

• کد کنترلر رزرو پرواز Refactor Refactor flight booking controller code

روز پانزدهم: متمرکز کردن فروشگاه داده Day 15: Centralizing Data Store

• کلاس نهادها Entities class

• ایجاد کلاس Entities و قرار دادن لیست های ثابت در داخل Creating Entities class and placing static lists inside

• ایجاد شی Entities در کنترلرها Create Entities object in controllers

• تزریق نهادهای Singleton Injecting the Entities Singleton

• کاشت داده ها در برنامه cs Seeding data in program cs

• جزوه Handout

روز شانزدهم: Entity Framework Day 16: Entity Framework

• استفاده از پایگاه داده درون حافظه EF Using EF In-Memory Database

• استفاده از EF Core Error Handling Using EF Core Error Handling

• مدل EF Core ساختمان Model Building EF Core

• D16 - 4 کلمه پایانی در مورد EF Core D16 - 4 Final words about EF Core

• جزوه Handout

روز هفدهم: درگیری های همزمان Day 17: Concurrency Conflicts

• شرایط مسابقه همزمانی Race Conditions Concurrency

• رمز همزمانی Concurrency Token

• DbUpdateConcurrencyException را مدیریت کنید Handle DbUpdateConcurrencyException

• جزوه Handout

روز هجدهم: دگرگونی مجموعه ها Day 18: Transforming Collections

• طرح بندی My-Bookings Layout My-Bookings

• دگرگونی مجموعه Collection transformation

• دریافت نقطه پایانی لیست رزرو Get Booking List Endpoint

• نمایش MyBookings در Angular Show MyBookings in Angular

• ورود به سیستم تغییر مسیر My-Bookings My-Bookings redirect login

• لغو رزرو باطن Cancel Booking Backend

• لغو Frontend رزرو Cancel Booking Frontend

• تعویض لینک مسافر Switch Passenger Link

• جزوه Handout

روز 19: نگهبانان مسیر Day 19: Route Guards

• نگهبانان مسیر Route Guards

• Route Guards را اجرا کنید Implement Route Guards

• استفاده مجدد از محافظ های مسیر Reuse Route Guards

• پس از ورود به سیستم، به آدرس اینترنتی درخواستی تغییر مسیر دهید Auto-Redirect to requested url after login

روز 20: ارائه دهنده EF SQL Day 20: EF SQL Provider

• نصب بسته SQL Server و استفاده از آن Installing SQL Server package and using it

• توضیح ConnectionString Explanation ConnectionString

• Connectionstring را پیاده سازی کنید Implement Connectionstring

• طول عمر خدمات Service Lifetime

• ایجاد کاربر و اتصال به پایگاه داده Create user and connect to database

• داده ها را فقط یک بار بکارید Only seed data once

• رزروها را به SQL Mapping اضافه کنید Add Bookings to SQL Mapping

• از AppSettings برای خواندن ConnectionString استفاده کنید Use AppSettings to read ConnectionString

• جزوه Handout

روز 21: فیلتر کردن داده ها Day 21: Filtering Data

• مقدمه Intro

• صحافی فرم جستجو Search form binding

• پارامترهای FlightSearch FlightSearchParameters

• ارائه رشته پرس و جو Query String Presentation

• با استفاده از Query String Using Query String

• فیلتر کردن برای مقصد Filtering for destination

• اعمال فیلترهای دیگر Applying other filters

• کلمات پایانی Final Words

• جزوه Handout

EXTRA 1: توسعه آزمایش محور - تست واحد EXTRA 1: Test Driven Development - Unit Testing

• معرفی Introduction

• TDD چیست؟ What is TDD

• پروژه ایجاد کنید و اولین روش تست را بنویسید Create project and write first test method

• بازسازی و اضافه کردن پروژه دامنه Refactoring and adding domain project

• افزودن پروژه Web API Adding Web API project

• روش اول را تست کنید Test first approach

• پیام ادعایی Assertion Message

• ادعاهای روان Fluent Assertions

• شرایط و پیش نیازهای آزمون Test Conditions and Prerequisites

• راه اندازی پروژه پرواز Setting up flight project

• ترجمه یک سناریو برای آزمایش Translating a scenario to test

• احیاگر سبز قرمز Red green refactor

• با توجه به زمانی که پس از آن الگو و اجتناب از overbooking کشف سناریو Given when then pattern and avoid overbooking scenario discovery

• از سناریوی رزرو بیش از حد خودداری کنید Avoid overbooking scenario

• امانتداری را بیازمایید و طرفدار شیاطین Test trustworthiness and devils advocate

• شیاطین عملی از باقی ماندن تعداد کرسی ها دفاع می کنند Practical devils advocate for remaining number of seats

• تست های پارامتری Parameterized tests

• با بررسی کامل بودن کد تولید، سناریوهای جدید را کشف کنید Discovering new scenarios by checking if the production code is complete

• Refactor به یاد داشته باشید رزرو Refactor remember bookings

• قوانین TDD Laws of TDD

• سناریو لغو رزرو با استفاده از قوانین TDD Scenario cancel bookings using TDD laws

• لغو رزرو را کنترل کنید هیچ رزروی یافت نشد Handle cancel booking no booking found

• چگونه سناریوهای جدید را کشف می کنید How you discover new scenarios

• تست لایه برنامه Application layer testing