Про курс
Angular – це сучасний фреймворк від компанії Google, написаний на TypeScript і забезпечує FrontEnd-розробника зручними інструментами для створення вебдодатку, а також задає дизайн програми та впорядковану структуру коду. Використання Angular дає можливість будувати інтерактивні та динамічні вебдодатки набагато швидше та з меншим обсягом написання коду, ніж у разі застосування стандартного JavaScript та HTML.
Курс Angular Essential дозволить вам отримати базові знання фреймворку та особливості його використання, а також дасть можливість закріпити ці знання на практиці.
На курсі будуть розглянуті такі сутності як: компоненти, пайпи, сервіси, модулі та ін., які є невід'ємною частиною будь-якої програми на Angular. Ви дізнаєтеся яким чином вистоюється структура файлів та коду програми з різними варіантами. Розгляньте використання базового набору інструментів для гнучкого настроювання роботи з формами, серверними запитами/відповідями, маршрутизації сайту/додатку.
Вивчивши матеріали курсу, ви зможете реалізувати простий проект вебдодатка з налаштуванням маршрутизації, прив'язкою свого шаблону до кожної окремої сторінки та своєю логікою взаємодії з користувачем. Також ви зможете додати в проект валідацію форми з різними повідомленнями, що підказують, і виведенням отриманих з сервера даних.
При створенні курсу в основу було взято версії Angular 10 і 11.
Цей курс входить до спеціальності:
Попередні Вимоги
Знання:
- HTML5 & CSS3
- JavaScript ECMA6
- TypeScript
Ви навчитеся
- Розуміти роль та переваги Angular у вебтехнологіях.
- Створювати простий додаток, який складатиметься з компонентів, модулів та сервісів.
- Використовувати компонентний підхід для стилів.
- Додавати до проекту картинки/іконки.
- Розуміти особливості Event binding-а, роботу подій та посилань.
- Використовувати такі вбудовані інструменти, як директиви, пайпи, сервіси, форми.
- Розуміти роль модулів та особливості модульної архітектури програми.
- Розуміти та застосовувати на практиці взаємозв'язок між компонентами у стилізації та передачі даних.
- Застосовувати бібліотеку RxJs для роботи з асинхронними операціями.
- Застосовувати модуль HTTPClientModule для взаємодії з сервером.
- Налаштувати маршрутизацію в програмі та передавати дані між сторінками.
- 6 год 14 хв
- 10.12.2020
- 10
- 15.02.2021
- російська
Що входить до курсу
×
Ви дійсно бажаєте відкрити доступ до тестування за курсом Angular 11.0 Базовий на 40 днів?
Познайомитесь з фреймворком та зручним інструментарієм для зручного вивчення Angular надалі. На цьому уроці буде розглянуто, що потрібно на початку роботи з Angular. Як створити початковий проект на Ангулярі Буде розглянуто файлову структуру початкового проекту та початок роботи з ним.
Ознайомитесь із синтаксисом та структурою коду, який надає можливість писати Ангуляр та навчитесь створювати заготовки файлів із кодом через AngularCLI. Розберетесь, яку роль виконують сутності компонента та модуля у додатку, як вони описані Декоратором.
Урок дозволить освоїти основи маршрутизації та основні принципи виведення даних на сторінку із простою взаємодією з користувачем. Також завдання уроку входить розібрати синтаксис записів і технічну різницю між ними у використанні.
На занятті розглядається що таке директиви, їхні види, чим вони корисні і як використовуються у створенні проекту, а також розглядаються спеціальні теги Ангуляра та синтаксис вбудованих пайпів.
Урок розкриє важливість розбиття проекту на модулі. Буде розглянуто як побудувати взаємозв'язок на простих прикладах з маршрутизацією, розглянуто, як будуть побудовані приклади наступних уроків. Також розглядається як у компонентах можна задавати стилі на різних рівнях і використовувати різні способи звернення по селекторам.
Мета заняття - розібрати взаємозв'язок між компонентами у стилізації та передачі даних. Розглянути як можна передавати дані дочірнім або батьківським компонентам, яку роль виконує життєвий цикл компонента Ангуляр для коректної роботи проекту.
На цьому уроці розглядаються основи роботи сервісів, завдання, яке вони виконують і як вони допомагають структурувати функціонал програми, виносячи різнопланову логіку окремо, не розміщуючи її в компонентах, що зосередить код компонента з роботою з представленням, тобто з розміткою html. Розглядається необхідність реєстрацій сервісів у додатку у різних областях видимості і як це впливає програму.
На занятті студент познайомиться з бібліотекою RxJs, яка використовується в Ангулярі для роботи з асинхронними операціями, спрощуючи написання їхньої логіки в зрозумілий і простий код. І можливостями модуля HTTPClientModule для взаємодії з сервером, надсилаючи запити з параметрами чи хедарами.
На уроці ви познайомитеся з можливостями створення різних форм, які надає Ангуляр. Дізнаєтеся про вбудований у форми початковий функціонал та які валідатори можна налаштувати під різні завдання з можливістю створювати власні та асинхронні валідатори.
Урок розглядає основні можливості налаштування маршрутизації в Angular. Студент дізнається про можливість створення структури маршрутів у додатку, передачу даних між шляхами та блокувати або допускати до певних маршрутів додатка.
Доступ до повного курсу з навчальними матеріалами та тестуванням на 30 днів за 19,99 USD
Придбати