Курс Angular 9

Мова викладання в курсі – російська. Незабаром буде доступна українська версія цього курсу.

Відеозаписи лекцій без зворотного зв’язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.

Чого ви навчитеся

– Розробляти потужні, масштабовані, реактивні додатки з Angular 8
– Дізнаєтеся про найважливіші та найнеобхідніші функції фреймворку на основі багаторічного досвіду його використання
– Отримаєте повне розуміння того, як Angular працює у деталях та навчитесь їх використовувати
– Будувати неймовірно круті Single Page Applications з одним із найкращих JS фреймворків

Вимоги

– JavaScript EcmaScript 6
– HTML, CSS

Опис

Цей курс не потребує жодних попередніх знань з Angular або інших фреймворків. Все дано з нуля

Курс містить у собі понад 17 годин навчальних матеріалів, які послідовно і дуже докладно навчать вас найактуальнішим знанням з прекрасної Frontend технології Angular від компанії Google.

З попередніх знань тільки основи. Решта в курсі розповідається з самого нуля, включно з TypeScript і RxJS

Практиці передує 13 теоретичних блоків, де максимально докладно розібрано і систематизовано у вигляді покрокової цілісної системи всі тонкощі фреймворку на різних прикладах.

Курс складається з двох великих блоків: теоретичного та практичного.

Вивчивши теоретичний блок, ви отримаєте найактуальнішу вичерпну теоретичну базу з Angular, до якої зможете повертатися за потреби в майбутньому – як до зручного систематизованого довідника.

У теоретичному блоці зібрано все, що тільки може вам знадобиться при розробці з Angular.

У практичній частині ви побачите створення повноцінного блогу з панеллю адміністратора. Блог містить у собі всі необхідні елементи для сучасного застосунку, тож приклади можна буде легко використовувати у своїх будь-яких проєктах.

Для кого цей курс:

– Веб-розробники
– Frontend розробники (будь-який рівень)
– Фрілансери

Матеріали курсу

Основи та синтаксис

– Як створити застосунок
– Огляд усіх папок і файлів
– Передача параметрів із компонентів
– Створення свого компонента
– Створення компонента з Angular CLI
– Шаблони та стилі
– Інтерполяція
– Що таке bindings
– Як працює Event Bindings
– 2 Way Binding
– Директива ngStyle
– Динамічні класи з ngClass
– Відображення за умовою з ngIf else
– Директива ngSwitch
– Цикли з ngFor
– Що таке pipes

Компоненти в деталях

– Як створювати компоненти
– Передавання параметрів
– Передавання параметрів із компонентів
– Доступ до HTML елементів
– Передавання HTML у компонент
– Доступ до контенту з ContentChild
– Життєвий цикл (lifecycle hooks)
– Change Detection Strategy
– Стилі з ViewEncapsulation

Директиви

– Як створити директиву
– Отримання доступу до елемента
– Додавання подій
– Передача параметрів у директиву
– Як працює HostBinding
– Створення структурної директиви

Пайпи

– Робота з числами
– Пайпи для рядків
– Як знаходити інформацію в документації
– Пайпи для дати
– Ще пайпи
– Створення свого пайпа
– Генерація пайпа з CLI
– Фільтрація списків
– Оптимізація пайпів
– Пайп async

Сервіси

– Створення сервісу
– Декоратор Injectable
– Локальні сервіси
– Область видимості сервісів
– Зв’язок сервісів

Форми та валідація

– Вступний
– Створення форми
– Створення контролів
– Валідатори
– Візуалізація станів
– Відображення повідомлень про помилки
– Створення груп
– Динамічне оновлення форми
– Робота з групою
– Створення свого валідатора
– Асинхронні валідатори
– Очищення форми
– Створення своєї ngModel

Робота із сервером (HttpClient)

– Вступний
– Отримання даних і виведення в шаблон
– Створення об’єктів з POST
– RxJS оператори та індикатор завантаження
– Видалення елементів
– Перенесення логіки в сервіс
– Модифікація елементів з PUT
– Обробка помилок
– Додавання headers
– Робота з параметрами
– Параметр observe
– Перехоплення запитів з інтерсептором
– Модифікація запитів і обробка відповідей

Мультисторінковість із роутингом

– Що таке роутинг
– Реєстрація роутів
– Динамічна зміна сторінок
– Активне посилання
– Програмна навігація
– Динамічні роути
– Обробка параметрів
– Робота з параметрами
– Вкладені сторінки
– Редирект і обробка помилок
– Захист сторінок
– Захист дочірніх роутів
– Як працюють Resolvers

Як працюють модулі

– Вступ
– Що є в модулях
– Створення окремого модуля
– Ліниве завантаження модулів
– Новий синтаксис імпорту
– Зміна стратегії завантаження