[learn.javascript.ru] Курс по 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.

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

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

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

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

• Егор Сидоров. Ведёт курс с 17 февраля 2022 Front-end | Angular разработчик в Tinkoff, занимаюсь разработкой чата для обслуживания и CMS для контроля качества. Паралельно провожу собеседования по Angular. Также обучаю разработке в финтехе.

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

Гарантия

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

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

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

Цена составляет 19000₽.