0Pricing
Angular Academy icon

Angular Academy

HTMLFrontendWebBeginner

Изучите Angular и создавайте масштабируемые и современные веб-приложения вместе с Angular Academy.

🤖 На основе AI📚 38 курсов👥 100 000+ учеников⭐ Рейтинг 4,9
Обзор курса

Angular: фреймворк, на котором работают производственные веб-приложения

Angular — это авторитетный фреймворк Google, ориентированный на TypeScript и используемый для создания больших поддерживаемых одностраничных приложений. Его модель компонентов, система внедрения зависимостей и первоклассный инструментарий делают его выбором номер один для корпоративных команд и разработчиков, которым нужна структура в масштабе. Этот трек охватывает современный Angular — версию 19 со standalone-компонентами, Signals и новым синтаксисом control flow — без устаревших паттернов из более старых руководств.

Что вы изучите

Вы начнёте с Angular CLI, структуры проекта и основ Angular 19, затем перейдёте к реактивности на основе Signals, standalone-компонентам и внедрению зависимостей. Далее вы рассмотрите template-driven и reactive формы, операторы RxJS, HttpClient перехватчики, lifecycle hooks компонентов, content projection, анимации и маршрутизацию. В дальнейших курсах рассматривается управление состоянием с NgRx и Signal-based NgRx SignalStore, модульное и end-to-end тестирование, интернационализация и пользовательские элементы управления формами. Трек завершается оптимизацией обнаружения изменений, server-side rendering, гидратацией, микрофронтендами с Module Federation, созданием переиспользуемых Angular библиотек и основами безопасности Angular.

Путь обучения

Тридцать семь курсов охватывают уровни с A1 по C1. Первые восемь курсов (A1–A2) формируют основу: setup CLI, standalone-компоненты, pipes, lifecycle hooks и двусторонняя привязка. Курсы B1 и B2 развивают прикладные навыки — RxJS, продвинутую маршрутизацию, reactive формы, directive composition и полное покрытие тестами. Уровень C1 охватывает то, что отличает production Angular от tutorial Angular: Change Detection и Performance, NgRx SignalStore, Server-Side Rendering с Angular SSR, Micro Frontends с Module Federation, Building Angular Libraries и Angular Security Essentials.

Как это работает

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

Начать учиться →

Как ты будешь учиться

🎯
Интерактивные уроки
Практические упражнения по программированию с мгновенной обратной связью
🤖
ИИ-репетитор
Получай мгновенную помощь от нашего ИИ, когда застрянешь
💻
Встроенный редактор
Пиши и запускай код прямо в браузере
🏆
Сертификат
Получи сертификат при завершении курса
Программа обучения

38 курсов

Все курсы в пути обучения Angular Academy.

01

Добро пожаловать в Angular

A13 уроков

Разберитесь, что такое Angular, зачем Google создала и поддерживает его и как он меняет подход к разработке крупных профессиональных веб-пр…

02

Angular CLI и структура проекта

A14 уроковPRO

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

03

Встроенное управление потоком выполнения

A14 уроковPRO

Используйте современный блочный синтаксис управления потоком Angular для условий и циклов в шаблонах.

04

Основы Angular 19

A13 уроковPRO

Введение в Angular 19: изучение его ключевых возможностей, архитектуры и настройки среды.

05

Основы сигналов Angular

A24 уроковPRO

Освойте реактивные сигналы Angular — примитив для эффективного управления состоянием с высокой детализацией.

06

Глубокое погружение в автономные компоненты

A24 уроковPRO

Создавайте приложения Angular без NgModules, используя архитектуру автономных компонентов.

07

Основы внедрения зависимостей

A24 уроковPRO

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

08

Каналы: встроенные и пользовательские

A24 уроковPRO

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

09

Хуки жизненного цикла компонентов

A24 уроковPRO

Подключайтесь к созданию, изменению и уничтожению компонентов с помощью хуков жизненного цикла Angular.

10

Двусторонняя привязка и входные данные модели

A24 уроковPRO

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

11

Стилизация и инкапсуляция компонентов

A24 уроковPRO

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

12

Входные данные и запросы на основе сигналов

B14 уроковPRO

Используйте современные API входных и выходных данных, а также запросов представления на основе сигналов для создания более понятных компон…

13

Сигналы: вычисляемые значения и эффекты

B14 уроковPRO

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

14

Основы RxJS для Angular

B14 уроковPRO

Поймёте наблюдаемые объекты, подписки и субъекты как основу реактивности Angular.

15

Проекция содержимого и шаблоны

B14 уроковPRO

Создавайте гибкие повторно используемые компоненты с помощью проекции содержимого, ng-content и ссылок на шаблоны.

16

Анимации Angular

B14 уроковPRO

Оживляйте интерфейсы с помощью декларативной системы анимаций Angular.

17

Расширенные компоненты и директивы

B13 уроковPRO

Изучите расширенное взаимодействие компонентов, директивы и лучшие практики.

18

Маршрутизация и навигация Angular

B13 уроковPRO

Научитесь работать с маршрутизацией, защитниками навигации и разрешателями маршрутов в Angular.

19

Работа с формами

B13 уроковPRO

Подробно изучите обработку форм в Angular.

20

Операторы RxJS: подробный разбор

B24 уроковPRO

Создавайте мощные потоки данных с помощью операторов отображения, фильтрации, объединения и обработки ошибок.

21

Расширенные возможности маршрутизатора Angular

B24 уроковPRO

Выйдите за рамки базовой маршрутизации с помощью разрешателей, данных маршрутов, параметров и функциональных защитников.

22

Перехватчики HttpClient

B24 уроковPRO

Централизуйте сквозную логику HTTP с помощью функциональных перехватчиков и перехватчиков на основе классов.

23

Расширенные реактивные формы

B24 уроковPRO

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

24

API композиции директив

B24 уроковPRO

Создавайте повторно используемое поведение, применяя несколько директив к компонентам-хостам.

25

Управление состоянием с помощью NgRx

B23 уроковPRO

Используйте NgRx для эффективного управления состоянием приложения.

26

Управление состоянием на основе сигналов

B24 уроковPRO

Проектируйте состояние приложения с помощью сигналов, служб и реактивных шаблонов без внешних библиотек.

27

Пользовательские элементы управления формами

B24 уроковPRO

Интегрируйте пользовательские виджеты с формами Angular, реализуя ControlValueAccessor.

28

Модульное и компонентное тестирование Angular

B24 уроковPRO

Тестируйте компоненты, службы и каналы с помощью TestBed и средств тестирования Angular.

29

Сквозное тестирование Angular

B24 уроковPRO

Проверяйте реальные пользовательские сценарии с помощью сквозных тестов в Playwright и Cypress.

30

Интернационализация (i18n)

B24 уроковPRO

Локализуйте приложения Angular с помощью встроенной системы i18n и стратегий перевода во время выполнения.

31

Интеграция HTTP и API

B23 уроковPRO

Освойте взаимодействие по HTTP и интеграцию API в Angular.

32

Обнаружение изменений и производительность

C14 уроковPRO

Оптимизируйте отображение с помощью обнаружения изменений OnPush, режима без зон и стратегий trackBy.

33

NgRx SignalStore

C14 уроковPRO

Управляйте сложным состоянием с помощью современного NgRx SignalStore на основе сигналов.

34

Серверный рендеринг с Angular SSR

C14 уроковPRO

Отображайте Angular на сервере для ускорения первой отрисовки и улучшения SEO.

35

Гидратация и производительность

C14 уроковPRO

Ускоряйте приложения SSR с помощью полной и инкрементальной гидратации, сокращая работу на клиенте.

36

Микрофронтенды с Module Federation

C14 уроковPRO

Собирайте крупные приложения Angular из независимо развёртываемых микрофронтендов.

37

Создание библиотек Angular

C14 уроковPRO

Упаковывайте и публикуйте повторно используемые библиотеки Angular в формате пакетов Angular.

38

Основы безопасности Angular

C13 уроковPRO

Защитите приложения Angular с помощью основных методов безопасности.

Часто задаваемые вопросы

Часто задаваемые вопросы

Курс Angular Academy бесплатный?

Да. Ты можешь начать курс Angular Academy бесплатно и пройти его интерактивные уроки без платежей. Опциональная подписка PRO открывает продвинутые инструменты на базе ИИ и сертификат, который можно поделиться.

Нужен ли мне опыт, чтобы выучить HTML?

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

Как я выучу HTML на CoddyKit?

Ты учишься на практике. Короткие интерактивные уроки сочетают понятное объяснение с практическими упражнениями по программированию, которые выполняются в реальном времени, а круглосуточный ИИ-репетитор помогает, когда ты застрянешь.

Получу ли я сертификат за завершение Angular Academy?

Да. Пользователи PRO могут пройти экзамен и получить сертификат завершения Angular Academy с проверяемым кодом.

Могу ли я выучить HTML на телефоне?

Да. CoddyKit доступен в браузере и как нативное приложение на iOS и Android, так что ты можешь выучить HTML на любом устройстве и твой прогресс синхронизируется.

Начни Angular Academy прямо сейчас

Присоединись к тысячам учеников, которые осваивают программирование с помощью уроков на AI.

Начать бесплатно →Все курсы