Курс по Angular
Этот онлайн-курс посвящён профессиональной разработке веб-приложений с помощью Angular.
Цели курса
- Быстро и качественно начать создавать приложения с использованием современного Angular.
- Отлаживать уже существующие приложения и проводить их улучшение.
- Научиться использовать ряд вспомогательных библиотек, часто дополняющих Angular.
Как организовано обучение?
Курс идёт 5 недель.
До начала обучения: вводные материалы
Перед курсом предлагается просмотреть скринкаст по основам Angular и TypeScript.
Мы также будем использовать систему Git/GitHub для обмена исходным кодом, так делает большинство проектов. Для тех, кому это в новинку - дадим крэш-курс и поможем разобраться.
Онлайн-занятия с преподавателем 2 раза в неделю
Занятие проходит в формате вебинара. Запись занятия доступна через 15 минут после окончания. Вы также сохраняете доступ к записям после окончания курса.
Домашние задания, обратная связь по ним
Ваши решения присылаете преподавателю, он проверяет качество кода, использование правильных шаблонов проектирования, даёт обратную связь. К ряду заданий прилагаются тесты, которые частично позволяют проверить правильность решения самому.
Чат
Между занятиями доступен групповой чат для общения и вопросов преподавателю.
Курсовой проект
Делаем курсовой проект: интернет-магазин. Большую часть кода для проекта пишете вы.
Результат
Вы хорошо знаете Angular, свободно разрабатываете и отлаживаете приложения.
Вы умеете проектировать и создавать сложные интерфейсы.
Сертификат
По окончанию курсов вы получаете сертификат в электронном виде на русском и английском языках.
Хотя сертификатам в нашей профессии обычно не придают значения. Главное - знания и умения, которые вы получите, если будете полноценно участвовать в курсе.
Программа по занятиям
Занятия проходят онлайн два раза в неделю.
Программа может быть дополнительно адаптирована под вопросы и темп обучения группы.
Собрание
Первая встреча традиционно является собранием. На нём мы знакомимся, проверяем подключение, обсуждаем организационные вопросы, взаимодействие с преподавателем, как учиться на курсе.
Окружение и компонентый подход
Знакомимся с angular-cli и экосистемой. Разбираем настройки и конфигурацию окружения.
Изучаем базовые механизмы работы и сущности фреймверка Angular, создаем ряд компонентов.
Разбираем специфику синтаксиса шаблонов Angular, как работает интерполяция и связывание.
Продвинутая работа с компонентами
Разбираем вложенные компоненты и передачу данных в компонент и из него.
Передача содержимого компоненту с помощью ng-content (content projection).
Доступ к элементам шаблона через ViewChild/ViewChildren/ContentChild/ContentChildren.
Директивы и Pipe для решения повседневных задач
Применяем директивы "из коробки" (ngIf, ngClass, ngFor..).
Применяем Pipe "из коробки" (json, async, currency..). Разбираем нюансы работы Impure pipes.
Фильтруем данные, используя pipes, и пишем свои директивы.
Разбираем нюансы работы ViewRef/TemplateRef.
Сервисы, работа с сетью и внедрение зависимостей
Разбираем концепцию и способы создания провайдеров. Вспоминаем сервис-провайдеры, которые идут "из коробки".
Провайдеры для работы с HTTP(S), запросов к серверу.
Используем сервисы для передачи данных между компонентами, разбираем создание динамических компонентов.
Формы и валидация данных
Создание форм "от шаблона" (template-driven forms).
Создание форм "от компонента" (reactive forms).
Синхронная и асинхронная валидация данных.
Создаём сложный элемент формы, работаем с ValueAccessor.
Навигация и маршрутизация в приложении
Изучаем, как определять состояния в приложении, вложенные и абстрактные состояния.
Разбираем сервис для доступа к параметрам состояния и передачу данных между состояниями.
Оптимизируем приложение, используя ленивую загрузку (lazy loading) и предзагрузку состояний.
Redux-архитектура для более сложных приложений
Основные концепции, организация приложения при помощи Redux.
Платформа NgRX и ее модули.
Обрабатка асинхронных событий и сторонних эффектов (side effects).
Агрегация данных при помощи селекторов.
Тестирование Angular-приложений
Вы много раз видели написанные нами тесты в предыдущих занятиях. Теперь у вас достаточно знаний, чтобы писать их самостоятельно.
- TDD/BDD-разработка.
- Unit-тесты для сервисов.
- Специфика тестирования при использовании HttpClient.
- Unit-тесты для директив, компонентов и пайпов (pipes).
Дополнительные темы, ответы на вопросы.
Вопросы по темам, которые не вошли в основную программу курса.
Использование ZoneJS/NgZone для удобного управления асинхронностью.
Механизм обновления состояния (change detection), статегия OnPush.
Курсовой проект
Интернет магазин.
- Одностраничное приложение с динамической подгрузкой страниц.
- Redux-архитектура.
- Фильтрация товаров по нескольким критериям с сохранением состояния.
- Слайдер, tooltip, и ряд других графических компонентов на Angular.
Преподаватель

Front-end | Angular разработчик в Tinkoff, занимаюсь разработкой чата для обслуживания и CMS для контроля качества. Обучаю стажёров.
Паралельно провожу собеседования по Angular. Также обучаю разработке в финтехе.
Что говорят о курсе участники?
Мы занимаемся обучением с 2007 года. За это время у нас обучились тысячи разработчиков из разных стран и компаний.
Все отзывы являются честными. Мы не модерируем их.
Курс регулярно обновляется. Все отзывы относятся к последней версии курса.
Гарантия
- Если объяснения будут вам непонятны
- Если курсы не дадут вам новых знаний и умений
- Если вы не сможете подключиться к системе онлайн-обучения
…то вы сможете получить деньги назад.
Для этого достаточно не позже окончания первой недели курса написать, что именно вас не устраивает, и тогда ваше участие будет прекращено, а вы получите деньги обратно.
Для компаний
У нас большой опыт работы с самыми разными компаниями: как маленькими, так и IT-гигантами (Яндекс, Мейл.ру и другие), а также с бюджетными (Университеты и другие).
- При записи нужно выбрать способ оплаты "счёт на компанию", и документы будут автоматически сгенерированы: договор, акт и счёт.
- Для зарубежных компаний выдаём инвойс на английском языке.
- Физическим лицам даём справку об оплате, если нужна компании для компенсации расходов.
- Сведения о нас (для бухгалтерии): скачать архив с документами.
- У нас есть лицензия
- Можно сделать налоговый вычет: детали для России
Подписаться на уведомления по курсу
Если остались вопросы – посмотрите в часто задаваемых, напишите в комментариях внизу этой страницы или на почту help@javascript.ru (ответ обычно в течение дня), а если срочно — задайте по телефону +7-903-5419441.
Комментарии
<code>
, для нескольких строк кода — тег<pre>
, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)