УЖЫВАННЕ І WEB РАЗВІЦЦЁ
Праграмаванне Angular 15
Даўжыня 5 дзён
ВЕРСІЯ 15
ЧАМУ ВЫВУЧАЦЬ ГЭТЫ КУРС
Гэты інтэнсіўны і ўсёабдымны навучальны курс Angular 15 дае ўдзельнікам навыкі, якія яны могуць неадкладна выкарыстоўваць у сваёй працы. Вы даведаецеся асновы распрацоўкі Angular 15, такія як аднастаронкавыя прыкладанні ў браўзеры, спагадны webсайты і гібрыдныя мабільныя прыкладанні.
Гэты курс з'яўляецца спалучэннем тэарэтычнага навучання і практычных лабараторных заняткаў, які ўключае знаёмства з Angular, а затым TypeScript, кампаненты, прамыя файлы, сэрвісы, HTTPClient, тэсціраванне і адладку.
Заўвага: Мы таксама можам правесці навучанне па іншых версіях Angular. Калі ласка, звяжыцеся з намі, каб зрабіць запыт або зарэгістраваць свой інтарэс.
ВУТНІЯ ПРАЦЫ СВЯТЛЕННЯ
Што вы даведаецеся
Пасля паспяховага завяршэння гэтага курса вы будзеце мець веды, каб:
- Распрацоўка адной старонкі Angular applicat ions з дапамогай Typescript
- Наладзьце поўнае асяроддзе распрацоўкі Angular
- Стварайце кампаненты, Direct Ives, Services, Pipes, Forms і Custom Validators
- Выконвайце складаныя задачы пошуку сеткавых дадзеных з дапамогай Observables
- Спажываць даныя з REST web паслугі з дапамогай кліента Angular HTTP
- Апрацоўвайце іёны злучэння Push-Data з дапамогай WebПратакол сокета
- Працуйце з Angular Pipes для фарматавання даных
- Выкарыстоўвайце пашыраныя функцыі Angular Component Router
- Праверце і адладзьце Angular applicat ions з дапамогай убудаваных інструментаў
- Працуйце з Angular CLI
Мой інструктар быў выдатным, бо змог змясціць сцэнарыі ў рэальныя выпадкі, звязаныя з маёй канкрэтнай сітуацыяй.
З таго моманту, як я прыбыў, я адчуваў сябе гасцінна, і магчымасць сядзець групай за межамі класа, каб абмеркаваць нашы сітуацыі і нашы мэты, была надзвычай каштоўнай.
Я шмат чаму навучыўся і палічыў важным, каб мае мэты, наведваючы гэты курс, былі дасягнуты.
Выдатная праца Lumify Work team.
АМАНДА НІКОЛЬ
МЕНЕДЖЭР СЛУЖБ ІТ-ПАДТРЫМКІ – HEALTH WORLD LIMITED
ПРАДМЕТЫ КУРСА
- Прадстаўляем Angular
• Што такое Angular?
• Асноўныя асаблівасці вуглавога каркаса
• Адпаведныя выпадкі выкарыстання
• Будаўнічыя блокі прыкладання Angular
• Базавая архітэктура прыкладання Angular
• Устаноўка і выкарыстанне Angular
• Анатомія вуглавога прыкладання
• Запуск Applicat ion
• Стварэнне і разгортванне прыкладання
• Angular для ўласных мабільных праграм - Уводзіны ў TypeScript
• Мовы праграмавання для выкарыстання з Angular
• Сінтаксіс TypeScript
• Рэдактары праграмавання
• Сістэма тыпаў – Вызначэнне зменных
• Сістэма тыпаў – вызначэнне масіваў
• Асноўныя першабытныя тыпы
• Увядзіце Function ions
• Вывад тыпу
• Вызначэнне класаў
• Метады класа
• Кантроль бачнасці
• Канструктары класаў
• Канструктары класаў – Альтэрнатыўная форма
• Неініцыялізаваныя палі
• Інтэрфейсы
• Праца з модулямі ES6
• var супраць let
• Функцыі стрэлак
• Кампактны сінтаксіс функцыі стрэлка
• Радкі шаблонаў
• Генерыкі ў класе
• Універсальныя ў Fun ion - Кампаненты
• Што такое кампанент?
• ЭксampКампанент
• Стварэнне кампанента з выкарыстаннем Angular CLI
• Клас кампанентаў
• Дэкаратар @Component
• Рэгістрацыя кампанента ў яго модулі
• Шаблон кампанента
• Прample: Шаблон HelloComponent
• Прample: клас HelloComponent
• Выкарыстанне кампанента
• Запусціце прыкладанне
• Іерархія кампанентаў
• Кампанент Applicat ion Root
• Bootstrap File
• Хукі жыццёвага цыкла кампанентаў
• ПрampХукі жыццёвага цыкла
• Стылі CSS - Шаблоны кампанентаў
• Шаблоны
• Размяшчэнне шаблона
• Сінтаксіс Moustache {{ }}
• Налада уласцівасцей элемента DOM
• Налада асноўнага тэксту элемента
• Прывязка падзей
• Апрацоўшчык падзей Expression
• Прадухіленне апрацоўкі па змаўчанні
• Дырэктывы атрыбутаў
• Ужывайце стылі, змяняючы класы CSS
• Прample: ngClass
• Непасрэднае прымяненне стыляў
• Структурныя дырэктывы
• Шаблон умоўнага выканання
• Прample: ngIf
• Зацыкленне з дапамогай ngFor
• ngДля лакальных зменных
• Маніпуляванне калекцыяй
• Прample - Выдаленне элемента
• Адсочванне тавараў з дапамогай ngFor
• Замена элементаў з дапамогай ngSwitch
• Групоўка элементаў
• Зменная спасылкі на шаблон - Міжкампанентная сувязь
• Асновы зносін
• Архітэктура патоку даных
• Падрыхтоўка дзіцяці да атрымання даных
• Адправіць дадзеныя ад бацькоў
• Дадатковая інфармацыя аб наладзе ўласцівасцей
• Запуск падзеі з кампанента
• @Output() Напрыкладample – даччыны кампанент
• @Output() Напрыкладample – бацькоўскі кампанент
• Поўная двухбаковая прывязка
• Налада двухбаковай прывязкі даных у бацькоўскай праграме - Шаблоны і кіраваныя формы
• Шаблонныя формы
• Модуль імпарту формаў
• Базавы падыход
• Наладжванне формы
• Атрыманне ўводу карыстальніка
• Адсутнасць атрыбута ngForm
• Ініцыялізаваць форму
• Двухбаковая прывязка дадзеных
• Праверка формы
• Вуглавыя валідатары
• Адлюстраванне праверкі стану з выкарыстаннем класаў
• Дадатковыя тыпы ўводу
• Сцяжкі
• Выберыце (выпадальны спіс) палі
• Параметры рэндэрынгу для выбару (выпадальны спіс)
• Палі даты
• Радыёкнопкі - Рэактыўныя формы
• Рэактыўныя формы скончаныview
• Будаўнічыя блокі
• Імпартаваць Reactive FormsModule
• Стварыце форму
• Стварыце шаблон
• Атрыманне ўваходных значэнняў
• Ініцыялізацыя палёў уводу
• Налада значэнняў формы
• Падпіска на змены ўводу
• Праверка
• Убудаваныя валідатары
• Адлюстраванне памылкі праверкі
• Карыстальніцкі валідатар
• Выкарыстанне карыстацкага валідатара
• Пастаўка канфігурацыі карыстацкага валідатара
• FormArray – дынамічнае даданне ўваходных дадзеных
• FormArray – клас кампанентаў
• FormArray – шаблон
• FormArray – Значэнні
• Sub FormGroups – клас кампанентаў
• Sub FormGroups – шаблон HTML
• Навошта выкарыстоўваць Sub FormGroups - Паслугі і ін'екцыя залежнасцей
• Што такое паслуга?
• Стварэнне асноўнага сэрвісу
• Клас абслугоўвання
• Што такое ін'екцыя залежнасці?
• Увядзенне асобніка службы
• Фарсункі
• Іерархія інжэктара
• Рэгістрацыя службы з каранёвым інжэктарам
• Рэгістрацыя службы з інжэктарам кампанентаў
• Зарэгіструйце паслугу з інжэктарам функцыйнага модуля
• Дзе зарэгістраваць паслугу?
• Увядзенне залежнасці ў іншыя артэфакты
• Прадастаўленне альтэрнатыўнай рэалізацыі
• Ін'екцыя залежнасці і @Host
• Ін'екцыя залежнасці і @Optional - Кліент HTTP
• HTTP-кліент Angular
• Выкарыстанне кліента HTTP - большview
• Імпарт HttpClientModule
• Сэрвіс з дапамогай HttpClient
• Стварэнне запыту GET
• Што робіць назіраны аб'ект?
• Выкарыстанне службы ў кампаненце
• Кліенцкі кампанент PeopleService
• Апрацоўка памылак
• Настройка аб'екта Error
• Стварэнне запыту POST
• Стварэнне запыту PUT
• Стварэнне запыту на выдаленне - Трубы і фарматаванне даных
• Што такое трубы?
• Убудаваныя трубы
• Выкарыстанне каналаў у шаблоне HTML
• Злучэнне труб
• Міжнародныя іяналізаваныя трубы (i18n)
• Загрузка лакальных дадзеных
• Фінікавая труба
• Колькасць Труба
• Валютная труба
• Стварэнне карыстацкай трубы
• Custom Pipe Example
• Выкарыстанне карыстацкіх труб
• Выкарыстанне трубы з ngFor
• Фільтруючая труба
• Катэгорыя труб: чыстая і нячыстая
• Pure Pipe Example
• Нячыстая труба Example - Уводзіны ў аднастаронкавыя прыкладанні
• Што такое Single Page Applicat ion (SPA)
• Традыцыйны Web Ужыванне
• Працоўны працэс SPA
• Аднастаронкавае прыкладанне Advantages
• API гісторыі HTML5
• SPA выклікі
• Рэалізацыя SPA з дапамогай Angular - Кутні маршрутызатар кампанентаў
• Маршрутызатар кампанентаў
• View Навігацыя
• Angular Router API
• Стварэнне прыкладання з падтрымкай маршрутызатара
• Размяшчэнне маршрутызаваных кампанентаў
• Навігацыя з дапамогай спасылак і кнопак
• Праграмная навігацыя
• Перадача параметраў маршруту
• Навігацыя з параметрамі маршруту
• Атрыманне значэнняў параметраў маршруту
• Сінхроннае атрыманне параметраў маршруту
• Асінхроннае атрыманне параметра маршруту
• Параметры запыту
• Пастаўка параметраў запыту
• Асінхроннае атрыманне параметраў запыту
• Праблемы з Manual URL запіс і закладкі - Пашыраны кліент HTTP
• Параметры запыту
• Вяртанне аб'екта HttpResponse
• Налада загалоўкаў запытаў
• Стварэнне новых назіраных
• Стварэнне простай назіральнай
• Метад назіральнага канструктара
• Назіральныя аператары
• Аператары карты і фільтра
• Аператар flatMap().
• Аператар tap().
• Камбінатар zip().
• Кэшаванне HTTP-адказу
• Стварэнне паслядоўных HTTP-званкоў
• Стварэнне паралельных званкоў
• Настройка аб'екта памылкі з catchError()
• Памылка ў канвееры
• Аднаўленне памылак - Вуглавыя модулі
• Чаму вуглавыя модулі?
• Анатомія модульнага класа
• Уласцівасці @NgModule
• Функцыянальныя модулі
• ПрampМодульная структура
• Стварыце модуль дамена
• Стварыце пару маршрутызацыя/модуль маршрутызацыі
• Стварыце сэрвісны модуль
• Стварэнне агульных модуляў
• Выкарыстанне аднаго модуля з іншага - Пашыраная маршрутызацыя
• Функцыянальны модуль з падтрымкай маршрутызацыі
• Выкарыстанне модуля функцый
• Лянівая загрузка модуля функцый
• Стварэнне спасылак для кампанентаў модуля функцый
• Больш падрабязна пра лянівую загрузку
• Папярэдняя загрузка модуляў
• прывязка routerLinkActive
• Маршрут па змаўчанні
• Шлях маршруту падстаноўчага знака
• redirectTo
• Дзіцячыя маршруты
• Вызначэнне даччыных маршрутаў для даччыных маршрутаў
• Спасылкі для дзіцячых маршрутаў
• Навігацыйныя гвардыі
• Стварэнне ахоўных рэалізацый
• Выкарыстанне ахоўнікаў на маршруце - Модульнае тэставанне вуглавых прыкладанняў
• Модульнае тэставанне вуглавых артэфактаў
• Інструменты тэсціравання
• Тыповыя этапы тэставання
• Вынікі выпрабаванняў
• Наборы тэстаў Jasmine
• Спецыфікацыі Jasmine (модульныя тэсты)
• Чаканні (Сцвярджаюць іёны)
• Запалкі
• Прampурокі па выкарыстанні супадзенняў
• Выкарыстанне ўласцівасці not
• Наладжванне і разборка ў наборах модульных тэстаў
• ПрampФункцыі beforeEach і afterEach
• Вуглавы тэставы модуль
• ПрampКутні тэставы модуль
• Тэставанне паслугі
• Увядзенне асобніка службы
• Праверце сінхронны метад
• Праверце асінхронны метад
• Выкарыстанне макетнага кліента HTTP
• Пастаўка стандартнага адказу
• Тэставанне кампанента
• Модуль тэставання кампанентаў
• Стварэнне асобніка кампанента
• Клас ComponentFixture
• Тэсты асноўных кампанентаў
• Клас DebugElement
• Імітацыя ўзаемадзеяння карыстальніка - Адладка
• Надview кутняй адладкі
• ViewКод TypeScript у адладчыку
• Выкарыстанне адладчыка Keyword
• Запіс адладкі
• Што такое Angular DevTools?
• Выкарыстанне Angular DevTools
• Angular DevTools – Структура кампанентаў
• Angular DevTools – Змяніць выяўленне іёна Выкананне іёна
• Адлоў сінтаксічных памылак
ДЛЯ КАГО КУРС?
Гэты курс прызначаны для ўсіх, каму трэба вывучыць асновы распрацоўкі Angular 15 і прымяніць іх адразу для стварэння web прыкладанняў.
Мы таксама можам правесці і наладзіць гэты навучальны курс для вялікіх груп, эканомячы час, грошы і рэсурсы вашай арганізацыі. Для атрымання дадатковай інфармацыі, калі ласка, звяжыцеся з намі па электроннай пошце на ph.training@lumifywork.com
ПЕРАДУМОВЫ
- Web вопыт распрацоўкі з выкарыстаннем HTML, CSS і JavaScript патрабуецца, каб атрымаць максімальную карысць ад гэтага курсу Angular
- Веданне DOM браўзера таксама карысна
- Ніякага папярэдняга вопыту Angular або AngularJS не патрабуецца
Пастаўка гэтага курса Lumify Work рэгулюецца ўмовамі браніравання.
Калі ласка, уважліва прачытайце палажэнні і ўмовы, перш чым запісацца на гэты курс, паколькі залічэнне на курс залежыць ад прыняцця гэтых палажэнняў і ўмоў.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Дакументы / Рэсурсы
 |
Праграмаванне LUMIFY WORK Angular 15 [pdfКіраўніцтва карыстальніка Праграмаванне Angular 15, Праграмаванне |
