ЛУМИФИ ВОРК Упутство за програмирање Ангулар 12

ЛУМИФИ ВОРК Ангулар 12 Програмирање

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

Овај свеобухватни курс Ангулар 12 програмирања је комбинација теоријског учења и практичних лабораторија који укључује увод у Ангулар, праћен ТипеСцриптом, компонентама, директивама, услугама, ХТТП клијентом, тестирањем и отклањањем грешака.
Курс је препун корисних и практичних информација које можете одмах применити на свој рад. Научите основе основног развоја Ангулар 12, као што су апликације претраживача са једном страницом, које реагују webсајтове и хибридне мобилне апликације.
Напомена: Такође можемо да пружимо обуку о другим верзијама Ангулар-а. Молимо да нас контактирате да бисте поставили упит или регистровали своје интересовање.

ШТА ЋЕТЕ НАУЧИТИ
По успешном завршетку овог курса, моћи ћете да:

• Развијте Ангулар апликације на једној страници користећи Типесцрипт
• Подесите комплетно развојно окружење Ангулар
• Креирајте компоненте, директиве, услуге, цеви, обрасце и прилагођене валидаторе
• Рукујте напредним задацима преузимања мрежних података користећи Обсерваблес Цонсуме дата фром РЕСТ web услуге које користе Ангулар ХТ ТП Цлиент Управљају везама за пренос података користећи WebПротокол утичница
• Радите са угаоним цевима за форматирање података
• Користите напредне функције Ангулар Цомпонент Роутера
• Тестирајте и отклањајте грешке у Ангулар апликацијама користећи уграђене алате.

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

Поглавље 1. Увод у Ангулар

• Шта је Ангулар?
• Централне карактеристике Ангулар Фрамеворк-а Прикладни случајеви употребе
• Грађевински блокови Ангулар апликације Основна архитектура Ангулар апликације Инсталирање и коришћење Ангулар-а
• Анатомија угаоне апликације која покреће апликацију
• Израда и примена апликације Ангулар за изворне мобилне апликације
• Резиме

Поглавље 2. Увод у ТипеСцрипт

• Програмски језици за употребу са Ангулар ТипеСцрипт синтаксом
• Уредници програмирања
• Систем типова – дефинисање променљивих
• Систем типова – дефинисање низова
• Основни примитивни типови
• Унесите функције
• Тип Закључивање
• Дефинисање класа
• Цласс Метходс
• Контрола видљивости
• Конструктори класа
• Конструктори класа – неиницијализована поља алтернативне форме
• Интерфејси
• Рад са ЕС6 модулима
• вар вс лет
• Функције са стрелицама
• Стрелица Функција Збијени низови шаблона синтаксе
• Генерици у класи
• Генерици у функцији
• Резиме

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

• Шта је компонента?
• Ан Екampле Цомпонент
• Креирање компоненте користећи Ангулар ЦЛИ
• Тхе Цомпонент Цласс
• @Цомпонент Децоратор
• Регистровање компоненте у њеном шаблону компоненте модула
• Exampле: ХеллоЦомпонент Темплате
• Exampле: Класа ХеллоЦомпонент која користи компоненту
• Покрените апликацију
• Хијерархија компоненти
• Роот компонента апликације
• Тхе Боотстрап File
• Животни циклус компоненти Хоокс Екampле Лифецицле Хоокс
• ЦСС стилови
• Резиме

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

• Шаблони
• Локација шаблона
• Синтакса бркова {{ }}
• Подешавање својстава ДОМ елемента
• Подешавање текста тела елемента
• Везивање догађаја
• Обрађивач догађаја израза
• Спречавање подразумеваног руковања
• Директиве о атрибутима
• Примените стилове променом ЦСС класа
• Exampле: нгЦласс
• Директна примена стилова
• Структурне директиве
• Условно изврши шаблон
• Exampле: нгИф
• Петља користећи нгФор
• нгЗа локалне варијабле
• Манипулисање колекцијом прampле – Брисање ставке
• Праћење ставки помоћу нгФор замена елемената са нгСвитцх елементима груписања
• Референтна променљива шаблона Резиме

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

• Основе комуникације
• Архитектура тока података
• Припрема детета за пријем података
• Пошаљи податке од родитеља
• Више о подешавању својстава
• Догађај покретања из компоненте
• @Оутпут() прampле – Подређена компонента @Оутпут() Прampле – Родитељска компонента
• Потпуно двосмерно везивање
• Подешавање двосмерног повезивања података у родитељ
• Резиме

Поглавље 6. Обрасци вођени шаблоном

• Обрасци вођени шаблонима
• Модул за увоз образаца
• Основни приступ
• Постављање обрасца
• Добијање корисничког уноса
• Изостављање атрибута нгФорм
• Иницијализирајте образац
• Двосмерно повезивање података
• Провера образаца
• Угаони валидатори
• Приказ стања валидације помоћу класа Додатни типови уноса
• Поља за потврду
• Изаберите (падајући мени) поља
• Опције приказивања за поља за избор (падајући) датум
• Радио Дугмад
• Резиме

Поглавље 7. Реактивни облици

• Реацтиве Формс Оверview
• Тхе Буилдинг Блоцкс
• Увезите РеацтивеФормсМодуле
• Конструишите образац
• Дизајнирајте шаблон
• Добијање улазних вредности
• Иницијализација поља за унос
• Подешавање вредности обрасца
• Претплата на Промене уноса
• Валидација
• Уграђени валидатори
• Приказује грешку валидације
• Цустом Валидатор
• Коришћење прилагођеног валидатора
• Достављање конфигурације за прилагођени валидатор
• ФормАрраи – Динамичко додавање улаза
• ФормАрраи – Класа компоненте
• ФормАрраи – Шаблон
• ФормАрраи – Вредности
• Подгрупе образаца – класа компоненти
• Подгрупе образаца – ХТМЛ шаблон
• Зашто користити подгрупе обрасца
• Резиме

Поглавље 8. Услуге и убацивање зависности

• Шта је услуга?
• Креирање основне услуге
• Тхе Сервице Цласс
• Шта је ињекција зависности?
• Убацивање инстанце услуге
• Ињектори
• Хијерархија ињектора
• Регистровање услуге помоћу Роот Ињецтор-а
• Регистровање услуге са ињектором компоненте
• Региструјте услугу са ињектором модула карактеристика
• Где регистровати услугу?
• Ињекција зависности у друге артефакте који обезбеђују алтернативну имплементацију Ињекција зависности и @Хост
• Ињекција зависности и @Опционално
• Резиме

Поглавље 9. ХТТП клијент

• Ангулар ХТ ТП клијент
• Коришћење ХТ ТП клијента – Готовоview
• Увоз ХттпЦлиентМодуле
• Услуга користећи ХттпЦлиент
• Израда ГЕТ захтева
• Шта ради објекат који се може посматрати?
• Коришћење услуге у компоненти
• Руковање грешкама у компоненти клијента ПеоплеСервице
• Прилагођавање објекта Еррор
• Израда ПОСТ захтева
• Израда ПУТ захтева
• Подношење захтева за ДЕЛЕТЕ

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

• Шта су цеви?
• Уграђене цеви
• Коришћење цеви у ланчаним цевима ХТМЛ шаблона
• Интернационализоване цеви (и18н) Учитавање локалних података
• Датум Пипе
• Број цеви
• Цурренци Пипе
• Направите прилагођену цев
• Цустом Пипе Екample
• Коришћење прилагођених цеви
• Коришћење цеви са нгФор-ом
• Филтер цеви
• Категорија цеви: чиста и нечиста
• Резиме
• Пуре Пипе Екample
• Импуре Пипе Екample
• Резиме

Поглавље 11. Увод у апликације на једној страници

• Шта је традиционална апликација за једну страницу (СПА). Web Апликација
• СПА Воркфлов
• Апликација за једну страницу Адванtagес ХТМЛ5 Хистори АПИ
• СПА изазови
• Имплементација СПА користећи Ангулар Суммари

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

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

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

• Рекуест Оптионс
• Враћање ХттпРеспонсе објекта
• Подешавање заглавља захтева
• Креирање нових посматрача
• Креирање једноставног уочљивог
• Опсервабле Цонструцтор Метход Опсервабле оператори
• Оператери мапе и филтера
• Оператор флатМап().
• Оператор тап().
• Зип() комбинатор
• Кеширање ХТ ТП одговора
• Обављање узастопних ХТ ТП позива
• Обављање паралелних позива
• Прилагођавање објекта грешке са цатцхЕррор()
• Грешка у цевоводу
• Еррор Рецовери
• Резиме

Поглавље 14. Угаони модули

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

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

• Функцијски модул омогућен за рутирање
• Коришћење модула функција
• Лено учитавање модула функција
• Креирање веза за компоненте модула функција
• Више о лењем учитавању
• Предучитавање модула
• Подразумевана рута
• Путања џокер путање
• преусмери на
• Цхилд Роутес
• Дефинисање дечјих рута
• за дечије руте
• Везе за дечије руте
• Навигатион Гуардс
• Креирање Гуард имплементација
• Коришћење стражара на рути
• Резиме

Поглавље 16. Унит Тестинг Ангулар Апплицатионс

• Угаони артефакти за тестирање јединица
• Алати за тестирање
• Типични кораци тестирања
• Резултати теста
• Јасмине Тест Суитес
• Спецификације јасмина (јединични тестови)
• Очекивања (тврдње)
• Матцхерс
• Exampлес Усинг Матцхерс
• Коришћење својства нот
• Подешавање и уклањање у пакетима за тестирање јединица
• Exampле оф бефореЕацх и афтерЕацх функције
• Угаони тест модул
• Exampле Угаони тест модул
• Тестирање услуге
• Убацивање инстанце услуге
• Тестирајте синхрони метод
• Тестирајте асинхрони метод
• Коришћење Моцк ХТ ТП клијента
• Снабдевање унапред припремљеног одговора
• Тестирање компоненте
• Модул за тестирање компоненти
• Креирање инстанце компоненте
• Тхе ЦомпонентФиктуре Цласс
• Тестови основних компоненти
• Класа ДебугЕлемент
• Симулација корисничке интеракције
• Резиме

Поглавље 17. Отклањање грешака

• Готовоview угаоног отклањања грешака
• Viewунос ТипеСцрипт кода у програм за отклањање грешака
• Коришћење кључне речи за отклањање грешака
• Дебуг Логгинг
• Шта је Ангулар ДевТоолс?
• Коришћење Ангулар ДевТоолс-а
• Ангулар ДевТоолс – Структура компоненти
• Ангулар ДевТоолс – Извршење откривања промена
• Хватање синтаксичких грешака
• Резиме

Лабораторијске вежбе

• Лабораторија 1. Увод у Ангулар
• Лаб 2. Увод у ТипеСцрипт
• Лабораторија 3. Увод у компоненте
• Лабораторија 4. Шаблон компоненте
• Лабораторија 5. Направите компоненту фото галерије
• Лабораторија 6. Образац вођен шаблоном
• Лабораторија 7. Креирајте образац за уређивање
• Лабораторија 8. Реактивни облик
• Лабораторија 9. Развијте услугу
• Лабораторија 10. Развијте ХТ ТП клијента
• Лабораторија 11. Користите цеви
• Лабораторија 12. Основна апликација за једну страницу помоћу рутера Лабораторија 13. Направите апликацију за једну страницу (СПА)
• Лабораторија 14. Напредни ХТ ТП клијент
• Лабораторија 15. Коришћење Ангулар Боотстрап-а
• Лабораторија 16. Лази Модуле Лоадинг
• Лабораторија 17. Напредно рутирање
• Лабораторија 18. Јединично тестирање
• Лабораторија 19. Отклањање грешака у Ангулар апликацијама

КОМ ЈЕ КУРС ЗА?
Овај курс је намењен свима који треба да науче основе Ангулар 12 развоја и примене их у креирању web апликације одмах. Такође можемо да испоручимо и прилагодимо овај курс обуке за веће групе – штедећи време, новац и ресурсе ваше организације.

ПРЕДУСЛОВИ
Web Искуство у развоју коришћењем ХТМЛ-а, ЦСС-а и ЈаваСцрипт-а је потребно да бисте извукли максимум из овог Ангулар курса. Познавање ДОМ претраживача је такође корисно. Претходно Ангулар искуство, са АнгуларЈС или било којом верзијом Ангулара, није потребно.
https://www.lumifywork.com/en-au/courses/angular-12-programming/