Вопросы помогают определить уровень Angular-разработчика: насколько глубоко он понимает Web-платформу, JavaScript, TypeScript и устройство Angular-приложений.
- Основы
- Архитектура компьютера
- ОС, процессы, сеть и терминал
- Основы программирования и проектирования
- SOLID, DRY, KISS, YAGNI
- Архитектурные компромиссы (trade-offs)
- UI/UX
- Основы UI и UX
- Состояния интерфейса
- Формы и ввод данных
- Accessibility как часть UX
- Microcopy и коммуникация интерфейса
- UX-метрики и проверка решений
- Когнитивные искажения в UI/UX
- Этичный UX и dark patterns
- Работа с дизайнером и продуктом
- Практические UI/UX-задачи для интервью
- JavaScript
- Promise и асинхронность
- Browser HTTP и fetch
- DOM, SSR и hydration
- Event Loop
- JavaScript performance
- Node.js
- npm и package scripts
- Node.js для frontend tooling
- Project tooling и рабочее окружение
- Frontend tooling
- TypeScript
- Frontend fundamentals
- Алгоритмы и структуры данных для frontend
- Продвинутый TypeScript
- TypeScript и runtime-контракты
Текущие Angular-ответы ориентированы на версии 19–22. Для нового кода используются standalone APIs, signals и functional providers; поддерживаемые старые API помечены как legacy.
- Angular Core
- Обзор Angular
- Компоненты, директивы, сервисы и pipes
- Templates
- Lifecycle и rendering
- Dependency Injection
- Angular Change Detection
- Angular Signals
- Безопасность (Security)
- Angular Auth, login/logout и router guards
- Производительность (Performance)
- SSR, hydration и SEO
- Angular PWA и Service Worker
- Testing
- Зачем Angular-разработчику знать React
- Короткая карта Angular -> React
- React Core
- State и rendering
- Hooks
- Разные 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
- Выбор стека на интервью
- Архитектурные вопросы
- Практические задачки
- Мини-проект Travel Planner
- Рекомендуемый порядок изучения
- QA
- Quality mindset
- Frontend QA
- Node.js backend QA
- Allure, reports and metrics
- CI/CD and quality gates
- Coverage and risk
- Frontend Architecture Patterns
- Границы и структура feature
- Паттерны UI-композиции
- Слои и масштабирование
- Application Models
- Rendering Strategies
- Service Patterns
- Performance Patterns
- Code Organization Strategies
- Testing Patterns
- Best Practices and Guidelines
- Выбор паттерна
- AI
- AI-assisted development
- Промптинг и декомпозиция
- Тестирование с AI
- Безопасность AI-разработки
- AI-агенты
- MCP и Skills
- Модели и провайдеры
- AI-инструменты разработки
- Продукт и командные процессы
- Обучение и карьера
- Карьера в команде
- Поиск работы и стратегия интервью
- Самопрезентация
- Team fit
- Agile, Scrum, Kanban, Waterfall
- Организационные модели и бирюзовые компании
- Работа с задачами
- ADR и принятие технических решений
- Ownership и эскалация рисков
- 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 example 1
- React example 2
- Практика по React
- React practice app
- Computer Science examples
- Frontend system design tasks
- Практические задачи по алгоритмам и design primitives
- Мини-проекты для интервью