Курс по Angular 4.xЭтот онлайн-курс посвящён профессиональной разработке веб-приложений с помощью Angular 4.x
Курс даст возможность быстро начать создавать свои приложения с использованием современного фреймворка - Angular. В процессе прохождения курса шаг за шагом вы сделаете реальное приложение, и хорошо разберетесь в специфике Angular.
Вы будете получать информацию, писать код, показывать его, получать обратную связь и советы, и затем – двигаться дальше.
Мы внимательно следим за развитием Angular и будем использовать самые новые подходы.
Курс можно условно разделить на три части.
- Компоненты и компонентный подход.
- Инжектируемые сущности и реактивное програмирование.
- Архитектура приложений, организация проекта и взгляд во внутрь фреймворка.
По окончанию первой части курса вы понимаете, как разработать простое приложение на Angular.
- Быстрый старт с Angular
- Пример базового приложения на Angular
- Знакомство с angular-cli
- Разработка простого компонента
- Специфика синтаксиса шаблонов Angular
- Компоненты и Директивы (Directives)
- Компонентноориентированный подход создания приложения
- Применение директив из коробки (ngIf, ngClass, ngFor..)
- Вложенные компоненты
- Жизненный цикл компонента
- Создание своей директивы
- Взаимодействие компонентов и фильтрация данных
- Передача данных в компонент
- Связывание данных через событие (Event binding)
- Способы межкомпонентной коммуникации
- Pipe из коробки
- Создание собственных фильтров
- Сервисы и внедрение зависимостей (Dependency injection)
- Реализация паттерна внедрения зависимостей
- Примеры сервис-провайдеров из коробки
- Способы создания провайдеров
- OpaqueToken и InjectionToken
- Мультипровайдеры
- Реактивное программирование (RxJS)
- Учимся мыслить потоками
- Observer и Iterator паттерны
- Понимание Subject
- Управление последовательностями
- Работа с HTTP
- API HTTP провайдера
- Обработка ошибок и отмена запросов
- Работа с формами
- Модель формы и FormControl
- Простые(template-driven) и реактивные формы
- Валидация данных
- Асинхронный валидаторы
- Пишем свой элемент управления формой
- Навигация и маршрутизация
- Определение состояний
- Вложенные состояния
- Сервис для доступа к параметра состояния
- Хуки роутера
- Авторизация и контроль доступа к состояниям
- Множественное предтавление
- Ленивая загрузка(lazy loading) и предзагрузка модулей
- Проверка курсовых проектов
- Продвинутые компоненты
- Структурные директивы
- Вывод контента с помощью ng-content (content projection)
- Динамические компоненты
- Сборка и оптимизация приложения
- Использование webpack
- Механизм обновления состояния (change detection)
- AOT компиляция
- Серверный пререндеринг (SSR)
- Автоматизированные тесты
- Unit-тесты и TDD (вместе с jasmine, karma и TestBed)
- Специфика тестирования компонентов и внедряемых сущностей
- Проверяем покрытие кода тестами.
- Функциональные(e2e) тесты с использованием protractor.
- Использование сторонних модулей
- Примеры использования популярных модулей: AngularFire, AngularMaterial, ng-bootstrap
- Интеграция не Angular библиотек
- Создание своей библиотеки
- Отладка приложения
- Разбор сущностей Angular в консоли
- Обзор вспомогательных инструментов (Augury)
- Погружение в исходный код фреймворка
Результат обучения
- Вы знаете, как быстро сделать прототип проекта, а после чего превратить его в большое структурное веб приложение, стабильно работающее и не имеющее проблем с производительностью.
- Вы хорошо понимаете тонкости компонентного подхода Angular.
- Вы эффективно работаете как с фреймворком, так и со всей Angular экосистемой.
- Понимание архитектуры исходного кода, помогает вам эфективно отлаживать приложение.
- Вы умеете использовать сторонние библиотеки и создавать свои.
Последнее редактирование модератором:
- Статус
- В этой теме нельзя размещать новые ответы.