آموزش دوره کامل Angular، تایپ اسکریپت گنجانده شده است.

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

معرفی Introduction

• معرفی Introduction

• IDE IDE

• نصب Node js Installing Node js

مقدمه ای بر زاویه ای Introduction to angular

• Angular چیست؟ What is Angular ?

• ایجاد یک پروژه Creating a project

• تایپ اسکریپت چیست؟ What is Typescript ?

• درک ساختار فایل Understanding the file structure

• ایجاد App.Module Creating an App.Module

• ایجاد یک App.Component Creating an App.Component

• فایل های Css و تست Css and Test files

• ایجاد کامپوننت با CLI Creating components with the CLI

• استفاده از کامپوننت ها Using Components

• استفاده از کامپوننت ها...ادامه دارد Using Components...continued

• اطلاعات بیشتر در مورد CSS More on CSS

برقراری ارتباط Communicating

• معرفی Introduction

• درون یابی Interpolation

• الزام آور ملک Property binding

• گرفتن رویدادها Catching events

• رویدادها را تشکیل دهید Form events

• رویدادهای فرم آسان (NGMODEL) Easy form events ( NGMODEL )

• ورودی، از والدین به فرزند Input, from parent to child

• انتشار، فرزند به پدر و مادر Emmiting, child to parent

• انتقال داده در init Passing data on init

• مرجع محلی Local reference

• Viewchild Viewchild

• NgContent و ContentChild NgContent and ContentChild

هوکس چرخه حیات Lifecycle Hoks

• معرفی Introduction

• OnInit و Onchanges OnInit and Onchanges

• DoCheck، ACI، ACC DoCheck, ACI, ACC

• AVI، AVC. و نابود کن AVI, AVC . and Destroy

بخشنامه ها Directives

• معرفی Introduction

• NgIf و Hidden NgIf and Hidden

• NgStyle NgStyle

• NgClass NgClass

• NgFor NgFor

• NgSwitch NgSwitch

• ایجاد یک دستورالعمل سفارشی attr Creating a custom attr directive

• رندر کننده ام Th renderer

• میزبان میزبان Hostlistener

• میزبانی Hostbinding

• تصویب استدلال ها Passing arguments

• دستورالعمل های ساختاری سفارشی Custom structural directives

• دستورالعمل چرخ فلک [ اختیاری ] A carousel directive [ optional ]

• تکمیل دستورالعمل [ اختیاری ] Finishing the directive [ optional ]

• اشکال زدایی با Augury Debugging with Augury

پروژه تمرین - DecideApp Practice project - DecideApp

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

• به اشتراک گذاری ارزش ها Sharing values

• یک - گرفتن سوال One - Getting the question

• یک - رسیدگی به خطاها One - Handle errors

• دو جزء Two component

• انجام سه جزء Doing the three component

• اضافه کردن پاسخ های سفارشی Adding custom answers

• اتمام سفارش Finishing the custom

• استقرار Deploying

خدمات Services

• معرفی Introduction

• ایجاد قالب Creating the template

• در حال اتمام قالب Finishing the template

• ایجاد یک سرویس Creating a service

• اجزای متعدد Multiple components

• انجام مجدد برنامه با یک سرویس Redoing the app with a service

• تزریق و ریشه Injecting and root

قابل مشاهده Observables

• معرفی Introduction

• با استفاده از یک قابل مشاهده Using an observables

• استفاده از یک مشاهده پذیر 2 Using an observables 2

• لغو اشتراک Unsubscribing

• یک مثال زاویه ای An angular example

• سایر ویژگی های RxJS Other RxJS features

مسیرها Routes

• مقدمه Introduccion

• نصب مسیرها Installing routes

• مسیرهای پیمایش Navigating routes

• استفاده از پارامترها Using params

• رشته های کوئری Querystrings

• تغییر کلاس های nav Switching nav classes

• مسیرهای تو در تو و حروف عام Nested routes and wildcards

• انتقال داده به مسیرها Passing data to routes

• محافظت از مسیرها با Can Activate Protecting routes with Can Activate

• می تواند کودک را فعال کند Can activate child

• می تواند غیرفعال شود Can deactivate

• مسیرهای CLI تولید می کنند CLI routes generate

کار با فرم ها Working with forms

• معرفی Introduction

• فرم اتصال TD TD-Connecting form

• TD-Validation TD-Validation

• TD-Binding TD-Binding

• گروه های TD-Creating TD-Creating groups

• TD-تنظیم و وصله TD-Setting and patching

• فرم های TD-Reset TD-Reset forms

• R-واکنشی کردن R-Making it reactive

• R-Validation R-Validation

• خطاهای نمایش R R-Displaying errors

• R-Grouping R-Grouping

• رادیوهای R و آرایه‌ها را تشکیل می‌دهند R-Radios and form arrays

• R-form observables R-Form observables

• R- فرم ساز R-The form builder

HTTPCLIENT The HTTPCLIENT

• معرفی Introduction

• در حال نصب سرور JSON Installing JSON server

• انجام درخواست پست Making a post request

• ایجاد درخواست دریافت Making a Get request

• حذف پست ها Deleting posts

• هدرها و پارامترها Headers and params

• مشاهده کنید The observe

• مهاجرت به یک سرویس Migrating to a service

• دریافت و حذف در سرویس Get and delete on the service

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

• فاعل، موضوع Subjects

• رهگیرها Interceptors

تصاوير متحرك Animations

• ساخت یک انیمیشن ساده Creating a simple animation

• ساخت یک انیمیشن ساده 2 Creating a simple animation 2

• تماس های تلفنی Callbacks

• متحرک کردن لیست ها Animating lists

• فریم های کلیدی Keyframes

• گروه بندی انیمیشن ها Grouping animations

• NG-ANIMATE (کتابخانه) NG-ANIMATE ( Library )

لوله های زاویه ای Angular pipes

• استفاده از لوله ها Using pipes

• بیشتر در مورد لوله ها More on pipes

• لوله های ناهمگام Async pipes

• لوله های سفارشی Custom pipes

• لوله های فیلتر Filter pipes

RXJS [اختیاری... اما ضروری] RXJS [ OPTIONAL... but Necessary ]

• آماده سازی قالب Preparing the template

• شیر The tap

• نقشه The map

• فاعل، موضوع Subjects

• رفتار موضوع BehaviorSubject

• از، Merge و MergeMap Of, Merge and MergeMap

• exhaustMap و بگیر exhaustMap and take

• CatchError و ThrowError CatchError and ThrowError

احراز هویت و نگهبانی Authentication and Guarding

• سرور Json + Auth Json Server + Auth

• ثبت نام کاربران Register users

• ورود کاربران Login Users

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

• گزینه های ناوبری Navigation options

• رمزگشایی رمزها Decoding tokens

• توکن در محل ذخیره سازی Token in localstorage

• ورود خودکار Autologin

• خروج از کاربر Logout user

• درخواست رهگیری Intercepting request

• مسیرهای نگهبانی 1 Guarding routes 1

• مسیرهای نگهبانی 2 Guarding routes 2

کتابخانه ها [اختیاری] LIbraries [ OPTIONAL ]

• NGXB - در حال نصب NGXB - Installing

• NGXB - دکمه ها NGXB - Buttons

• NGXB - هشدارها NGXB - Alerts

• NGXB - زبانه ها NGXB - Tabs

• NGXB - آکاردئون NGXB - Accordion

• NGXB - چرخ فلک NGXB - Carrousel

• MAT - در حال نصب MAT - Installing

• MAT - Sidenav MAT - Sidenav

• MAT - راهنمای ابزار MAT - Tooltip

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

• کتابخانه اسپینرها Spinners library

پروژه تمرین - کارمانیا Practice project - Carmania

• معرفی Introduction

• در حال نصب Installing

• ایجاد هدر Creating the header

• ایجاد Sidenav Creating the Sidenav

• ایجاد پاورقی Creating the footer

• سرویس درخواست ها The requests service

• اتمام سرویس درخواست ها Finishing the requests service

• اضافه کردن چرخ و فلک Adding a carrousel

• ایجاد کارت Creating cards

• لوله برش Truncate pipe

• ایجاد نشانه گذاری خبرنامه Creating the newsletter markup

• اشتراک در خبرنامه Subscribing to newsletter

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

• گرفتن مقاله Getting the article

• در حال اتمام مقاله Finishing the article

• ایجاد دکمه های Favs Creating a Favs buttons

• در حال اتمام موارد مورد علاقه Finishing the favs

• اضافه کردن یک اسکرول بی نهایت Adding an infinite scroll

• اضافه کردن اسپینر Adding the spinner

• افزودن فرم تماس Adding a contact form

• در حال اتمام تماس Finishing the contact

[اختیاری] - دوره تایپ اسکریپت [ OPTIONAL ] - Typescript course

• تایپ اسکریپت چیه What typescript is

• نصب و اجرای آن Installing and running it

• یک مثال دیگر One more example

• انواع Types

• بولی، عدد، رشته، پوچ و تعریف نشده Boolean, Number, Strings, Null and Undefined

• اشیاء و آرایه های جهانی Global objects and arrays

• آرایه های چند و چند Multi and tuple arrays

• اشیاء و توابع Objects and Functions

• کمی بیشتر در مورد توابع A little more on functions

• در حال تخریب Destructuring

• استنتاج Inference

• رابط ها Interfaces

• تجدید کلاس ها A refresh of classes

• اصلاح کننده ها Modifiers

• ارسال آرگ به سازنده Passing args to constructor

• لوازم جانبی Accessors

• استاتیک و فقط خواندنی Static and read only

• کلاس های انتزاعی Abstract classes

• کار کردن آن در مرورگر Making it work on the browser

• گزینه های کامپایلر Compiler options

• گزینه های کامپایلر بیشتر More compiler options

• فضاهای نام و ماژول ها Namespaces and modules

• فضاهای نام Namespaces

• وارد کردن فضاهای نام Importing namespaces

• با استفاده از ماژول ها Using modules

• ژنریک ها Generics

• یک مثال ژنریک A generics example

• کلاس های عمومی Generic classes

• ژنریک ها با محدودیت ها و رابط ها Generics with constraints and interfaces

• نصب وب پک Installing webpack

• گردآوری و کارکرد آن compiling and making it work

• فایل های اعلامیه Declaration files

• استفاده از کتابخانه های خارجی Using external libraries

• یافتن فایل های اعلامیه Finding declaration files

• داخل یک فایل اظهارنامه Inside a declaration file

• دکورهای کلاس Class decorators

• استفاده از دکوراتور کلاس Using a class decorator

• کارخانه ها و دکوراتورهای انباشته Factories and stacking decorators

• دکوراتورهای روش Method decorators

• پارامترها، اموال و دکوراتورهای لوازم جانبی Parameters, Property and accessor decorators

• [پروژه اول] - نصب وب پک [Project one] - installing webpack

• [پروژه اول] - افزودن یک DB [Project one] - Adding a DB

• [پروژه اول] - واکشی کارکنان [Project one] - Fetching employees

• [پروژه اول] - فهرست اولیه و واکشی [Project one] - Initial list and fetching

• [پروژه اول] - ایجاد یک کلاس پیکربندی [Project one] - Creating a config class

• [پروژه اول] - ایجاد یک هشدار و لیست نمایش [Project one] - Creating an alert and display list

• [پروژه اول] - نمایش لیست [Project one] - Displaying the list

• [پروژه دو] - نصب آن [Project two] - Installing it

• [پروژه دو] - اجرای آن [Project two] - Running it

• [پروژه دو] - گذراندن وسایل [Project two] - Passing props

• [پروژه دو] - با استفاده از حالت [Project two] - Using state

• [پروژه دو] - کمی بیشتر از وسایل [Project two] - A little bit more of props

• [پروژه دو] - اجزای عملکردی [Project two] - Functional components

• [پروژه دوم] - روشها در یک کلاس [Project two] - Methods on a class