Відеозаписи лекцій без зворотного зв'язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.
Чого ви навчитеся
— Разрабатывать мощные, масштабируемые, реактивные приложения с 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
Як працюють модулі
— Введение
— Что есть в модулях
— Создание отдельного модуля
— Ленивая загрузка модулей
— Новый синтаксис импорта
— Изменение стратегии загрузки
Відгуки
Відгуків немає, поки що.