LUMIFY WORK Angular 12 Барномасозӣ

ЧАРО ИН КУРСРО ОМӮЗЕД

Ин курси ҳамаҷонибаи барномасозии Angular 12 маҷмӯи омӯзиши назариявӣ ва лабораторияҳои амалӣ мебошад, ки муқаддима ба Angular, пас аз он TypeScript, ҷузъҳо, дастурҳо, хидматҳо, мизоҷи HTTP, санҷиш ва ислоҳро дар бар мегирад.
Курс аз маълумоти муфид ва амалӣ пур карда шудааст, ки шумо метавонед фавран ба кори худ муроҷиат кунед. Асосҳои таҳияи асосии Angular 12-ро, аз қабили замимаҳои браузери яксаҳифа, ҷавобгӯро омӯзед webсайтҳо ва замимаҳои мобилии гибридӣ.
Шарҳ: Мо инчунин метавонем дар бораи дигар версияҳои Angular омӯзиш гузаронем. Лутфан бо мо тамос гиред, то дархост кунед ё таваҷҷӯҳи худро сабт кунед.

ЧИ ШУМО МЕОМӮЗЕД
Пас аз хатми бомуваффақияти ин курс, шумо метавонед:

• Бо истифода аз Typescript замимаҳои як саҳифаи Angular таҳия кунед
• Муҳити мукаммали таҳияи Angular таъсис диҳед
• Эҷоди ҷузъҳо, дастурҳо, хидматҳо, қубурҳо, шаклҳо ва санҷишҳои фармоишӣ
• Бо истифода аз Observables Вазифаҳои пешрафтаи ҷустуҷӯи додаҳои шабакавиро иҷро кунед. Маълумотро аз REST истеъмол кунед web хидматҳо бо истифода аз Angular HT TP Client Handle пайвастҳои push-маълумотро бо истифода аз WebПротоколи розеткаҳо
• Барои формат кардани маълумот бо қубурҳои кунҷӣ кор кунед
• Хусусиятҳои пешрафтаи Angular Component Router-ро истифода баред
• Барномаҳои Angular бо истифода аз абзорҳои дарунсохт санҷида ва ислоҳ кунед.

МАВЗУЪХОИ КУРС

Боби 1. Муқаддима бо кунҷӣ

• Angular чист?
• Хусусиятҳои марказии чаҳорчӯбаи кунҷӣ ҳолатҳои истифодаи мувофиқ
• Блокҳои сохтмонии барномаи кунҷӣ Архитектураи асосии барномаи кунҷӣ Насб ва истифодаи angular
• Анатомияи барномаи кунҷӣ, ки барномаро иҷро мекунад
• Сохтан ва ҷойгиркунии замимаи Angular барои барномаҳои мобилӣ
• Хулоса

Боби 2. Муқаддима ба TypeScript

• Забонҳои барномасозӣ барои истифода бо синтаксиси Angular TypeScript
• Муҳаррирони барномасозӣ
• Системаи Навъ - Муайян кардани тағирёбандаҳо
• Системаи Навъ - Муайянкунии массивҳо
• Намудҳои асосии ибтидоӣ
• Функсияҳоро ворид кунед
• Навъи хулоса
• Муайян кардани синфҳо
• Усулҳои синф
• Назорати намоён
• Конструкторони синф
• Созандагони синф – Майдонҳои алтернативии шаклҳои ибтидоӣ
• Интерфейсҳо
• Кор бо модулҳои ES6
• var vs let
• Функсияҳои тирча
• Функсияи тирчаи сатрҳои қолаби синтаксиси паймон
• Генерикҳо дар синф
• Генерикҳо дар Функсия
• Хулоса

Боби 3. Компонентҳо

• Компонент чист?
• Як собиқample Component
• Эҷоди ҷузъ бо истифода аз Angular CLI
• Синфи компонент
• Ороиши @Component
• Бақайдгирии ҷузъ дар Шаблон компоненти модули он
• Example: Шаблон HelloComponent
• Example: Синфи HelloComponent бо истифода аз компонент
• Барномаро иҷро кунед
• Иерархияи ҷузъҳо
• Компоненти решаи барнома
• Bootstrap File
• Қалмоқҳои Lifecycle Component Example Hooks Lifecycle
• Услубҳои CSS
• Хулоса

Боби 4. Шаблонҳои ҷузъӣ

• Шаблонҳо
• Ҷойгиршавии Шаблон
• Синтаксиси Moustache {{ }}
• Танзими хосиятҳои элементҳои DOM
• Танзими матни асосии элемент
• Пайвасткунии ҳодиса
• Идоракунандаи рӯйдодҳои ифода
• Пешгирии коркарди пешфарз
• Директиваҳои атрибутӣ
• Бо тағир додани синфҳои CSS услубҳоро татбиқ кунед
• Example: ngClass
• Татбиқи услубҳои мустақим
• Дастурҳои сохторӣ
• Шаблонро шартан иҷро кунед
• Example: ngIf
• Доиравӣ бо истифода аз ngFor
• ngFor Тағйирёбандаҳои маҳаллӣ
• Манипуляцияи коллексия Example - Нест кардани ашё
• Пайгирии ашё бо ngFor Swapping Элементҳо бо унсурҳои гурӯҳбандии ngSwitch
• Маълумоти мухтасари тағирёбандаи истинод ба Шаблон

Боби 5. Муоширати байниқисмҳо

• Асосҳои коммуникатсия
• Архитектураи ҷараёни маълумот
• Омода кардани кӯдак барои гирифтани маълумот
• Ирсоли маълумот аз волидайн
• Бештар дар бораи танзими хосиятҳо
• Ҳодисаи оташзанӣ аз ҷузъ
• @Output() Мисолample – Ҷузъи кӯдак @Output() Мисолample - Ҷузъи волидайн
• Пайвасткунии пурраи дутарафа
• Танзими дуҷонибаи маълумот дар волидайн
• Хулоса

Боби 6. Шаклҳои ба қолабҳо асосёфта

• Шаклҳои ба Шаблон асосёфта
• Модули воридоти шаклҳо
• Равиши асосӣ
• Насб кардани форма
• Гирифтани вуруди корбар
• Хориҷ кардани атрибути ngForm
• Формаро оғоз кунед
• Пайвасткунии дуҷонибаи маълумот
• Санҷиши шакл
• Санҷишҳои кунҷӣ
• Намоиши ҳолати тасдиқкунӣ бо истифода аз синфҳо Намудҳои иловагии вуруд
• Қуттиҳои қайд
• Майдонҳоро интихоб кунед (Поён).
• Параметрҳои намоиш барои майдонҳои санаи интихоб (афтанда)
• Тугмаҳои радио
• Хулоса

Боби 7. Шаклҳои реактивӣ

• Шаклҳои реактивӣ тамом шудандview
• Блокҳои сохтмонӣ
• Воридоти ReactiveFormsModule
• Сохтани форма
• Шаблонро тарҳрезӣ кунед
• Гирифтани арзишҳои воридотӣ
• Оғоз кардани Майдонҳои Вуруд
• Муқаррар кардани арзишҳои форма
• Обуна шудан ба тағиротҳои воридотӣ
• Санҷиш
• Валидаторҳои дарунсохт
• Намоиши хатои тасдиқ
• Санҷиши фармоишӣ
• Истифодаи Validator Custom
• Таъмини конфигуратсия ба Validator Custom
• FormArray - воридшавиро ба таври динамикӣ илова кунед
• FormArray - Синфи компонентҳо
• FormArray - Шаблон
• FormArray - Арзишҳо
• SubformGroups - Синфи ҷузъҳо
• SubformGroups - Шаблони HTML
• Чаро Sub FormGroups -ро истифода баред
• Хулоса

Боби 8. Хидматҳо ва тазриқи вобастагӣ

• Хизмат чист?
• Эҷоди хидмати асосӣ
• Синфи хизматрасонӣ
• Тазриқи вобастагӣ чист?
• Инъекцияи хидматрасонӣ
• Сӯзандоруҳо
• Иерархияи инжектор
• Бақайдгирии хидмат бо Injector Root
• Бақайдгирии хидмат бо инжектори компонент
• Хизматро бо инжектори модули хусусият сабт кунед
• Хизматро дар куҷо ба қайд гирифтан мумкин аст?
• Тазриқи вобастагӣ дар дигар артефактҳо, ки тазриқи алтернативии вобастагӣ ва @Host-ро таъмин мекунанд
• Тазриқи вобастагӣ ва @Optional
• Хулоса

Боби 9. Мизоҷи HTTP

• Мизоҷи Angular HT TP
• Истифодаи T he HT TP Client - Overview
• Воридоти HttpClientModule
• Хизматрасонӣ бо истифода аз HttpClient
• Қабули дархости GET
• Объекти мушоҳидашаванда чӣ кор мекунад?
• Истифодаи хидмат дар як ҷузъи
• Муносибати хатогии ҷузъҳои муштарии PeopleService
• Мутобиқсозии объекти хато
• Қабули дархости POST
• Қабули дархости PUT
• Пешниҳоди дархости ТОҶИК

Боби 10. Қубурҳо ва форматкунии маълумот

• Қубурҳо чист?
• Қубурҳои дарунсохт
• Истифодаи қубурҳо дар HTML Шаблон қубурҳои занҷир
• Қубурҳои байналмилалӣ (i18n) Боркунии маълумот дар бораи маҳаллӣ
• Санаи қубур
• Рақами қубур
• Қубури асъор
• Эҷоди қубури фармоишӣ
• Қубури фармоишӣ Example
• Истифодаи қубурҳои фармоишӣ
• Истифодаи қубур бо ngFor
• Қубури филтр
• Категорияи қубур: пок ва нопок
• Хулоса
• Қубури пок Example
• Қубури нопок Example
• Хулоса

Боби 11. Муқаддима ба замимаҳои як саҳифа

• Аризаи ягонаи саҳифа (SPA) анъанавӣ чист? Web Ариза
• Ҷараёни кории SPA
• Барномаи Advan як саҳифаtagAPI Таърихи HTML5
• Мушкилоти SPA
• Амалисозии SPA бо истифода аз мухтасари кунҷӣ

Боби 12. Роутери кунҷӣ

• Роутери компонент
• View Навигатсия
• API-и Angular Router
• Эҷоди як замимаи роутер фаъол
• Хостинги ҷузъҳои масир
• Навигатсия бо истифода аз пайвандҳо ва тугмаҳо
• Навигатсияи барномавӣ
• Параметрҳои гузариш
• Навигатсия бо параметрҳои масир
• Гирифтани арзишҳои параметри масир
• Гирифтани параметри масир ба таври синхронӣ
• Гирифтани параметри масир ба таври асинхронӣ
• Параметрҳои дархост
• Таъмини параметрҳои дархост
• Гирифтани параметрҳои дархост ба таври асинхронӣ
• Мушкилот бо дастур URL вуруд ва хатчӯб
• Хулоса

Боби 13. Муштарии пешрафтаи HTTP

• Имконоти дархост
• Баргардонидани объекти HttpResponse
• Танзими сарлавҳаҳои дархост
• Эҷоди мушоҳидаҳои нав
• Эҷоди як мушоҳидаи оддӣ
• Усули мушоҳидашавандаи конструктор Операторҳои мушоҳидашаванда
• Операторҳои харита ва филтр
• Оператори flatMap().
• Оператори tap().
• Комбинатори zip().
• Кэшкунии посухи HT TP
• Зангҳои пайдарпайи HT TP
• Зангҳои параллелӣ
• Мутобиқсозии объекти хатогӣ бо catchError()
• Хатогӣ дар қубур
• Барқарорсозии хато
• Хулоса

Боби 14. Модулҳои кунҷӣ

• Чаро модулҳои кунҷӣ?
• Анатомияи синфи модул
• Хусусиятҳои @NgModule
• Модулҳои хусусият
• ExampСохтори модул
• Модули домен эҷод кунед
• Эҷоди як ҷуфти модули масир / масир
• Модули хидматрасонӣ эҷод кунед
• Эҷоди модулҳои умумӣ

Боби 15. Масири пешрафта

• Модули Хусусияти Масири фаъол
• Истифодаи Модули Хусусият
• Боркунии танбали модули хусусият
• Эҷоди пайвандҳо барои ҷузъҳои модули хусусият
• Бештар дар бораи Loading Lazy
• Модулҳои пешакӣ боркунӣ
• Масири пешфарз
• Роҳи хатсайри ҷодугарӣ
• масир ба
• Роҳҳои кӯдакон
• Муайян кардани маршрутҳои кӯдакон
• барои Роҳҳои кӯдакон
• Истинодҳо барои роҳҳои кӯдакон
• Посбонҳои навигатсионӣ
• Эҷоди татбиқи муҳофизатӣ
• Истифодаи посбонҳо дар як масир
• Хулоса

Боби 16. Санҷиши воҳиди барномаҳои кунҷӣ

• Санҷиши воҳиди артефактҳои кунҷӣ
• Таҷҳизоти санҷишӣ
• Қадамҳои санҷиши маъмулӣ
• Натиҷаҳои санҷиш
• Сюитҳои озмоишии Жасмин
• Хусусиятҳои Жасмин (Санҷиши воҳидҳо)
• Интизорҳо (таъкидҳо)
• Мусобикахо
• Examples of Use Matchers
• Истифодаи амволи ғайриманқул
• Насб ва шикастан дар Сюитҳои озмоишии воҳид
• ExampФунксияҳои beforeEach ва AfterEach
• Модули санҷиши кунҷӣ
• Example Модули санҷиши кунҷӣ
• Санҷиши хидмат
• Инъекцияи хидматрасонӣ
• Усули синхронӣ санҷед
• Усули асинхронӣ санҷед
• Истифодаи Client Mock HT TP
• Таъмини ҷавоби консервшуда
• Санҷиши компонент
• Модули санҷиши компонент
• Эҷоди як мисоли компонент
• Синфи ComponentFixture
• Санҷишҳои ҷузъҳои асосӣ
• Синфи DebugElement
• Симуляцияи ҳамкории корбар
• Хулоса

Боби 17. Ислоҳот

• Барview аз Debugging angular
• ViewГузаронидани рамзи TypeScript дар Debugger
• Истифодаи калимаи калидии ислоҳкунанда
• Сабти хатогиҳо
• Angular DevTools чист?
• Истифодаи DevTools Angular
• Angular DevTools - Сохтори ҷузъҳо
• Angular DevTools - Иҷрои муайянкунии тағирот
• Пайдо кардани хатогиҳои синтаксис
• Хулоса

Машқҳои лабораторӣ

• Лабораторияи 1. Муқаддима ба Angular
• Лабораторияи 2. Муқаддима ба TypeScript
• Лабораторияи 3. Муқаддима ба ҷузъҳо
• Лабораторияи 4. Шаблони компонент
• Лабораторияи 5. Сохтани ҷузъи галереяи аксҳо
• Лабораторияи 6. Шаблон
• Лабораторияи 7. Формаи таҳрирро эҷод кунед
• Лабораторияи 8. Шакли реактивӣ
• Лабораторияи 9. Таҳияи хидмат
• Лабораторияи 10. Таҳияи муштарии HT TP
• Лабораторияи 11. Истифодаи қубурҳо
• Лаборатория 12. Замимаи асосии як саҳифа бо истифода аз Router Lab 13. Сохтани замимаи ягона саҳифа (SPA)
• Лабораторияи 14. Муштарии пешрафтаи HT TP
• Лабораторияи 15. Истифодаи Angular Bootstrap
• Лабораторияи 16. Боркунии модули танбал
• Лабораторияи 17. Масири пешрафта
• Лабораторияи 18. Санҷиши воҳидҳо
• Лабораторияи 19. Debugging барномаҳои кунҷӣ

КУРС БАРОИ КИ АСТ?
Ин курс ба ҳар касе нигаронида шудааст, ки бояд асосҳои рушди Angular 12-ро омӯзад ва онро барои эҷод истифода барад web барномаҳо фавран. Мо инчунин метавонем ин курси омӯзиширо барои гурӯҳҳои калонтар расонем ва танзим кунем - вақт, пул ва захираҳои ташкилоти шуморо сарфа кунем.

ШАРТҲО
Web Таҷрибаи рушд бо истифода аз HTML, CSS ва JavaScript барои ба даст овардани бештар аз ин курси Angular лозим аст. Донистани браузери DOM низ муфид аст. Таҷрибаи қаблии Angular бо AngularJS ё ягон версияи Angular талаб карда намешавад.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Ҳуҷҷатҳо / Сарчашмаҳо

LUMIFY WORK Angular 12 Барномасозӣ [pdf] Дастури корбар Angular 12 Барномасозӣ, Angular, 12 Барномасозӣ, Барномасозӣ

Иқтибосҳо

• Дастури корбар