آموزش معماری زاویه ای نحوه ساخت برنامه های وب مقیاس پذیر

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

شروع Beginning

• پیش نمایش دوره Course Preview

• نحوه کار با دوره How to work with the course

• نصب و راه اندازی Installation

• تئوری: ساختار کلی برنامه های کاربردی وب THEORY: General Structure of Web Applications

• تئوری: مرز بین Angular و Typescript THEORY: Border between Angular and Typescript

تنظیمات Settings

• پیش نمایش Preview

• تنظیمات پیش فرض Default Settings

• Tsconfig Tsconfig

• محیط ها Environments

• بسته ها Packages

• تئوری: Firebase THEORY: Firebase

• کنترل پنل Firebase Firebase Control Panel

• پیکربندی Firebase Firebase config

• افزودن Firebase به ماژول و کامپوننت Adding Firebase in Module and Component

• آتش نشانی Firestore

• بهینه سازی سرعت Speed Optimization

• حذف صفحه پیش فرض Removing Default page

سبک ها Styles

• تئوری: سبک ها THEORY: Styles

• ابزار Tools

• تئوری: SCSS THEORY: SCSS

• تئوری: BEM THEORY: BEM

• تئوری: سبک های مؤلفه THEORY: Component Styles

• تئوری: ساختار سبک ها THEORY: Styles Structure

• پوشه Styles Styles Folder

• کامپوننت هدر Header Component

• بخش نمایشی Demo Section

• پایان یافتن Ending

به اشتراک گذاشته شده است Shared

• تئوری: عناصر اصلی زاویه ای را مرور کنید THEORY: Review basic Angular Elements

• تئوری: تقسیم به ماژول ها و گروه بندی عناصر THEORY: Division into Modules and Elements Grouping

• تئوری: چه زمانی یک جزء به ماژول تبدیل می شود؟ THEORY: When does a Component become a Module?

• مقدمه Intro

• تئوری: به اشتراک گذاشته شده است THEORY: Shared

• پوشه های متریال زاویه ای Angular Material Folders

• پوشه های مشترک Shared Folders

• تئوری: انتقال اجزا به اشتراک گذاری THEORY: Moving Components to Shared

• دکمه Button

• تئوری: کنترل های فرم THEORY: Form Controls

• ورودی Input

• تئوری: اعتبارسنجی THEORY: Validation

• فیلد فرم Form-field

• اعتبار سنجی فیلد فرم Form-field Validators

• کلمه عبور Password

• تئوری: مدل های فرانت اند THEORY: Frontend Models

• مدل های جلویی Frontend Models

• تئوری: اگر قبلاً یک جزء مواد دارید، چرا از یک جزء مشترک استفاده کنید؟ THEORY: Why use a Shared Component if you already have a Material Component?

• انتخاب کنید Select

• چک باکس ها Checkboxes

• رادیوها Radios

• تاریخ Date

• محدوده زمانی DateRange

• پیش نمایش تکمیل خودکار Autocomplete Preview

• تکمیل خودکار Autocomplete

• دکمه های فرم Form Buttons

• بخش اقدامات نمایشی Demo Actions Section

• اسپینر Spinner

• تئوری: خدمات THEORY: Services

• اطلاع Notification

• پایان یافتن Ending

مدل های داده Data Models

• پیش نمایش Preview

• تئوری: مدل های داده THEORY: Data Models

• حذف DB تست Deleting Test DB

• مدل های Backend Backend Models

• مجموعه Firebase Firebase Collections

• پایان یافتن Ending

لغت نامه ها Dictionaries

• موارد فرم Form Items

• تئوری: NgRx THEORY: NgRx

• NgRx DevTools NgRx DevTools

• فایل های پایه Basic Files

• مدل ها Models

• اقدامات و کاهش دهنده Actions and Reducer

• تئوری: RxJS THEORY: RxJS

• جلوه ها Effects

• ثبت ریشه Root Registration

• انتخابگرها Selectors

• فروشگاه برنامه ماژول Store App Module

• ابزار Redux Redux Tool

• پرچم ها Flags

• دارایی های Assets

• کشورها Countries

• پایان یافتن Ending

احراز هویت Authentication

• پیش نمایش Preview

• Firebase Auth را فعال کنید Enable Firebase Auth

• فروشگاه کاربر: ساختار User Store: Structure

• فروشگاه کاربران: مدل ها User Store: Models

• فروشگاه کاربر: اقدامات User Store: Actions

• فروشگاه کاربر: کاهنده User Store: Reducer

• اثرات: ثبت نام Effects: SignUp

• جلوه ها: ورود به سیستم Effects: SignIn

• جلوه ها: SignOut Effects: SignOut

• انتخابگرها Selectors

• Auth Forms Intro Auth Forms Intro

• ساختار صفحه تاییدیه Auth Page Structure

• لینک های سرصفحه Header Links

• مسیریابی برنامه App Routing

• ثبت نام: اعتبار سنجی فرم Registration: Form Validation

• ثبت نام: الگو Registration: Template

• ثبت نام: در حال بارگذاری Registration: Loading

• ثبت نام: ارسال Registration: Dispatch

• ثبت نام: تست Registration: test

• ثبت نام: ذخیره داده ها Registration: Store Data

• ثبت نام: Firebase Redirect Registration: Firebase Redirect

• ایمیل تایید Email Confirm

• Init User Intro Init User Intro

• فروشگاه: Init Store: Init

• خروج از سیستم Sign Out

• وارد شدن Log In

• پایان یافتن Ending

استاتیک Static

• مقدمه Intro

• ساختار Structure

• نشانه گذاری و سبک Markup and Styles

آپلود فایل ها Files Upload

• پیش نمایش Preview

• مقدمه Intro

• ساختار Structure

• بخشنامه Directive

• دستورالعمل + نسخه ی نمایشی Directive + Demo

• قالب Template

• دستورالعمل Dropzone Dropzone Directive

• OnDrop OnDrop

• را انتخاب کنید و Dropzone Test کنید Select and Dropzone Test

• آپلود کامپوننت Upload Component

• ذخیره سازی Firebase Firebase Storage

• لوله اندازه فایل FileSize Pipe

• مسیرهای URL به نسخه نمایشی URL Paths to Demo

• کراپر Cropper

• پایان یافتن Ending

مشخصات Profile

• مقدمه Intro

• تئوری: نمایه THEORY: Profile

• ساختار Structure

• لینک پروفایل Profile Link

• نشانه گذاری فرم Form Markup

• تئوری: استپر THEORY: Stepper

• استپر [قسمت 1] Stepper [part 1]

• استپر [قسمت 2] Stepper [part 2]

• استپر [قسمت 3] Stepper [part 3]

• استپر [قسمت 4] Stepper [part 4]

• استپر [قسمت 5] Stepper [part 5]

• استپر [قسمت 6] Stepper [part 6]

• استپر [قسمت 7] Stepper [part 7]

• معرفی دیکشنری ها Dictionaries Intro

• واردات دیکشنری ها Dictionaries Import

• تئوری: مدل های فرم THEORY: Form Models

• تئوری: وظایف را شکل دهید THEORY: Form Tasks

• ماژول های شخصی Personal Modules

• شخصی Personal

• ماژول UserPhoto UserPhoto Module

• حرفه ای [قسمت اول] Professional [part 1]

• حرفه ای [قسمت 2] Professional [part 2]

• نقش های حرفه ای Professional Roles

• فرم استخدام کننده Recruiter Form

• فرم کارمند Employee Form

• تجربیات Experiences

• Utils Control Utils Control

• کنترل های کارکنان Employee Controls

• فروشگاه: کاربر ایجاد و به روز رسانی Store: User Create and Update

• فروشگاه فرم Init Init Form Store

• فروشگاه: فرم Store: Form

• حل کننده Resolver

• نقشه بردار [قسمت 1] Mapper [part 1]

• نقشه بردار [قسمت 2] Mapper [part 2]

• نقشه بردار [قسمت 3] Mapper [part 3]

• تست فرم Form Testing

• تست Firebase Firebase Testing

• تکمیل فرم Form Finishing

• فروشگاه: نمایشگر Store: Display

• نمایش [قسمت 1] Display [part 1]

• نمایش [قسمت 2] Display [part 2]

• تست در ابزار Redux Testing in Redux Tool

• قوانین Firebase Firebase Rules

• درخواست دیکشنری ها Dictionaries Request

• پایان یافتن Ending

کارمندان Employees

• مقدمه Intro

• ساختار Structure

• فروشگاه Store

• ماژول ریشه Root Module

• جزء کارکنان Employees Component

• جزء کارمند Employee Component

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

شغل ها Jobs

• مقدمه Intro

• ساختار Structure

• مدل‌ها و اقدامات فروشگاه Store Models and Actions

• @angular/entity معرفی @angular/entity Intro

• کاهنده Reducer

• جلوه ها Effects

• انتخابگرها Selectors

• مولفه مشاغل Jobs Component

• افزودن اجزای تو در تو Adding Nested Components

• جزء شغلی Job Component

• ماژول فرم Form Module

• قابل ویرایش است isEditable

نگهبانان Guards

• تئوری: نگهبانان THEORY: Guards

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

• ساختار Structure

• Auth و Unauth Guards Auth and Unauth Guards

• گارد نقش Role Guard

• دمو گارد Demo Guards

• محافظ های کاربردی Application Guards

گسترش Deployment

• Dev/Prod Building Dev/Prod Building

• میزبانی Firebase Firebase Hosting

• تغییر مسیر Redirect

پایان دوره Ending of the Course

• تبریک می گویم! Congratulations!