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

Вопросы помогают определить уровень Angular-разработчика: насколько глубоко он понимает Web-платформу, JavaScript, TypeScript и устройство Angular-приложений.

Содержание

1. Основы frontend-разработки

• Основы Computer Science
• Алгоритмы и структуры данных для frontend
• Web Platform
• Большие данные, сеть и browser APIs
• HTML, формы, доступность (accessibility), SEO и media
• CSS
• Рендеринг браузера и производительность (performance)
• HTTP, HTTPS и curl
• JavaScript
• TypeScript

2. Инженерные основы

• Основы программирования и проектирования
• SOLID, DRY, KISS, YAGNI
• Архитектурные компромиссы (trade-offs)
• Общее управление состоянием (State Management)

3. Angular

Текущие Angular-ответы ориентированы на версии 19–22. Для нового кода используются standalone APIs, signals и functional providers; поддерживаемые старые API помечены как legacy.

3.1 Основы Angular

• Angular Core
• Обзор Angular
• Компоненты, директивы, сервисы и pipes
• Templates
• Lifecycle и rendering
• Dependency Injection
• Angular Change Detection
• Angular Signals

3.2 Поток данных в Angular

• RxJS
• Angular Forms
• Angular HTTP
• Angular Router
• Управление состоянием (State Management) в Angular

3.3 Продакшен в Angular

• Безопасность (Security)
• Производительность (Performance)
• SSR, hydration и SEO
• Angular PWA и Service Worker
• Testing

3.4 Архитектура и экосистема Angular

• Angular libraries и design systems
• Dynamic components
• Micro Frontends
• Tooling

4. React для Angular-разработчика

• React для Angular-разработчика

4.1 Основы React

• Зачем Angular-разработчику знать React
• Короткая карта Angular -> React
• React Core
• State и rendering
• Hooks

4.2 Поток данных в React

• Forms
• Data fetching
• Routing
• Context и управление состоянием (State Management)

4.3 React vs Angular

• Отличия React от Angular
• Что важно не перепутать на интервью

4.4 Экосистема React

• Разные React-стеки
• Старт проекта
• Package manager и monorepo
• Routing и fullstack frameworks
• Управление состоянием (State Management)
• Data fetching в React-стеках
• Forms в React-стеках
• Styling и UI libraries
• Animation и charts
• Testing
• Auth, backend и database
• Hosting
• i18n, rich text, upload и drag and drop
• Mobile и desktop
• Выбор стека на интервью

4.5 Практика и интервью по React

• Вопросы по уровням
• Практические задачки
• Мини-проект Travel Planner
• Рекомендуемый порядок изучения

5. Инфраструктура и доставка изменений

• Node.js
• Node.js для frontend tooling
• npm/package managers/workspaces
• Рабочее окружение frontend-разработчика
• Инфраструктура
• Docker и Docker Compose
• CI/CD
• Frontend deployment
• System design basics для frontend
• CDN/cache/rollback
• Feature toggles

6. Командная работа

• Git и командная разработка
• Agile, Scrum, Kanban, Waterfall
• Организационные модели и бирюзовые компании
• Работа с задачами
• Оценка задач
• Definition of Ready / Definition of Done
• ADR и принятие технических решений
• Ownership и эскалация рисков

7. Поиск работы и интервью

• Поиск работы и стратегия интервью
• Самопрезентация
• Team fit
• Soft skills
• People management basics для senior/lead

---

Практика

• Задачи по Angular
• Практика по Angular frontend tasks
• CSS examples
• CSS layout и component tasks
• CSS Flexbox examples
• CSS Grid examples
• Задачи по JavaScript
• Практика по JavaScript
• Задачи по TypeScript
• React examples
• Практика по React
• React practice app
• Computer Science examples
• Frontend system design tasks
• Практические задачи по алгоритмам и design primitives
• Мини-проекты для интервью

---

Дополнительные материалы

• Angular Interview Questions by Google Developer Expert
• Coding Interview University
• Awesome Interviews
• Angular Interview Questions
• Front-end Job Interview Questions
• Frontend Guidelines Questionnaire
• Frontend-Master-Prep-Series