Курс по Angular 4.x [javascript.ru] [Повтор]
Курс по Angular
Этот онлайн-курс посвящён профессиональной разработке веб-приложений с помощью Angular 4.x
Курс даст возможность быстро начать создавать свои приложения с использованием современного фреймворка - Angular. В процессе прохождения курса шаг за шагом вы сделаете реальное приложение, и хорошо разберетесь в специфике Angular.
Вы будете получать информацию, писать код, показывать его, получать обратную связь и советы, и затем – двигаться дальше.
Мы внимательно следим за развитием Angular и будем использовать самые новые подходы.
Курс можно условно разделить на три части.
- Компоненты и компонентный подход.
- Инжектируемые сущности и реактивное програмирование.
- Архитектура приложений, организация проекта и взгляд во внутрь фреймворка.
По окончанию первой части курса вы понимаете, как разработать простое приложение на Angular.
- Основы TypeScript
- Система типов и ее применение
- Конфигурование проекта
- Классы и интерфейсы
- Декораторы
- Быстрый старт с Angular
- Пример базового приложения на Angular
- Знакомство с angular-cli
- Разработка простого компонента
- Специфика синтаксиса шаблонов Angular
- Компоненты, Директивы, Пайпы
- Компонентноориентированный подход создания приложения
- Применение директив из коробки (ngIf, ngClass, ngFor..)
- Вложенные компоненты
- Передача данных в компонент
- Создание своей директивы
- Pipe и фильтрация данных
- Сервисы и внедрение зависимостей (Dependency injection)
- Примеры сервис-провайдеров из коробки
- Способы создания провайдеров
- InjectionToken
- Мультипровайдеры
- Reflective vs Static Injector
- Реактивное программирование (RxJS)
- Observable и его применение
- Учимся мыслить потоками
- Понимание Subject и его подвидов
- Работа с расписнием (Schedules)
- Работа с HTTP
- HTTPClient
- Интерсепторы http
- Работа с формами
- Модель формы и FormControl
- Простые(template-driven) и реактивные формы
- Валидация данных
- Асинхронный валидаторы
- Пишем свой элемент управления формой
- Навигация и маршрутизация
- Определение состояний
- Вложенные состояния
- Сервис для доступа к параметра состояния
- Хуки роутера
- Авторизация и контроль доступа к состояниям
- Множественное предтавление
- Ленивая загрузка(lazy loading) и предзагрузка модулей
- Angular + Redux
- Принципы Redux архитектуры
- ngRx
- Сайд эффекты
- Селекторы
- Анимация
- Основы анимации
- Анимация Angular
- Продвинутые компоненты
- Структурные директивы
- Жизненный цикл компонента
- Вывод контента с помощью ng-content (content projection)
- Динамические компоненты
- Сборка и оптимизация приложения
- Использование webpack
- Механизм обновления состояния (change detection)
- Серверный пререндеринг (SSR)
- ServiceWorkers
- Docker для эффективной разработки
- Автоматизированные тесты
- Unit-тесты и TDD (вместе с jasmine, karma и TestBed)
- Специфика тестирования компонентов и внедряемых сущностей
- Проверяем покрытие кода тестами.
- Функциональные(e2e) тесты с использованием protractor.
- Использование сторонних модулей
- Примеры использования популярных модулей: AngularFire, AngularMaterial, ng-bootstrap
- Интеграция не Angular библиотек
- Создание своей библиотеки
- Отладка приложения
- Разбор сущностей Angular в консоли
- Обзор вспомогательных инструментов (Augury)
- Погружение в исходный код фреймворка
Результат обучения
- Вы знаете, как быстро сделать прототип проекта, а после чего превратить его в большое структурное веб приложение, стабильно работающее и не имеющее проблем с производительностью.
- Вы хорошо понимаете тонкости компонентного подхода Angular.
- Вы эффективно работаете как с фреймворком, так и со всей Angular экосистемой.
- Понимание архитектуры исходного кода, помогает вам эфективно отлаживать приложение.
- Вы умеете использовать сторонние библиотеки и создавать свои.
Последнее редактирование модератором: