Этап 8 из 19 · ≈ 24 ч

Angular

Альтернатива с Junior

Полный фреймворк от Google с TypeScript, DI и строгой структурой — частый выбор в энтерпрайзе.

Angular — «всё включено»: маршрутизация, формы, HTTP-клиент, внедрение зависимостей, тестирование и CLI. Пишется на TypeScript, структура проекта единообразна — удобно большим командам.

Что важно знать

  • Компоненты с шаблонами, сервисы и внедрение зависимостей — знакомо бэкендерам на Spring.
  • Сигналы (signal, computed, effect) — современная реактивность; приложения постепенно уходят от zone.js.
  • RxJS — потоки событий и HTTP-запросов, операторы switchMap, debounceTime; встречается почти в каждом проекте.
  • Standalone-компоненты вместо модулей в новых версиях.
  • Реактивные формы (FormGroup, валидаторы).
  • В России Angular популярен в банках и крупных компаниях.

Критерии освоения

Junior ≈ 24 ч

  • Создаёт компоненты, сервисы и маршруты через Angular CLI
  • Использует внедрение зависимостей и HttpClient

Практика. Сделать на Angular список задач с сервисом данных и маршрутами.

Middle ≈ 20 ч

  • Работает с сигналами и RxJS (switchMap, debounceTime) для данных и событий
  • Делает реактивные формы с валидацией

Практика. Сделать на Angular поиск с автодополнением на RxJS и форму с реактивной валидацией.

Проверка знаний

Войдите, чтобы пройти тест: сданный тест отмечает тему пройденной на карте и в ИПР.

Вопросы с собеседований

Смотреть все
Как устроено приложение на Angular?Junior

Angular — полноценный фреймворк «всё включено» на TypeScript: компоненты, маршрутизация, формы, HTTP-клиент, тестирование, CLI. Компонент — класс с декоратором @Component, шаблоном и стилями; в шаблоне — привязки: {{ значение }}, [свойство]="выражение"…

Полный разбор
Как работает внедрение зависимостей в Angular?Junior

Сервис — класс с @Injectable; Angular сам создаёт его экземпляр и передаёт компонентам и другим сервисам, которые его запросили (через конструктор или функцию inject()). providedIn: 'root' — один экземпляр на всё приложение (синглтон); провайдер на уровне…

Полный разбор
Как в Angular используются RxJS и Observable?Middle

Observable — поток значений во времени (может выдать много значений, ленив до подписки, отменяется отпиской), в отличие от Promise с одним значением. HttpClient, события форм и роутера в Angular — Observable. Операторы строят обработку: map, filter…

Полный разбор
Зачем нужен TypeScript и чем any отличается от unknown?Junior

TypeScript добавляет к JavaScript статические типы, которые проверяются при компиляции и стираются в итоговом JS. Польза: ошибки до запуска, автодополнение, безопасный рефакторинг, типы как документация. any отключает проверку; unknown — «что угодно», но…

Полный разбор
Что такое дженерики в TypeScript и зачем они нужны?Junior

Дженерик — параметр типа: функция или тип работает с разными типами, сохраняя связь между входом и выходом. function first<T>(xs: T[]): T | undefined — для string[] вернёт string, для User[] — User. Без дженерика пришлось бы писать any и терять проверку…

Полный разбор

Документация

← Вся карта «Frontend-разработчик»

Партнёр платформы

Разбор собеседования с sotto

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

Разбор собеседования