Все курсы

Курс по Angular

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

Angular
Ближайшая группа
Перейти к записи

Цели курса

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

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

Курс идёт 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.

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

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

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

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

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

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

Photo
Егор СидоровВедёт курс с 17 февраля 2022

Front-end | Angular разработчик в Tinkoff, занимаюсь разработкой чата для обслуживания и CMS для контроля качества. Обучаю стажёров.

Паралельно провожу собеседования по Angular. Также обучаю разработке в финтехе.

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

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

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

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

Гарантия

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

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

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

Для компаний

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

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

Если остались вопросы – посмотрите в часто задаваемых, напишите в комментариях внизу этой страницы или на почту help@javascript.ru (ответ обычно в течение дня), а если срочно — задайте по телефону +7-903-5419441.

Комментарии

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