آموزش Angular 7: A Practical Guide [ویدئو]

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

معرفی Introduction

• خوش آمدی Welcome

• پیش نیازها Prerequisites

• درباره دوره About the Course

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

• راه اندازی محیط Environment Setup

مبانی تایپ اسکریپت Typescript Basics

• Typescript چیست What is Typescript

• نحو پایه Basic Syntax

• انواع Types

• اپراتورها Operators

• اگر دیگری If Else

• حلقه ها Loops

• ورزش Exercise

• راه حل تمرین Exercise Solution

تایپ اسکریپت پیشرفته Advanced Typescript

• کارکرد Functions

• آرایه ها Arrays

• تاپل ها Tuples

• کلاس ها Classes

• ورزش Exercise

• راه حل تمرین Exercise Solution

اصول هسته زاویه ای Angular Core Principles

• فریمورک های جلویی Front End Frameworks

• گره زاویه ای Node Angular

• Angular CLI The Angular CLI

• فایل های زاویه ای Angular Files

• اصول اصلی Core Principles

• مبانی ماژول Module Basics

• ورزش Exercise

• راه حل تمرین Exercise Solution

اجزاء Components

• ایجاد کامپوننت ها Creating Components

• ساختار جزء Component Structure

• مشاهده کپسولاسیون View Encapsulation

• درون یابی Interpolation

• صحافی رویداد Event Binding

• املاک و صحافی دو طرفه Property & 2-Way Binding

• ورزش Exercise

• راه حل تمرین Exercise Solution

مسیریابی Routing

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

• ایجاد یک مسیر Creating a Route

• ناوبری مبتنی بر الگو Template Driven Navigation

• ناوبری کد محور Code Driven Navigation

• پارامترهای URL URL Parameters

• پارامترهای پرس و جو Query Parameters

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

• ورزش Exercise

• راه حل تمرین Exercise Solution

خدمات Services

• خدمات چیست What Are Services

• ایجاد خدمات Creating Services

• تزریق وابستگی Dependency Injection

• سلسله مراتب انژکتوری Injector Hierarchy

• خدمات قابل مشاهده Observable Services

• ورزش Exercise

• راه حل تمرین Exercise Solution

درخواست های HTTP HTTP requests

• معرفی سرویس گیرنده HTTP HTTP Client Introduction

• ایجاد یک درخواست Making A Request

• رسیدگی به پاسخ Handling Response

• ورزش Exercise

• راه حل تمرین Exercise Solution

فرم های الگو محور Template-Driven Forms

• متغیرهای مرجع الگو Template Reference Variables

• NgForm NgForm

• نمایش پیام های خطا Displaying Error Messages

• فیلدهای فرم یک ظاهر طراحی شده Styling Form Fields

• ورزش Exercise

• راه حل تمرین Exercise Solution

دستورالعمل های ویژگی Attribute Directives

• بررسی اجمالی دستورالعمل های ویژگی Attribute Directives Overview

• ایجاد دستورالعمل های ویژگی Creating Attribute Directives

• استفاده از دستورالعمل های ویژگی Using Attribute Directives

• دسترسی به والد در دستورالعمل های ویژگی Accessing Parent in Attribute Directives

• دکوراتور ورودی The Input Decorator

• انتقال داده ها به دستورالعمل های ویژگی Passing Data into Attribute Directives

• ورزش Exercise

• راه حل تمرین Exercise Solution

دستورالعمل های ساختاری Structural Directives

• دستورالعمل های ساختاری Structural Directives

• ایجاد دستورالعمل های ساختاری Creating Structural Directives

• اضافه کردن منطق Adding Logic

• ورزش Exercise

• راه حل تمرین Exercise Solution

فرم های واکنشی Reactive Forms

• بررسی اجمالی فرم های واکنشی Reactive Forms Overview

• کنترل فرم Form Control

• کنترل های گروه بندی Grouping Controls

• تودرتو فرم Form Nesting

• فرم ساز Form Builder

• آرایه ها را تشکیل دهید Form Arrays

• مبانی اعتبار سنجی فرم Form Validation Basics

• ورزش Exercise

• راه حل تمرین Exercise Solution

پروژه دوره 1: کاربرد CRUD Course Project 1: CRUD Application

• ما چه خواهیم ساخت؟ What Will We Make?

• ساختار پروژه Project Structure

• خدمات مصرف کننده Consumer Service

• نوار نوار NavBar

• مسیرها Routes

• مشاهده صفحه View Page

• اضافه کردن سبک ها Adding Styles

• ویرایش صفحه Edit Page

• ایجاد صفحه Create page

• حذف صفحه Delete Page

پروژه دوره 2: AuthenticatR Course Project 2: AuthenticatR

• ما چه خواهیم ساخت؟ What Will We Make?

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

• ایجاد Backend ساختگی Creating Mock Backend

• ایجاد صفحه ورود Creating the Login Page

• پیاده سازی صفحه ورود Implementing Login Page

• ایجاد کامپوننت خانه Creating Home Component