О чём курс

Этот профессиональный онлайн-курс по Angular 4.x создан для тех, кто стремится освоить разработку современных веб-приложений с использованием одного из самых мощных и востребованных фреймворков в индустрии. Программа обучения построена таким образом, чтобы вы могли пройти путь от базового понимания синтаксиса до создания сложных, масштабируемых и высокопроизводительных систем. Курс ориентирован на практическое применение знаний: в процессе обучения вы будете шаг за шагом разрабатывать реальное приложение, что позволит закрепить теоретические концепции на практике. Обучение проходит в интерактивном формате: вы получаете актуальную информацию, пишете код, демонстрируете его и получаете ценную обратную связь, советы и рекомендации от экспертов. Такой подход гарантирует, что вы не просто изучите теорию, но и научитесь мыслить как профессиональный Angular-разработчик.

Курс охватывает три ключевых блока. Первый блок посвящен основам компонентного подхода, который является фундаментом Angular. Вы научитесь правильно структурировать интерфейсы, работать с директивами, пайпами и внедрением зависимостей. Второй блок погружает вас в мир реактивного программирования с использованием RxJS, работу с HTTP-запросами, сложными формами, навигацией и архитектурными паттернами, такими как Redux и ngRx. Третий блок предназначен для продвинутых тем: анимации, оптимизации производительности, серверного рендеринга (SSR), тестирования (Unit и e2e) и глубокого понимания внутреннего устройства фреймворка. Мы внимательно следим за развитием экосистемы Angular, поэтому в курсе используются самые современные подходы и инструменты.

Почему стоит выбрать этот курс? Во-первых, это системный подход к обучению, который исключает пробелы в знаниях. Вы не просто копируете код, а разбираетесь в том, как работают механизмы Angular «под капотом». Во-вторых, вы научитесь работать со всей экосистемой: от интеграции сторонних библиотек, таких как AngularFire или AngularMaterial, до создания собственных библиотек компонентов. В-третьих, курс дает глубокое понимание архитектуры, что критически важно для поддержки больших проектов. На выходе вы будете обладать навыками быстрого прототипирования, умением превращать прототипы в стабильные приложения, навыками отладки и тестирования, а также глубоким пониманием жизненного цикла компонентов и механизмов обнаружения изменений (change detection). Этот курс станет мощным трамплином для вашей карьеры в веб-разработке, обеспечивая вас всеми необходимыми инструментами для создания профессиональных решений на 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)
  • Погружение в исходный код фреймворка
Складчина создана 1 ноября 2017 г. · описание обновлено 2 мая 2026 г.

Теги курса

Профессии

Другие материалы школы 12

J javascript.ru Все материалы
2 273 ₽ 19 000 ₽