Frontend

Angular 21

Полный курс по Angular 21 и созданию полноценных SPA приложений

Обновлено 26 января 2026 г.
ЗвездаЗвездаЗвездаЗвездаЗвезда
Рейтинг 5.0на основании отзывов
Иконка аватараИконка аватараИконка аватараИконка аватараИконка аватара
40,000учеников
Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

изображение курса
кнопка запустить видеоО курсе
Цена от:3 999 ₽6 990 ₽
При покупке до 05.02.2026
Гарантия возврата денег — 30 дней
Неограниченный доступ
Сертификат об окончании
Знания

Чему вы научитесь?

После прохождения курса вы сможете:
Создавать проекты на Angular
Создавать компоненты, директивы, пайпы
Понимать и использовать привязки данных
Использовать условные конструкции @for, @if
Использовать жизненные циклы компонентов
Понимать и использовать Dependency Injection
Создавать сложную маршрутизацию приложения, Guards
Использовать RxJS и сигналы в компонентах Angular
Работать с формами
Взаимодействовать с API

Минимальные требования: Знание JavaScript, Знание TypeScript, Знание HTML и CSS

119уроковвидео с конспектами
15 упражненийдля закрепления на практике
93 тестадля проверки знаний
Технологии
AngularTypeScriptRxJS
О курсе

Что в курсе?

В этом курсе мы изучим Angular, создавая приложение для работы с криповалютой. Этот курс идеально подойдёт тем, кто уже знаком с основами HTML, CSS и JavaScript и готов начать работать с одним из популярных frontend фреймворков — Angular. Если вы уже имеете опыт работы с другими JavaScript фреймворками, этот курс поможет вам быстро освоить Angular и его экосистему.

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

Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

certificate
Ваш сертификат по окончанию курса
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 05 февраля 2026
Возможности обучения

Обучение в PurpleSchool

Собственная платформа

Интеграция с GitHub

Интеграция с GitHub

Все проекты для домашних заданий проверяются напрямую из GitHub

Поддержка всех устройств

Поддержка всех устройств

Обучайтесь в любом месте с десктоп и мобильных устройств

Подсветка синтаксиса

Подсветка синтаксиса

Не теряйтесь в коде, пользуйтесь привычным форматированием синтаксиса

Проверенные форматы

Мини-лекции

Мини-лекции

Короткие видео (по ~5 минут) позволяют обучаться даже тогда, когда времени на полноценное обучение не хватает

Упражнения

Упражнения

Выполняйте задачи, а затем сравнивайте с верным процессом решения в видео для самопроверки

Конспекты

Конспекты

Каждая лекция сопровождается детальными конспектами для удобного поиска информации

Домашние задания

Домашние задания

Осваивайте материал на реальных задачах, которые потом пригодятся в работе

Тесты

Тесты

Закрепляйте знания и находите слабые места с помощью точечных тестов по темам курса

Тщательно следим за актуальностью технологий и регулярно обновляем курсы

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

Решайте мини-задачи по темам курса и получайте мгновенный разбор ошибок в коде от AI-наставника

Mock-тренажёр

Mock-тренажёр

Практикуйтесь в прохождении собеседований и находите ошибки, которые мешают пройти на нужную вакансию

Проверка домашних заданий

Проверка домашних заданий

Отправляйте Pull Request наставнику и получайте детальный разбор с учётом лучших практик

AI-наставник обучен на реальных проектах, практике студентов, официальной документации и материалах курса

Реальная практика в студии

Проектная команда

Проектная команда

Подключитесь в коллектив и пройдёте проект плечом к плечу

Рекомендательное письмо

Рекомендательное письмо

В случае успешной стажировки получите индивидуальное рекомендательное письмо от основателя студии PurpleCode

Реальные задачи

Реальные задачи

Реализуете действующий функционал, а не задачки из учебников

Еженедельное планирование

Еженедельное планирование

Освоите практики Agile, научитесь декомпозировать задачи, оценивать сроки, анализировать ретроспективу

Практикующие разработчики и HR

Проверка домашних заданий

Проверка домашних заданий

Получайте детальную обратную связь от разработчиков из ведущих компаний

Еженедельные консультации

Еженедельные консультации

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

Проверка резюме и мок

Проверка резюме и мок

Повышайте софтскиллы и проходите на вакансии выше уровнем

Гарантия: если в течение 30 дней после покупки поймёте, что курс не нравится и не прошли более 50% курса — вернём деньги без лишних вопросов.

Модули курса

План курса

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

кнопка запустить видеоПример лекции
1.1 Почему Angular
6 мин
1.2 Как устроен курс
6 мин
1.3 Обзор проекта
1 мин
1.4 Проекты домашних заданий
3 мин
1.5 Знакомство с автором
4 мин
1.6 Обзор курсов
2 мин
1.7 Работа на платформе
10 мин
1.8 AI и тренажёры
7 мин
1.9 Практика на проекте
4 мин
1.10 Рекомендуемый курс
1 мин
2.1 Настройка окружения
4 мин
2.2 Настройка VS Code
5 мин
2.3 Настройка NVM
10 мин
2.4 Создание первого проекта (вручную)
12 мин
2.5 Упражнение - Создание первого проекта (через CLI)
2 мин
2.6 Настраиваем ESLint для работы с Angular
10 мин
2.7 Настраиваем Prettier для работы с Angular
5 мин
2.8 Домашнее задание AI
18 мин
С AI и тренажёрами2.9 Домашнее задание - Настройка окружения
60 мин
3.1 Создаём новое приложение
6 мин
3.2 Компоненты
9 мин
3.3 Инкапсуляция стилей
2 мин
3.4 @Input события
2 мин
3.5 Привязки данных
6 мин
3.6 @Output события
4 мин
3.7 Упражнение - Доработка кнопки под работу с событиями
2 мин
3.8 Переменные в шаблоне. Доступ к DOM через ViewChild и ContentChild
7 мин
3.9 Проекция данных в Angular. Декоратор @ContentChild
4 мин
3.10 Компоненты и модули. Автономные (standalone) компоненты
5 мин
3.11 Dumb и Smart компоненты
3 мин
3.12 Упражнение - Создаём компонент инпута
11 мин
3.13 Условные конструкции и типы: @if / *ngIf
5 мин
3.14 Итерирование в шаблоне Angular @for / *ngFor
5 мин
3.15 Условные конструкции и типы @switch/ *ngSwitch
9 мин
3.16 Упражнение - Создаем компонент ввода пароля
11 мин
3.17 Жизненный цикл компонента
5 мин
3.18 Упражнение - Создаём layout авторизации
23 мин
3.19 Механизмы отслеживания изменений
5 мин
3.20 Тест - Основы Angular
13 мин
С AI и тренажёрами3.21 Занятие - Основы Angular
30 мин
С AI и тренажёрами3.22 Тренажёр - Основы Angular
60 мин
С AI и тренажёрами3.23 Домашнее задание - Основы Angular
60 мин
4.1 Определение маршрутов
7 мин
4.2 Создание ссылок
2 мин
4.3 Параметры маршрута и параметры строки запроса
6 мин
4.4 Программная навигация
3 мин
4.5 Дочерние маршруты
10 мин
4.6 Ограничение доступа
7 мин
4.7 Упражнение - Реализация боковой навигации
36 мин
4.8 Тест - Маршрутизация
14 мин
С AI и тренажёрами4.9 Занятие - Маршрутизация
30 мин
С AI и тренажёрами4.10 Домашнее задание - Маршрутизация
60 мин
5.1 Типы директив. ngClass и ngStyle
4 мин
5.2 В чём отличие директивы от компонента
2 мин
5.3 Создание атрибутивных директив
7 мин
5.4 Создание структурной директивы
14 мин
5.5 Упражнение - Делаем страницу Обмен
25 мин
5.6 Тест - Директивы
7 мин
С AI и тренажёрами5.7 Занятие - Директивы
30 мин
С AI и тренажёрами5.8 Тренажёр - Директивы
60 мин
С AI и тренажёрами5.9 Домашнее задание - Директивы
60 мин
6.1 Встроенные пайпы, Async pipe
7 мин
6.2 Pure и Impure пайпы
3 мин
6.3 Создание своих пайпов
7 мин
6.4 Упражнение - Верстаем страницу курсы
18 мин
6.5 Тест - Пайпы
9 мин
С AI и тренажёрами6.6 Занятие - Пайпы
30 мин
С AI и тренажёрами6.7 Тренажёр - Пайпы
60 мин
С AI и тренажёрами6.8 Домашнее задание - Пайпы
60 мин
7.1 Асинхронность в Angular: эволюция от Observable к Signals
8 мин
7.2 Использование RxJs в Angular
7 мин
7.3 Операторы RxJS
7 мин
7.4 Сигналы в Angular
4 мин
7.5 Взаимодействие RxJS и Сигналов
6 мин
7.6 Когда использовать RxJS, а когда Сигналы?
3 мин
7.7 Упражнение - Переходим на сигналы
4 мин
7.8 Упражнение - Верстаем хидер
21 мин
7.9 Тест - Работа с данными
9 мин
С AI и тренажёрами7.10 Занятие - Работа с данными
30 мин
С AI и тренажёрами7.11 Тренажёр - Работа с данными
60 мин
С AI и тренажёрами7.12 Домашнее задание - Работа с данными
60 мин
8.1 Сервисы в Angular
13 мин
8.2 Внедрение сервисов в приложение и другие сервисы. Часто возникающие ошибки
3 мин
8.3 Инжекторы и иерархия инжекторов
5 мин
8.4 Angular DI
8 мин
8.5 Создаём хранилище данных
7 мин
8.6 Упражнение - Создаём сервисы и сторы для данных
5 мин
8.7 Тест - Сервисы, внедрение зависимостей
5 мин
С AI и тренажёрами8.8 Занятие - Сервисы, внедрение зависимостей
30 мин
С AI и тренажёрами8.9 Домашнее задание - Сервисы, внедрение зависимостей
60 мин
8.10 Отзыв о курсе
1 мин
9.1 Формы в Angular
4 мин
9.2 Template-driven формы
8 мин
9.3 Реактивные формы
7 мин
9.4 Упражнение - Реализация контрола ввода пароля через CVA
6 мин
9.5 Сигнальные формы
4 мин
9.6 Валидаторы. Создание своего валидатора
9 мин
9.7 Упражнение - Реализация контрола поиска
14 мин
9.8 Тест - Работа с формами
5 мин
С AI и тренажёрами9.9 Занятие - Работа с формами
30 мин
С AI и тренажёрами9.10 Тренажёр - Работа с формами
60 мин
С AI и тренажёрами9.11 Домашнее задание - Работа с формами
60 мин
10.1 HttpClient и отправка GET/POST запросов
13 мин
10.2 Реализация авторизации, логаута
16 мин
10.3 Интерцепторы. Авторизация запросов в Angular
5 мин
10.4 Упражнение - Получение данных с бекенда
13 мин
10.5 Обработка ошибок
7 мин
10.6 Упражнение - Реализация дашборда приложения
15 мин
10.7 Тест - Http и взаимодействие с сервером
5 мин
С AI и тренажёрами10.8 Занятие - Http
30 мин
С AI и тренажёрами10.9 Домашнее задание - Http
60 мин
11.1 Куда двигаться дальше
1 мин
11.2 Финальное тестирование
20 мин
С AI и тренажёрами11.3 Собеседование с AI наставником
30 мин
Со стажировкой в студии12.1 Основы Scrum
19 мин
Со стажировкой в студии12.2 Старт задачи
11 мин
Со стажировкой в студии12.3 Выполнение задачи
11 мин
Со стажировкой в студии12.4 Код ревью
8 мин
Со стажировкой в студии12.5 Старт работы
60 мин
О платформе

Обзор платформы

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

Видео
Тренажёры
Домашние задания
Занятия с AI
Тесты
Командный проект
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 05 февраля 2026
О проектах

Что будем писать?

Самостоятельный

Криптокошелёк

Криптокошелёк

Полноценное приложение с авторизацией, формами и взаимодействием с API

AI и тренажёры

Библиотека фильмов

Библиотека фильмов

Приложение для поиска и хранения фильмов с авторизацией, избранным и фильтрами

О PurpleSchool

Наши проекты

Антон Ларичев

Антон Ларичев

Основатель PurpleCode, школы обучения разработки PurpleSchool. 14 лет опыта разработки, более 10 лет управления ИТ проектами и интернет маркетинга.

PurpleSchool

Школа PurpleSchool

Направления
40 000

учеников по всему миру

30 дней

гарантия возврата денег

90%

студентов рекомендуют курсы

4.8
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.8
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.7
ЗвездаЗвездаЗвездаЗвездаЗвезда

Студия PurpleCode

Направления
50+

проектов за последний год

15

лет опыта

7

команд разработки

Практика в PurpleCode

1
Собеседуем выбранных участников
2
Прошедших отбор берём на оплачиваемую стажировку
3
После 3-х месяцев успешной стажировки - оффер
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 05 февраля 2026
О тарифе

Тариф с командным проектом

  • Реальный проект

    Вы будете работать вместе с командой на реальным проектом

  • Практика

    2 недели интенсивной практики и погружения в процессы разработки

  • Наставничество

    Несколько опытных наставников будут проводить код ревью и помогать с задачами

  • Командная работа

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

  • Практика Agile

    Вы будете работать по Scrum и познакомитесь с Agile процессами

team project
  1. 1

    Планируем спринт

    1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

  2. 2

    Синхронизируемся

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

  3. 3

    Выполняем задачи

    Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

  4. 4

    Проводим ретроспективу

    В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

Для вас подготовлены дополнительные материалы
  • additional material

    Макеты для вёрстки и создания компонент

  • additional material

    Техническое задание на итерацию от ProductOwner

  • additional material

    Процессы по работе в команде и код ревью

Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 05 февраля 2026
Команда курса

Автор и наставники

фото команды
Автор курса

Антон Ларичев

Основатель PurpleSchool

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

фото команды
Автор курса

Осин Павел

Ведущий разработчик (ex-Team Lead)

В разработке более 10 лет. До 2022 года работал над проектами европейской международной платёжной системы. Руководил командой веб-разработки бэкофиса криптокошелька, который сейчас входит в топ-10 по скачиваниям в мире. После работы в роли тимлида вернулся к более техническому фокусу и перешёл на позицию ведущего разработчика в крупной букмекерской компании.

Изучи направление Фронтенд разработчик

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

7
7 месяцевдлительность направления
11
11 проектовдля портфолио
1 раз
в неделю живые встречи
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 05 февраля 2026

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile

Курсы с наставником и без

Для компаний

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

Свяжитесь со мнойЧерез форму ниже или по почтеcontact@purpleschool.ru
Оплата счётаВы оплачиваете счёт на нужное число мест и курсов
СтартНа email сотрудников открывается доступ
Наши курсы выбирают:
Остались вопросы?

Частые вопросы

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

Вы получаете неограниченный по времени доступ к курсу и можете проходить его в темпе, в который комфортен вам. Но занятия с наставником и проверка домашнего задания ограничена 2-мя и 3-мя месяцами для 2-х тарифов.
Для тарифов с наставником доступен прямой чат с наставником, где вы можете задавать вопросы. А для всех тарифов есть общий чат и комментарии под каждой лекцией.
После приобретения курса у вас открывается доступ на приватный Telegram канал, где созданы отдельные чаты для каждого курса и есть возможность задавать вопросы наставнику напрямую. Там же проводятся голосовые звонки с наставником.
Оплата доступна по всему миру. Стоимость курса будет автоматически сконвертирована в валюту вашей страны по текущему курсу.
Если в течение 30 дней курс вам не понравился или не подошёл, вы можете запросить возврат средств если не прошли более 50% курса, написав на электронную почту contact@purpleschool.ru. После возврата средства зачисляться в течение 3-х рабочих дней.
Да, сертификат будет вам автоматически отправлен после завершения курса на электронную почту, указанную при регистрации.
На все тарифы с наставником доступна рассрочка на 2 и 3 месяца в зависимости от тарифа.
Конечно, мы дорожим своей репутацией и работаем полностью открыто, платим налоги и формирует чеки. Всю информацию о компании можно найти на сайте ФНС по ИНН, указанному в подвале сайта.
Основная ценность курса в том, что весь материал структурирован и подан в правильной последовательности. Благодаря этому вы можете получить знания быстро, качественно и структурировано. А поддержка наставника обеспечивает вам быструю обратную связь и поддержку от профессионального разработчика.
Мы рекомендуем выделять на курс от 10 до 20 часов в неделю, чтобы двигаться в хорошем темпе. Если вы приобретаете курс для самостоятельного обучения, то можете двигаться в своём темпе.
Мы всегда идём на встречу и в индивидуальном порядке продлеваем время с наставником, если вам необходим перерыв в изучении материала.
Остались вопросы? Их можно задать в чате Telegram.