آموزش ساخت یک چارچوب SPA Responsive با Angular

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

مقدمه Introduction

• مقدمه Introduction

• ابزار این دوره Tooling for this Course

• پروژه های نسخه ی نمایشی دوره و Angular CLI The Course Demo Projects and Angular CLI

طرح رابط کاربر User Interface Layout

• مقدمه Introduction

• راه اندازی پروژه و چارچوب Project and Framework Setup

• ماژول چارچوب SPA The SPA Framework Module

• ایجاد ماژول Framework Creating the Framework Module

• درک Flexbox ها Understanding Flexboxes

• در حال توسعه کلاس بدن چارچوب Developing the Framework Body Class

• کامپوننت TitleBar را ایجاد کنید Create the TitleBar Component

• خلاصه Summary

پیکربندی ، سبک سازی و پاسخگویی Configuration, Styling, and Responsiveness

• مقدمه Introduction

• ایجاد سرویس پیکربندی چارچوب Creating a Framework Configuration Service

• ایجاد کامپوننت TopBar Creating the TopBar Component

• سبک دادن به چارچوب با CSS Styling the Framework with CSS

• ایجاد نوار وضعیت Creating the Status Bar

• ساخت یک سرویس صفحه نمایش برای ویژگی های پاسخگو Building a Screen Service for Responsive Features

• پاسخگو بودن TitleBar Making the TitleBar Responsive

• دستورالعمل های پاسخگو Building Responsive Directives

• لغو اشتراک در Observables Unsubscribing from Observables

• خلاصه Summary

منوها و پیمایش Menus and Navigation

• مقدمه Introduction

• یک سرویس منو A Menu Service

• داده های منو Menu Data

• م Menلفه منو The Menu Component

• نمایش موارد منو Showing Menu Items

• مسیریابی و پیمایش Routing and Navigation

• routerLink و routerLinkActive routerLink and routerLinkActive

• ایجاد یک منوی عمودی Creating a Vertical Menu

• منوهای صفحه کوچک Small Screen Menus

• رفع مشکلات منو Fixing Menu Issues

• خلاصه Summary

ویژگی های پیشرفته منو Advanced Menu Features

• مقدمه Introduction

• تغییر جهت گیری منو Switching Menu Orientation

• نمای کلی منوی پنجره Popup Menu Overview

• داده ها و مسیرهای منو Menu Data and Routes

• ایجاد مuلفه منوی بازشو Creating the Popup Menu Component

• نمایش منوهای پنجره ای Showing Popup Menus

• پاک کردن منوی بازشو Cleaning up the Popup Menu

• مسیریابی برای منوهای پنجره ای Routing for Popup Menus

• نمایش مسیرهای فعال در پنجره های بازشو Showing Active Routes in Popups

• شاخص های پیکان برای موارد منو Arrow Indicators for Menu Items

• منوهای پنجره متحرک Animated Popup Menus

• آزمایش روی دستگاه های کوچک Testing on Small Devices

• خلاصه Summary

کنترل های کاربر User Controls

• مقدمه Introduction

• مسیریابی و مسیرهای کودک Routing and Child Routes

• م Signلفه ورود به سیستم The Sign-in Component

• ساخت فرم ثبت نام Building a Registration Form

• تزریق وابستگی و رابط های کلاس Dependency Injection and Class-interfaces

• پیاده سازی یک رابط کلاس Implementing a Class-interface

• نشانه های تزریق وابستگی Dependency Injection Tokens

• ارسال فرم ورود به سیستم Submitting the Sign-in Form

• مدیریت خطاهای ورود به سیستم Handling Sign-in Errors

• استفاده از Route Guards برای مجاز کردن مسیرها Using Route Guards to Authorize Routes

• خارج شدن از سیستم Signing Out

• خلاصه Summary

فرم ها و عملیات CRUD Forms and CRUD Operations

• مقدمه Introduction

• مشاهده مدل ها و یک سرویس داده View Models and a Data Service

• نمایش لیست کشورها Showing a Country List

• نمایش صفحه جزئیات کشور Showing a Country Detail Page

• فرم های پویا Dynamic Forms

• الگوی فرم پویا The Dynamic Form Template

• زمینه های پویا Dynamic Fields

• ساخت فرم جزئیات فقط خواندنی Building a Read-only Details Form

• ساخت فرم بروزرسانی Building an Update Form

• ایجاد یک کشور جدید Creating a New Country

• در حال حذف یک کشور Deleting a Country

• مشاهده فرم های پویا در دستگاه های کوچک Viewing Dynamic Forms on Small Devices

• خلاصه Summary

ساخت پانل های محتوای پاسخگو و یک داشبورد Building Responsive Content Panels and a Dashboard

• مقدمه Introduction

• پروجکشن مطالب Content Projection

• ایجاد یک کامپوننت پنل Creating a Panel Component

• ایجاد لیست کشورها Creating the Country List

• ایجاد پانل کشور Creating the Country Panel

• یک هیئت پاسخگو کشور A Responsive Country Panel

• ایجاد یک صفحه پاسخگو با تصویر پس زمینه Creating a Responsive Panel with Background Image

• ایجاد داشبورد Creating the Dashboard

• پیش بینی محتوای چند شکاف برای پانل ها Multi-slot Content Projection for Panels

• خلاصه Summary

• جمع بندی دوره Course Wrap-up