Все курсы

Курс по Angular

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

Программа

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

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

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

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

  1. Компоненты и компонентный подход.
  2. Формы и навигация.
  3. Подключение сторонних библиотек и отладка.

Детали программы смотрите далее.

Основные темы программы

  • Первая часть курса
  • Вторая часть курса
  • Третья часть курса

Первая часть курса

  1. Строгий JavaScript используя Typescript

    • Установка и принципы работы
    • Разбираем систему типов
    • Особенности работы с функциями и классами
    • Декораторы и их применение
  2. Реактивное программирование с RxJS

    • Концепции и паттерны RxJS
    • Типы потоков, разница между Observable и Subject
    • Разбираем базовые операторы
    • Subjects: применение и типы
    • Работа с расписанием (Schedulers)
  3. Быстрый старт с Angular

    • Знакомство с angular-cli
    • Разработка простого компонента
    • Специфика синтаксиса шаблонов Angular
  4. Компоненты, Директивы, Пайпы

    • Применение директив из коробки (ngIf, ngClass, ngFor..)
    • Вложенные компоненты
    • Передача данных в компонент
    • Жизненный цикл компонента
    • Вывод контента с помощью ng-content (content projection)
    • Создание своей аттрибут директивы
    • Pipe и фильтрация данных. Impure pipes
    • Структурные директивы. ViewRef/TemplateRef
  5. Сервисы и внедрение зависимостей (Dependency injection)

    • Примеры сервис-провайдеров из коробки
    • Способы создания провайдеров
    • InjectionToken
    • Мультипровайдеры
    • Отличие Providers и ViewProviders
    • HTTPClient

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

Формы и навигация

  1. Работа с формами

    • Модель формы и FormControl
    • Простые(template-driven) и реактивные формы
    • Валидация данных
    • Асинхронный валидаторы
    • Свой кастомный элемент ввода. Работа с ValueAccesor
  2. Навигация и маршрутизация

    • Определение состояний
    • Вложенные состояния
    • Сервис для доступа к параметра состояния
    • Стражи(guards) роутера
    • Авторизация и контроль доступа к состояниям
    • Множественное представление (для сложных состояний)
    • Ленивая загрузка(lazy loading) и предзагрузка модулей
  3. Redux архитектура

    • Основные концепции Redux
    • Платформа NgRX и ее модули
    • Обработка асинхронных событий. Эффекты
    • Агрегация даных. Cелекторы
    • Отладка приложения

Третья часть

  1. Другие модули

    • Анимация Angular
    • Интернационализация и локализация
    • AngularFire, AngularMaterial, ng-bootstrap
  2. Тесты

    • Unit-тесты для сервисов
    • Специфика тестирования при использовании HttpClient
    • Unit-тесты для компонентов
    • Unit-тесты для директив
    • e2e интеграционные тесты
  3. Отладка и оптимизация приложения

    • Разбор сущностей Angular в консоли
    • ZoneJS/ NgZone для удобного управления асинхронностью
    • Механизм обновления состояния (change detection). Статегия OnPush
    • Обзор вспомогательных инструментов (Augury)
    • Погружение в исходный код фреймворка
    • Schematics

Как проходит обучение?

Курс включает в себя 12 насыщенных занятий. Первая встреча традиционно является собранием и не входит в основной блок.

На каждом занятии мы изучаем что-то новое. Каждый смысловой модуль будет заканчиваться домашним заданием.

На протяжении всего курса вы можете работать над проектом, который является веб-приложением включающим в себя все разбираемые темы.

На следующем занятии мы смотрим, что и как получилось его решить и как сделать лучше. Чтобы получить от курса максимум результата, нужно не только слушать, но и делать что-то дома, а затем – показывать преподавателю. Только так, постепенно, с обратной связью от преподавателя, создавая проект на Angular, вы действительно разберётесь, что и как.

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

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

Гарантия

  • Если объяснения будут вам непонятны
  • Если курсы не дадут вам новых знаний и умений
  • Если вы не сможете подключиться к системе онлайн-обучения

…то вы сможете получить деньги назад.

Для этого достаточно не позже окончания первой недели курса написать, указав причину из этого списка и что именно вас не устраивает, и тогда ваше участие будет прекращено, а вы получите деньги обратно, удобным для вас способом.

Преподаватели

PhotoИгорь Непипенко

Занимаюсь современной frontend-разработкой с использованием Angular более 5 лет.

Интересуюсь передовыми технологиями web-разработки и использую их в проектах. Более 2 лет веду обучение в области frontend-технологий.

В последние годы работал как Team/Tech Lead в разработке enterprise-приложений для CША.

Являюсь соучредителем и техническим руководителем компании http://jsdaddy.io/. Также имею большой опыт преподавания математических дисциплин в ВУЗе.

PhotoСтепан Суворов

JavaScript разработчик и консультант, спикер, активный участник фронтенд сообщества. Занимаюсь программированием более 12 лет(из них 8 лет страстно увлечен JavaScript, 5 лет исследований и экспериментов с Angular).

CTO @ StudyTube, https://studytube.nl.

Что говорят о курсах люди

Дополнительная информация

  • Для участия в этом курсе необходимо знание Javascript.

  • Windows или Mac поддерживаются полностью.

    Под Linux доступно участие онлайн и просмотр видеолекций, но для просмотра записей занятий нужен Dual Boot в Win/MacOS.

    Для онлайн-общения желателен интернет от 256kb/s.

Комментарии

перед тем как писать…
  • Приветствуются комментарии, содержащие дополнения и вопросы по статье, и ответы на них.
  • Для одной строки кода используйте тег <code>, для нескольких строк кода — тег <pre>, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)
  • Если что-то непонятно в статье — пишите, что именно и с какого места.