Курс по Angular 4.x [javascript.ru] [Повтор]

Складчина: Курс по Angular 4.x [javascript.ru] [Повтор]

Курс по Angular​

​

Этот онлайн-курс посвящён профессиональной разработке веб-приложений с помощью Angular 4.x

Курс даст возможность быстро начать создавать свои приложения с использованием современного фреймворка - Angular. В процессе прохождения курса шаг за шагом вы сделаете реальное приложение, и хорошо разберетесь в специфике Angular.

Вы будете получать информацию, писать код, показывать его, получать обратную связь и советы, и затем – двигаться дальше.

Мы внимательно следим за развитием Angular и будем использовать самые новые подходы.

Курс можно условно разделить на три части.

1. Компоненты и компонентный подход.
2. Инжектируемые сущности и реактивное програмирование.
3. Архитектура приложений, организация проекта и взгляд во внутрь фреймворка.

Спойлер: Первая часть курса

1. Основы TypeScript
   • Система типов и ее применение
   • Конфигурование проекта
   • Классы и интерфейсы
   • Декораторы
2. Быстрый старт с Angular
   • Пример базового приложения на Angular
   • Знакомство с angular-cli
   • Разработка простого компонента
   • Специфика синтаксиса шаблонов Angular
3. Компоненты, Директивы, Пайпы
   • Компонентноориентированный подход создания приложения
   • Применение директив из коробки (ngIf, ngClass, ngFor..)
   • Вложенные компоненты
   • Передача данных в компонент
   • Создание своей директивы
   • Pipe и фильтрация данных
4. Сервисы и внедрение зависимостей (Dependency injection)
   • Примеры сервис-провайдеров из коробки
   • Способы создания провайдеров
   • InjectionToken
   • Мультипровайдеры
   • Reflective vs Static Injector

По окончанию первой части курса вы понимаете, как разработать простое приложение на Angular.

Спойлер: Вторая часть курса

1. Реактивное программирование (RxJS)
   • Observable и его применение
   • Учимся мыслить потоками
   • Понимание Subject и его подвидов
   • Работа с расписнием (Schedules)
2. Работа с HTTP
   • HTTPClient
   • Интерсепторы http
3. Работа с формами
   • Модель формы и FormControl
   • Простые(template-driven) и реактивные формы
   • Валидация данных
   • Асинхронный валидаторы
   • Пишем свой элемент управления формой
4. Навигация и маршрутизация
   • Определение состояний
   • Вложенные состояния
   • Сервис для доступа к параметра состояния
   • Хуки роутера
   • Авторизация и контроль доступа к состояниям
   • Множественное предтавление
   • Ленивая загрузка(lazy loading) и предзагрузка модулей
5. Angular + Redux
   • Принципы Redux архитектуры
   • ngRx
   • Сайд эффекты
   • Селекторы

Спойлер: Третья часть курса

1. Анимация
   • Основы анимации
   • Анимация Angular
2. Продвинутые компоненты
   • Структурные директивы
   • Жизненный цикл компонента
   • Вывод контента с помощью ng-content (content projection)
   • Динамические компоненты
3. Сборка и оптимизация приложения
   • Использование webpack
   • Механизм обновления состояния (change detection)
   • Серверный пререндеринг (SSR)
   • ServiceWorkers
   • Docker для эффективной разработки
4. Автоматизированные тесты
   • Unit-тесты и TDD (вместе с jasmine, karma и TestBed)
   • Специфика тестирования компонентов и внедряемых сущностей
   • Проверяем покрытие кода тестами.
   • Функциональные(e2e) тесты с использованием protractor.
5. Использование сторонних модулей
   • Примеры использования популярных модулей: AngularFire, AngularMaterial, ng-bootstrap
   • Интеграция не Angular библиотек
   • Создание своей библиотеки
6. Отладка приложения
   • Разбор сущностей Angular в консоли
   • Обзор вспомогательных инструментов (Augury)
   • Погружение в исходный код фреймворка

Результат обучения

1. Вы знаете, как быстро сделать прототип проекта, а после чего превратить его в большое структурное веб приложение, стабильно работающее и не имеющее проблем с производительностью.
2. Вы хорошо понимаете тонкости компонентного подхода Angular.
3. Вы эффективно работаете как с фреймворком, так и со всей Angular экосистемой.
4. Понимание архитектуры исходного кода, помогает вам эфективно отлаживать приложение.
5. Вы умеете использовать сторонние библиотеки и создавать свои.