LUMIFY WORK Angular 12 Програмирање

ЗОШТО ДА ГО СУДИШ ОВОЈ КУРС

Овој сеопфатен курс за програмирање Angular 12 е комбинација од теоретско учење и практични лаборатории што вклучува вовед во Angular, проследено со TypeScript, компоненти, директиви, услуги, HTTP клиент, тестирање и дебагирање.
Курсот е преполн со корисни и ефективни информации што можете да ги примените на вашата работа веднаш. Научете ги основите на основниот развој на Angular 12, како што се апликациите за прелистувач на една страница, одговорни webсајтови и хибридни мобилни апликации.
Забелешка: Можеме да испорачаме и обука за други верзии на Angular. Ве молиме контактирајте со нас за да побарате или да го пријавите вашиот интерес.

ШТО ЌЕ НАУЧИТЕ
По успешното завршување на овој курс, ќе можете да:

• Развијте Angular апликации на една страница користејќи Typescript
• Поставете комплетна околина за развој на Angular
• Креирајте компоненти, директиви, услуги, цевки, формулари и прилагодени валидатори
• Справувајте со напредните задачи за пребарување на мрежни податоци со помош на Observables Конзумирајте податоци од REST web услуги кои користат Angular HT TP Client Ракувајте со притисни конекции со податоци користејќи го WebСокети протокол
• Работете со Angular Pipes за форматирање на податоците
• Користете напредни функции на Angular Component Router
• Тестирајте и дебагирајте ги Angular апликациите користејќи вградени алатки.

ПРЕДМЕТИ НА ПРЕДМЕТОТ

Поглавје 1. Воведување на Angular

• Што е Angular?
• Централни карактеристики на Angular Framework Соодветни случаи за употреба
• Градежни блокови на аголна апликација Основна архитектура на аголна апликација Инсталирање и користење на Angular
• Анатомија на аголна апликација која ја извршува апликацијата
• Изградба и распоредување на апликацијата Angular за домашни мобилни апликации
• Резиме

Поглавје 2. Вовед во TypeScript

• Програмски јазици за употреба со Angular TypeScript синтакса
• Програмски уредници
• Тип систем – Дефинирање на променливи
• Системот на типови - Дефинирање на низи
• Основни примитивни типови
• Внесете Функции
• Тип Инференција
• Дефинирање на класи
• Класни методи
• Контрола на видливост
• Класа конструктори
• Конструктори на класи – Неиницијализирани полиња за алтернативна форма
• Интерфејси
• Работа со ES6 модули
• var vs нека
• Функции со стрелки
• Функција со стрелка Стрингови со компактен шаблон за синтакса
• Генерика во класа
• Генериката е во функција
• Резиме

Поглавје 3. Компоненти

• Што е компонента?
• Еден Прample Компонента
• Креирање на компонента користејќи Angular CLI
• Класа на компоненти
• Декораторот @Component
• Регистрирање на компонента во неговиот шаблон за компонента на модулот
• Example: Шаблон HelloComponent
• Example: Класата HelloComponent со користење на компонента
• Стартувај ја апликацијата
• Хиерархија на компоненти
• Коренот на апликацијата компонента
• Bootstrap File
• Куки за животниот циклус на компонентите Прample Куки за животниот циклус
• CSS стилови
• Резиме

Поглавје 4. Шаблони за компоненти

• Шаблони
• Локација на шаблон
• Синтакса на мустаќи {{ }}
• Поставување својства на елементот DOM
• Поставување текст на телото на елементот
• Поврзување на настанот
• Ракувач со настани за изразување
• Спречете стандардно ракување
• Директиви за атрибути
• Примени стилови со промена на класите CSS
• Example: ngClass
• Директно примена на стилови
• Структурни директиви
• Условно извршете го шаблонот
• Example: ngАко
• Вртење со користење на ngFor
• ngЗа локални променливи
• Манипулирање со колекцијата Прample – Бришење ставка
• Следење на ставки со ngЗа замена на елементи со ngПрефрли елементи за групирање
• Резиме на референтна променлива на шаблонот

Поглавје 5. Интеркомпонентна комуникација

• Основи на комуникација
• Архитектура на проток на податоци
• Подготовка на детето да прима податоци
• Испратете податоци од родител
• Повеќе за Поставување својства
• Отпуштање настан од компонента
• @Output() Прample – Детска компонента @Output() Прample – родителска компонента
• Целосно двонасочно врзување
• Поставување двонасочно поврзување податоци во родител
• Резиме

Поглавје 6. Обрасци управувани со шаблон

• Обрасци управувани со шаблон
• Модул за увоз на форми
• Основен пристап
• Поставување формулар
• Добивање кориснички внес
• Испуштање на атрибутот ngForm
• Иницијализирајте го формуларот
• Двонасочно врзување на податоци
• Валидација на формуларот
• Аголни валидатори
• Прикажување на состојбата на валидација со користење на класи Дополнителни типови на влез
• Поле за избор
• Изберете полиња (паѓачки надолу).
• Опции за рендерирање за полиња за Избери (паѓачки) датум
• Копчиња за радио
• Резиме

Поглавје 7. Реактивни форми

• Реактивни форми завршиview
• Градежните блокови
• Увезете ReactiveFormsModule
• Конструирај формулар
• Дизајнирајте го Шаблонот
• Добивање на влезни вредности
• Иницијализирање на влезните полиња
• Поставување вредности на формулари
• Се претплатите на Влезни промени
• Валидација
• Вградени валидатори
• Се прикажува грешка при валидација
• Прилагоден валидатор
• Користење на прилагоден валидатор
• Доставување конфигурација на прилагоден валидатор
• FormArray – Динамично додавање на влезови
• FormArray – Класа на компоненти
• FormArray - Шаблонот
• FormArray – вредности
• Под-формули - Класа на компоненти
• Под Формагрупи – HTML Шаблон
• Зошто да користите под-формули
• Резиме

Поглавје 8. Услуги и инјекција на зависност

• Што е услуга?
• Креирање на основна услуга
• Класа на услуги
• Што е инјекција на зависност?
• Инјектирање на сервисен примерок
• Инјектори
• Хиерархија на инјектори
• Регистрирање услуга со Root Injector
• Регистрирање услуга со инјектор на компоненти
• Регистрирајте услуга со инјектор на модул за функции
• Каде да регистрирате услуга?
• Инјекција на зависност во други артефакти што обезбедува алтернативна имплементација на зависност инекција и @домаќин
• Инјекција на зависност и @Опција
• Резиме

Поглавје 9. HTTP клиент

• Аголниот HT TP клиент
• Користење на T he HT TP Client – ​​Overview
• Увезување HttpClientModule
• Услуга со користење на HttpClient
• Поднесување на барање GET
• Што прави набљудувачки објект?
• Користење на услугата во компонента
• Ракување со грешка со компонентата на клиентот PeopleService
• Приспособување на објектот за грешка
• Изработка на барање за ПОСТ
• Изработка на барање за ПУТ
• Поставување барање за БРИШИ

Поглавје 10. Цевки и форматирање на податоци

• Што се цевки?
• Вградени цевки
• Користење на цевки во HTML Шаблони за поврзување на цевки
• Интернационализирани цевки (i18n) се вчитуваат локални податоци
• Датумот Цевка
• Бројот Цевка
• Цевка за валута
• Направете сопствена цевка
• Прилагодена цевка прample
• Користење на сопствени цевки
• Користење на цевка со ngFor
• Цевка за филтрирање
• Категорија на цевки: Чисти и нечисти
• Резиме
• Чиста цевка Прample
• Нечиста цевка Прample
• Резиме

Поглавје 11. Вовед во апликации за една страница

• Што е традиционална апликација за една страница (SPA). Web Апликација
• СПА Работен тек
• Адван за апликација за една страницаtages HTML5 History API
• СПА предизвици
• Спроведување на SPA со користење на аголно резиме

Поглавје 12. Аголна компонента рутер

• Компонентен рутер
• View Навигација
• Аголниот рутер API
• Креирање апликација со овозможена рутер
• Хостирање на рутираните компоненти
• Навигација со помош на врски и копчиња
• Програмска навигација
• Параметри на маршрутата за минување
• Навигација со параметри на рутата
• Добивање на вредностите на параметарот на рутата
• Синхроно преземање на параметарот на рутата
• Асинхроно преземање параметар на рута
• Параметри за пребарување
• Набавка на параметри за барање
• Асинхроно преземање параметри на барањето
• Проблеми со прирачникот URL влез и обележување
• Резиме

Поглавје 13. Напреден HTTP клиент

• Опции за барање
• Враќање објект HttpResponse
• Поставување заглавија на барања
• Создавање нови набљудувачи
• Креирање на едноставен забележлив
• Метод на набљудување конструктор Оператори што може да се набљудуваат
• Карта и филтер Оператори
• Операторот flatMap().
• Оператор на допрете ().
• Комбинаторот zip().
• Кеширање на HT TP Response
• Остварување последователни HT TP повици
• Правење паралелни повици
• Приспособување на објектот за грешка со catchError()
• Грешка во гасоводот
• Обнова на грешка
• Резиме

Поглавје 14. Аголни модули

• Зошто аголни модули?
• Анатомија на класа на модул
• Својства на @NgModule
• Модули за функции
• ExampСтруктура на модулот
• Направете модул за домен
• Креирајте пар на рутирани/рутирачки модули
• Направете сервисен модул
• Креирање на заеднички модули

Поглавје 15. Напредно рутирање

• Модул за функции е овозможен за рутирање
• Користење на модулот за функции
• Мрзливо се вчитува модулот за функции
• Креирање врски за компонентите на модулот за функции
• Повеќе за Lazy Loading
• Превчитување на модули
• Стандардна рута
• Патека на маршрутата со џокер
• пренасочи Кон
• Детски правци
• Дефинирање на рути за деца
• за детски рути
• Линкови за рути за деца
• Навигациски чувари
• Креирање гардисти имплементации
• Користење на чувари во рута
• Резиме

Поглавје 16. Единица за тестирање на аголни апликации

• Единица за тестирање на аголни артефакти
• Алатки за тестирање
• Типични чекори за тестирање
• Резултати од тестот
• Јасмин тест апартмани
• Спецификации за јасмин (Единица тестови)
• Очекувања (тврдења)
• Одговарачи
• Examples of Use Matchers
• Користење на несопственоста
• Поставување и уништување во единици за тестирање на единици
• Exampле од предСекое и по секоја функција
• Аголен тест модул
• ExampАголниот тест модул
• Тестирање на услуга
• Инјектирање на сервисен примерок
• Тестирајте синхрон метод
• Тестирајте асинхрон метод
• Користење на Mock HT TP Client
• Снабдување на конзервиран одговор
• Тестирање на компонента
• Компонентен тест модул
• Креирање компонентен пример
• Класата ComponentFixture
• Тестови за основни компоненти
• Класата DebugElement
• Симулирање на интеракција со корисникот
• Резиме

Поглавје 17. Дебагирање

• Во текот наview на аголно дебагирање
• Viewвнесување на TypeScript код во Debugger
• Користење на клучниот збор дебагер
• Евиденција за отстранување грешки
• Што е 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. Модулот Lazy Loading
• Лабораторија 17. Напредно рутирање
• Лабораторија 18. Единица за тестирање
• Лабораторија 19. Дебагирање на аголни апликации

ЗА КОГО Е КУРСОТ?
Овој курс е наменет за секој кој треба да ги научи основите на развојот на 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 Programming, Angular, 12 Programming, Programming

Референци

• Упатство за употреба