آموزش دوره کامل Angular 18 با پروژه به زبان تلوگو - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

ایجاد پروژه جدید Creating New Project

• نحوه ایجاد یک پروژه جدید و نحوه بررسی نیازمندی‌ها How to create a new Project and how to check requirements

نصب وابستگی‌های مورد نیاز Installing required Dependencies

• آموزش نصب وابستگی‌های مورد نیاز Learn How to install required dependencies

انواع متدهای فراخوانی کامپوننت Types of Component invocation methods

• کامپوننت چیست و چند نوع می‌توانید یک کامپوننت را فراخوانی کنید؟ What is Component and how many types you can invoke a component?

یک طرفه داده بندی (One way Data Binding) One way Data Binding

• یک طرفه داده بندی چیست؟ درون‌یابی رشته‌ای (String Interpolation) چیست؟ What is one way data binding. What is String Interpolation?

یک طرفه داده بندی - Binding ویژگی (Property Binding) One Way Data Binding - Property Binding

• Binding ویژگی (Property Binding) چیست؟ What is Property Binding

یک طرفه داده بندی - Binding استایل و Binding کلاس One way data binding - Style binding and Class Binding

• Binding استایل و Binding کلاس Style binding and Class Binding

Event Binding، متغیرهای Template Ref و دو طرفه داده بندی Event Binding , Template Ref Variables and Two way data binding

• Event Binding، متغیرهای Template Ref و دو طرفه داده بندی Event Binding , Template Ref Variables and Two way data binding

Directives Directives

• Structural Directive - @if() Structural Directive - @if()

• Structural Directive - @Switch() Structural Directive - @Switch()

• Structural Directive - @for() Structural Directive - @for()

ارتباطات کامپوننت Component Communications

• @Input() و @Output() @Input() and @Output()

• @ViewChild() - قسمت -1 @ViewChild() - Part-1

• @ViewChild() - قسمت -2 @ViewChild() - Part -2

• @ViewChildren() @ViewChildren()

• @ContentChild() و @ContentChildren() @ContentChild() and @ContentChildren()

• Content Projection Content Projection

• Directive سفارشی با @HostListener() و @HostBinding Custom Directive with @HostListener() and @HostBinding

Router Router

• Router, router-outlet, routerLink, [routerLink] و routerLinkActive Router, router-outlet, routerLink, [routerLink] and routerLinkActive

• نمایش داده‌ها با مسیریابی Displaying data with Routing

• Route Parameters Route Parameters

• دسترسی به مقادیر پارامتر مسیر با استفاده از ActivatedRoute Accessing Route Parameter Values using ActivatedRoute

• queryParams queryParams

• Relative Navigation با Child Compnent Relative Navigation with Child Compnent

• Fragments Fragments

قلاب‌های چرخه حیات کامپوننت Component LifeCycle Hooks

• OnChanges() OnChanges()

• OnInIt() OnInIt()

• DoCheck() DoCheck()

• AfterContentInit(), AfterContentChecked(), AfterViewInit(), AfterContentChecked AfterContentInit(), AfterContentChecked(), AfterViewInit(), AfterContentChecked

• OnDestroy() OnDestroy()

viewEncapsulation viewEncapsulation

• viewEncapsulation.Emulated, viewEncapsulation.None, viewEncapsulation.ShadowDom viewEncapsulation.Emulated, viewEncapsulation.None, viewEncapsulation.ShadowDom

سرویس‌ها Services

• پیاده‌سازی سرویس‌ها Implementation of Services

Observables Observables

• Observable چیست؟ مقایسه Promise و Observable What is Observable? Promise Vs Observable

Route Guards Route Guards

• Route Guards Route Guards

• Route Guards: canActivateFn Route Guards: canActivateFn

• canActivateChildFn و canDeactivateFn canActivateChildFn and canDeactivateFn

Pipes Pipes

• Pipes داخلی Built-in-pipes

• Pipes سفارشی Custom-pipes

• Pipes خالص در مقابل ناخالص Pure Vs Impure Pipes

فرم‌های Angular Angular Forms

• فرم‌های Template Driven - 1 Template Driven Forms - 1

• فرم‌های Template Driven - 2 Template Driven Forms - 2

• فرم‌های Template Driven - 3 Template Driven Forms - 3

• فرم‌های Reactive - 1 Reactive Forms - 1

• فرم‌های Reactive - 2 Reactive Forms - 2

Signals Signals

• مقدمه Signals Signals Introduction

• Signals قسمت-2 و Lazy Loading کامپوننت‌ها Signals Part-2 and Lazy Loading of Components

<ng-template> و <ng-container> <ng-template> and <ng-container>

• ng-template و ng-container ng-template and ng-container

پروژه Project

• تنظیمات پروژه Project Setup

• صفحه اصلی (Landing Page) Landing Page

• صفحه ثبت نام (Register Page) Register Page

• تنظیم JSON-SERVER setup JSON-SERVER

• سرویس کاربر (User Service) User Service

• فرآیند ورود (Login Process) Login Process

• داشبورد (Dashboard) Dashboard

• افزودن دفترچه جدید Adding New Cashbook

• رفع مشکل شناخته شده در هنگام افزودن کتاب جدید Fixing Known Issue while adding new book

• نمایش لیست دفترچه‌ها در داشبورد Displaying List of Books in Dashboard

• طراحی UI برای مشاهده دفترچه View Book UI Design

• Drawer برای CashIn و CashOut Drawer for CashIn and CashOut

• ورودی‌های CashIn و CashOut CashIn and CashOut Entries

• نمایش لیست تراکنش‌ها Displaying list of transactions

• ویرایش/به‌روزرسانی تراکنش - 1 Edit / Update Transaction - 1

• ویرایش/به‌روزرسانی تراکنش - 2 Edit / Update Transaction - 2

• حذف تراکنش Delete Transaction