Праграмаванне LUMIFY WORK Angular 12

ЧАМУ ВЫВУЧАЦЬ ГЭТЫ КУРС

Гэты ўсёабдымны курс праграмавання Angular 12 уяўляе сабой спалучэнне тэарэтычнага навучання і практычных лабараторных заняткаў, які ўключае ў сябе ўвядзенне ў Angular, а затым TypeScript, кампаненты, дырэктывы, сэрвісы, кліент HTTP, тэсціраванне і адладку.
Курс напоўнены карыснай і дзейснай інфармацыяй, якую вы можаце неадкладна прымяніць да сваёй працы. Вывучыце асновы базавай распрацоўкі Angular 12, такія як аднастаронкавыя прыкладанні браўзера, спагадныя webсайты і гібрыдныя мабільныя прыкладанні.
Заўвага: Мы таксама можам правесці навучанне па іншых версіях Angular. Калі ласка, звяжыцеся з намі, каб зрабіць запыт або зарэгістраваць свой інтарэс.

Што вы даведаецеся
Пасля паспяховага завяршэння гэтага курса вы зможаце:

• Распрацоўвайце аднастаронкавыя прыкладанні Angular з дапамогай Typescript
• Наладзьце поўнае асяроддзе распрацоўкі Angular
• Стварайце кампаненты, дырэктывы, службы, каналы, формы і карыстальніцкія валідатары
• Выконвайце складаныя задачы пошуку сеткавых даных з дапамогай Observables. Спажывайце даныя з REST web паслугі з выкарыстаннем кліента Angular HT TP. Апрацоўка злучэнняў перадачы дадзеных з дапамогай WebПратакол сокетаў
• Працуйце з Angular Pipes для фарматавання даных
• Выкарыстоўвайце пашыраныя функцыі Angular Component Router
• Тэстуйце і адладжвайце прыкладанні Angular з дапамогай убудаваных інструментаў.

ПРАДМЕТЫ КУРСА

Глава 1. Знаёмства з Angular

• Што такое Angular?
• Асноўныя характарыстыкі падыходнага выкарыстання Angular Framework
• Будаўнічыя блокі прыкладання Angular Базавая архітэктура прыкладання Angular Устаноўка і выкарыстанне Angular
• Анатомія прыкладання Angular, якое запускае прыкладанне
• Стварэнне і разгортванне прыкладання Angular для ўласных мабільных праграм
• Рэзюмэ

Глава 2. Уводзіны ў TypeScript

• Мовы праграмавання для выкарыстання з сінтаксісам Angular TypeScript
• Рэдактары праграмавання
• Сістэма тыпаў – Вызначэнне зменных
• Сістэма тыпаў – Вызначэнне масіваў
• Асноўныя прымітыўныя тыпы
• Увядзіце Функцыі
• Вывад тыпу
• Вызначэнне класаў
• Метады класа
• Кантроль бачнасці
• Канструктары класаў
• Канструктары класаў – альтэрнатыўныя неініцыялізаваныя палі формы
• Інтэрфейсы
• Праца з модулямі ES6
• var супраць let
• Функцыі стрэлак
• Стрэлка Функцыя Кампактны сінтаксіс Шаблонныя радкі
• Генерыкі ў класе
• Генерыкі ў функцыі
• Рэзюмэ

Глава 3. Кампаненты

• Што такое кампанент?
• БылыampКампанент
• Стварэнне кампанента з дапамогай Angular CLI
• Клас кампанентаў
• Дэкаратар @Component
• Рэгістрацыя кампанента ў яго шаблоне кампанента модуля
• Example: Шаблон HelloComponent
• Example: клас HelloComponent з выкарыстаннем кампанента
• Запусціце прыкладанне
• Іерархія кампанентаў
• Каранёвы кампанент прыкладання
• Bootstrap File
• Хукі жыццёвага цыкла кампанентаў, напрыкладampХукі жыццёвага цыкла
• CSS стылі
• Рэзюмэ

Глава 4. Шаблоны кампанентаў

• Шаблоны
• Размяшчэнне шаблона
• Сінтаксіс Moustache {{ }}
• Настройка уласцівасцей элемента DOM
• Налада асноўнага тэксту элемента
• Прывязка падзей
• Апрацоўшчык падзей выразаў
• Прадухіліць апрацоўку па змаўчанні
• Дырэктывы атрыбутаў
• Ужывайце стылі, змяняючы класы CSS
• Example: ngClass
• Непасрэднае прымяненне стыляў
• Структурныя дырэктывы
• Шаблон умоўнага выканання
• Example: ngIf
• Зацыкленне з дапамогай ngFor
• ngДля лакальных зменных
• Маніпуляванне калекцыяй Example - Выдаленне элемента
• Адсочванне элементаў з дапамогай ng Для замены элементаў з дапамогай элементаў групоўкі ngSwitch
• Рэзюмэ зменнай спасылкі на шаблон

Глава 5. Міжкампанентная сувязь

• Асновы зносін
• Архітэктура патоку даных
• Падрыхтоўка дзіцяці да атрымання дадзеных
• Адправіць даныя ад бацькоў
• Дадатковая інфармацыя аб наладзе ўласцівасцей
• Запуск падзеі з кампанента
• @Output() Напрыкладample – Даччыны кампанент @Output() Напрыкладample – бацькоўскі кампанент
• Поўная двухбаковая прывязка
• Настройка двухбаковай прывязкі даных у бацькоўскай праграме
• Рэзюмэ

Раздзел 6. Формы, якія кіруюцца шаблонамі

• Формы, якія кіруюцца шаблонамі
• Модуль імпарту формаў
• Базавы падыход
• Настройка формы
• Атрыманне ўводу карыстальніка
• Адсутнасць атрыбута ngForm
• Ініцыялізаваць форму
• Двухбаковае прывязванне даных
• Праверка формы
• Вуглавыя валідатары
• Адлюстраванне стану праверкі з выкарыстаннем класаў дадатковых тыпаў уводу
• Сцяжкі
• Выберыце (выпадальны спіс) палі
• Параметры рэндэрынгу для выбару (выпадальнага спісу) палёў даты
• Радыёкнопкі
• Рэзюмэ

Глава 7. Рэактыўныя формы

• Рэактыўныя формы скончаныview
• Будаўнічыя блокі
• Імпартаваць ReactiveFormsModule
• Стварыце форму
• Дызайн шаблона
• Атрыманне ўваходных значэнняў
• Ініцыялізацыя палёў уводу
• Налада значэнняў формы
• Падпіска на змены ўводу
• Праверка
• Убудаваныя валідатары
• Паказваецца памылка праверкі
• Карыстальніцкі валідатар
• Выкарыстанне карыстацкага валідатара
• Пастаўка канфігурацыі для карыстацкага валідатара
• FormArray - дынамічнае даданне ўваходных дадзеных
• FormArray - клас кампанентаў
• FormArray - шаблон
• FormArray – Значэнні
• Sub FormGroups – клас кампанентаў
• Sub FormGroups – шаблон HTML
• Навошта выкарыстоўваць Sub FormGroups
• Рэзюмэ

Глава 8. Паслугі і ўкараненне залежнасцей

• Што такое паслуга?
• Стварэнне асноўнага сэрвісу
• Клас абслугоўвання
• Што такое ін'екцыя залежнасці?
• Укараненне асобніка службы
• Інжэктары
• Іерархія інжэктара
• Рэгістрацыя службы з каранёвым інжэктарам
• Рэгістрацыя службы з інжэктарам кампанентаў
• Зарэгіструйце паслугу з інжэктарам функцыйнага модуля
• Дзе зарэгістраваць паслугу?
• Ін'екцыя залежнасці ў іншых артэфактах, якія забяспечваюць альтэрнатыўнае ўкараненне залежнасці і @Host
• Ін'екцыя залежнасці і @Optional
• Рэзюмэ

Глава 9. Кліент HTTP

• Кліент Angular HT TP
• Выкарыстанне кліента HT TP – скончанаview
• Імпарт HttpClientModule
• Служба з выкарыстаннем HttpClient
• Афармленне запыту GET
• Што робіць назіраемы аб'ект?
• Выкарыстанне службы ў кампаненце
• Апрацоўка памылак кліенцкага кампанента PeopleService
• Настройка аб'екта Error
• Стварэнне запыту POST
• Стварэнне запыту PUT
• Стварэнне запыту на выдаленне

Глава 10. Канал і фарматаванне даных

• Што такое трубы?
• Убудаваныя трубы
• Выкарыстанне каналаў у ланцужку каналаў шаблону HTML
• Інтэрнацыяналізаваныя каналы (i18n) Загрузка лакальных дадзеных
• Фінікавая труба
• Нумар Труба
• Валютная труба
• Стварыце карыстальніцкую трубу
• Карыстальніцкая труба Example
• Выкарыстанне карыстацкіх каналаў
• Выкарыстанне канала з ngFor
• Фільтруючая труба
• Катэгорыя дудкі: чыстая і нячыстая
• Рэзюмэ
• Pure Pipe Example
• Нячыстая труба Example
• Рэзюмэ

Глава 11. Уводзіны ў аднастаронкавыя прыкладанні

• Што такое аднастаронкавае прыкладанне (SPA) Traditional Web Ужыванне
• Працоўны працэс SPA
• Advan для аднастаронкавага прыкладанняtagгэта API гісторыі HTML5
• СПА выклікі
• Рэалізацыя SPA з выкарыстаннем Angular Summary

Глава 12. Кутні маршрутызатар кампанентаў

• Маршрутызатар кампанентаў
• View Навігацыя
• Angular Router API
• Стварэнне прыкладання з падтрымкай маршрутызатара
• Размяшчэнне маршрутызаваных кампанентаў
• Навігацыя з выкарыстаннем спасылак і кнопак
• Праграмная навігацыя
• Перадача параметраў маршруту
• Навігацыя з параметрамі маршруту
• Атрыманне значэнняў параметраў маршруту
• Сінхроннае атрыманне параметра маршруту
• Асінхроннае атрыманне параметра маршруту
• Параметры запыту
• Пастаўка параметраў запыту
• Асінхроннае атрыманне параметраў запыту
• Праблемы з Manual URL запіс і закладкі
• Рэзюмэ

Глава 13. Пашыраны кліент HTTP

• Параметры запыту
• Вяртанне аб'екта HttpResponse
• Налада загалоўкаў запытаў
• Стварэнне новых назіраных
• Стварэнне простай назіральнай
• Метад назіральнага канструктара. Назіральныя аператары
• Аператары карты і фільтраў
• Аператар flatMap().
• Аператар tap().
• Камбінатар zip().
• Кэшаванне адказу HT TP
• Здзяйсненне паслядоўных выклікаў HT TP
• Паралельныя званкі
• Настройка аб'екта памылкі з дапамогай catchError()
• Памылка ў канвееры
• Аднаўленне памылак
• Рэзюмэ

Глава 14. Вуглавыя модулі

• Чаму вуглавыя модулі?
• Анатомія модульнага класа
• Уласцівасці @NgModule
• Функцыянальныя модулі
• ExampМодульная структура
• Стварыце модуль дамена
• Стварыце пару маршрутызацыя/модуль маршрутызацыі
• Стварыце службовы модуль
• Стварэнне агульных модуляў

Глава 15. Пашыраная маршрутызацыя

• Функцыянальны модуль з падтрымкай маршрутызацыі
• Выкарыстанне модуля функцый
• Лянівая загрузка модуля функцый
• Стварэнне спасылак для кампанентаў модуля функцый
• Больш падрабязна пра лянівую загрузку
• Папярэдняя загрузка модуляў
• Маршрут па змаўчанні
• Маршрут падстаноўчага знака
• перанакіраваць на
• Дзіцячыя маршруты
• Вызначэнне даччыных маршрутаў
• для дзіцячых маршрутаў
• Спасылкі для дзіцячых маршрутаў
• Навігацыйныя гвардыі
• Стварэнне ахоўных рэалізацый
• Выкарыстанне ахоўнікаў на маршруце
• Рэзюмэ

Глава 16. Модульнае тэставанне вуглавых прыкладанняў

• Модульнае тэставанне вуглавых артэфактаў
• Сродкі тэставання
• Тыповыя этапы тэставання
• Вынікі выпрабаванняў
• Наборы тэстаў Jasmine
• Спецыфікацыі Jasmine (модульныя тэсты)
• Чаканні (сцверджанні)
• Запалкі
• Exampурокі па выкарыстанні супадзенняў
• Выкарыстанне ўласцівасці not
• Наладжванне і разборка ў пакетах модульнага тэставання
• ExampФункцыі beforeEach і afterEach
• Модуль Angular Test
• ExampКутні тэставы модуль
• Тэставанне паслугі
• Укараненне асобніка службы
• Праверце сінхронны метад
• Праверце асінхронны метад
• Выкарыстанне макетнага кліента HT TP
• Пастаўка стандартнага адказу
• Тэставанне кампанента
• Модуль тэставання кампанентаў
• Стварэнне асобніка кампанента
• Клас ComponentFixture
• Тэсты асноўных кампанентаў
• Клас DebugElement
• Імітацыя ўзаемадзеяння карыстальніка
• Рэзюмэ

Глава 17. Адладка

• Скончанаview кутняй адладкі
• ViewКод TypeScript у адладчыку
• Выкарыстанне адладчыка Keyword
• Запіс адладкі
• Што такое Angular DevTools?
• Выкарыстанне Angular DevTools
• Angular DevTools – Структура кампанентаў
• Angular DevTools – Выкананне выяўлення змяненняў
• Адлоў сінтаксічных памылак
• Рэзюмэ

Лабараторныя практыкаванні

• Лабараторыя 1. Уводзіны ў Angular
• Лабараторыя 2. Уводзіны ў TypeScript
• Лабараторыя 3. Уводзіны ў кампаненты
• Лабараторыя 4. Шаблон кампанента
• Лабараторыя 5. Стварэнне кампанента фотагалерэі
• Лабараторыя 6. Форма, кіраваная шаблонам
• Лабараторная работа 7. Стварыце форму рэдагавання
• Лабараторыя 8. Рэактыўная форма
• Лабараторыя 9. Распрацоўка сэрвісу
• Лабараторыя 10. Распрацоўка кліента HT TP
• Лабараторыя 11. Выкарыстоўвайце трубы
• Лабараторыя 12. Базавая аднастаронкавая праграма з выкарыстаннем маршрутызатара Лабараторыя 13. Стварэнне аднастаронкавай праграмы (SPA)
• Лабараторыя 14. Пашыраны кліент HT TP
• Лабараторыя 15. Выкарыстанне Angular Bootstrap
• Лабараторыя 16. Лянівая загрузка модуля
• Лабараторыя 17. Пашыраная маршрутызацыя
• Лабараторыя 18. Модульнае тэставанне
• Лабараторыя 19. Адладка прыкладанняў Angular

ДЛЯ КАГО КУРС?
Гэты курс прызначаны для ўсіх, каму трэба вывучыць асновы распрацоўкі Angular 12 і прымяніць іх для стварэння web прыкладання адразу. Мы таксама можам правесці і наладзіць гэты навучальны курс для вялікіх груп, эканомячы час, грошы і рэсурсы вашай арганізацыі.

ПЕРАДУМОВЫ
Web вопыт распрацоўкі з выкарыстаннем HTML, CSS і JavaScript патрабуецца, каб атрымаць максімальную карысць ад гэтага курсу Angular. Веданне DOM браўзера таксама карысна. Папярэдні досвед працы з AngularJS або любой версіяй Angular не патрабуецца.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Дакументы / Рэсурсы

Праграмаванне LUMIFY WORK Angular 12 [pdfКіраўніцтва карыстальніка Праграмаванне Angular 12, Angular, Праграмаванне 12, Праграмаванне

Спасылкі

• Кіраўніцтва карыстальніка