Все курсы

Курс по Angular

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

Angular
Ближайший набор
ПреподавательИгорь Непипенко
Перейти к записи

Цели курса

  • Быстро и качественно начать создавать приложения с использованием современного Angular.
  • Отлаживать уже существующие приложения и проводить их улучшение.
  • Научиться использовать ряд вспомогательных библиотек, часто дополняющих Angular.

Как организовано обучение?

Курс идёт примерно 1.5 месяца.

До начала обучения: вводные материалы

Перед курсом предлагается просмотреть скринкаст по основам Angular и TypeScript.

Мы также будем использовать систему Git/GitHub для обмена исходным кодом, так делает большинство проектов. Для тех, кому это в новинку - дадим крэш-курс и поможем разобраться.

Онлайн-занятия с преподавателем 2 раза в неделю

Занятие проходит в формате вебинара. Запись занятия доступна через 15 минут после окончания. Вы также сохраняете доступ к записям после окончания курса.

Домашние задания, обратная связь по ним

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

Чат

Между занятиями доступен групповой чат для общения и вопросов преподавателю.

Курсовой проект

Делаем курсовой проект: интернет-магазин. Большую часть кода для проекта пишете вы.

Результат

Вы хорошо знаете Angular, свободно разрабатываете и отлаживаете приложения.

Вы умеете проектировать и создавать сложные интерфейсы.

Сертификат

По окончанию курсов вы получаете сертификат в электронном виде на русском и английском языках.

Хотя сертификатам в нашей профессии обычно не придают значения. Главное - знания и умения, которые вы получите, если будете полноценно участвовать в курсе.

img

Программа по занятиям

Занятия проходят онлайн два раза в неделю.

Программа может быть дополнительно адаптирована под вопросы и темп обучения группы.

Собрание

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

Окружение и компонентый подход

Знакомимся с 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.

Курсовой проект

Интернет магазин.

  • Смена состояний, динамическая подгрузка страниц.
  • Фильтрация товаров по нескольким критериям с сохранением состояния.
  • Слайдер, tooltip, и ряд других графических компонентов
  • Redux-архитектура.

Предварительные требования

  • Знакомство с HTML/CSS: верстать макеты не понадобится, но основные теги, позиционирование, margin/padding надо знать.
  • Знание современного JavaScript.
  • Интернет 256кб/с или быстрее для видео.

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

Photo
Игорь НепипенкоВедёт курс с 7 октября 2016

Занимаюсь современной frontend-разработкой с использованием Angular с 2013 года. С 2016 года веду обучение Javascript, Typescript и Angular. Также имею большой опыт преподавания математических дисциплин в ВУЗе.

Также работаю как Team/Tech Lead в разработке enterprise-приложений для CША, а также приложения для работы с блокчейн, например система для рекламы, основанная на цифровой валюте cresttoken.com. Предпочитаю стек MEAN.

Что говорят о курсе участники

Мы занимаемся обучением с 2007 года. За это время у нас обучились тысячи разработчиков из разных стран и компаний.

Все отзывы являются честными. Мы не модерируем их.

Курс регулярно обновляется. Все отзывы относятся к последней версии курса.

Гарантия

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

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

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

Для компаний

У нас большой опыт работы с самыми разными компаниями: как маленькими, так и IT-гигантами (Яндекс, Мейл.ру и другие).

  • При записи нужно выбрать способ оплаты "счёт на компанию", и документы будут автоматически сгенерированы: договор, акт и счёт.
  • Для зарубежных компаний выдаём инвойс на английском языке.
  • Физическим лицам даём справку об оплате, если нужна компании для компенсации расходов.
  • Сведения о нас (для бухгалтерии): скачать архив с документами.

Комментарии

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