Frontend Developer (Vue)
Разработка пользовательских интерфейсов с Vue.js и Nuxt
Frontend Developer (Vue) — роль в семействе Frontend Engineering. Определено 55 навыков по 5 уровням (от Junior до Principal). 162 навыков являются обязательными. Ключевые домены: Основы программирования, Backend Development, Frontend Development.
Технологический стек
Фокус по уровням
Верстка компонентов. Разработка Single File Components. Работа с Composition API. Маршрутизация (Vue Router). Базовое управление стейтом (Pinia).
Проектирование компонентной архитектуры. Composables для переиспользования логики. Интеграция с API (Axios/fetch). SSR с Nuxt. Тестирование (Vitest).
Архитектура Vue-приложений. Nuxt modules и plugins. Оптимизация производительности. Проектирование UI Kit. TypeScript в Vue-экосистеме.
Frontend-платформа на Vue/Nuxt. Стандарты разработки. Design system. Координация с backend. Стратегия миграции (Vue 2 → 3).
Frontend strategy. Выбор между Vue/React/Angular. Архитектура масштабируемого frontend. Contributions в Vue ecosystem.
Матрица навыков
55 навыков × 5 уровней. Нажмите на ячейку для детализации.
Архитектура и проектирование
1 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Основы System Design | A | W | A | E | E |
Базы данных
2 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| PostgreSQL | A | W | A | E | E |
| Индексирование БД | A | W | A | E | E |
Безопасность
2 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| OWASP и безопасность приложений | A | W | A | — | — |
| Практики безопасного кода | A | W | A | E | E |
Контроль версий и коллаборация
2 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Git Advanced | A | W | A | E | E |
| Code Review | A | W | A | E | E |
Облако и инфраструктура
4 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Docker | A | W | A | E | E |
| Kubernetes Core | A | W | A | E | E |
| AWS | A | W | A | E | E |
| Основы сетей | A | W | A | E | E |
Основы программирования
8 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Алгоритмы и сложность | A | W | A | E | E |
| Структуры данных | A | W | A | E | E |
| Принципы ООП и SOLID | A | W | A | E | E |
| Паттерны проектирования | A | W | A | E | E |
| Многопоточное программирование | A | W | A | E | E |
| Асинхронное программирование | A | W | A | E | E |
| Качество кода и рефакторинг | A | W | A | E | E |
| Типобезопасность и системы типов | A | W | A | E | E |
Тестирование и QA
4 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Unit-тестирование | A | W | A | E | E |
| Интеграционное тестирование | A | W | A | E | E |
| E2E тестирование | A | W | A | E | E |
| Тестирование доступности | A | W | A | E | E |
AI-ассистированная разработка
4 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| GitHub Copilot | A | W | A | E | E |
| Cursor IDE | A | W | A | A | — |
| ChatGPT / Claude | A | W | A | E | E |
| Prompt Engineering для кода | A | W | A | E | — |
API и интеграции
3 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| REST API Design | A | W | A | E | E |
| GraphQL Design | A | W | A | E | E |
| Документирование API | A | W | A | E | E |
Backend Development
1 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Redis | A | W | A | E | E |
DevOps и CI/CD
1 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| GitHub Actions / GitLab CI | A | W | A | E | E |
Frontend Development
19 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Vue Core | A | W | A | E | E |
| Nuxt | A | W | A | E | E |
| Современный CSS | A | W | A | E | E |
| Tailwind CSS | A | W | A | E | E |
| CSS-in-JS | A | W | A | E | E |
| Разработка дизайн-систем | A | W | A | E | E |
| Web Components | A | W | A | E | E |
| Web APIs | A | W | A | E | E |
| Progressive Web Apps | A | W | A | E | E |
| Доступность (Accessibility) | A | W | A | E | E |
| Core Web Vitals | A | W | A | E | E |
| Оптимизация бандла | A | W | A | E | E |
| Vite и современные бандлеры | A | W | A | E | E |
| Компонентное тестирование | A | W | A | E | E |
| Визуальное регрессионное тестирование | A | W | A | E | E |
| State Management | A | W | A | E | E |
| Data Fetching | A | W | A | E | E |
| Микрофронтенды | A | W | A | E | E |
| SSR/SSG/ISR паттерны | A | W | A | E | E |
Observability и мониторинг
3 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Структурированное логирование | A | W | A | E | E |
| Prometheus и Grafana | A | W | A | E | E |
| OpenTelemetry | A | W | A | E | E |
Performance Engineering
1 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Performance Budgets | A | W | A | E | E |
Часто задаваемые вопросы
Какие навыки нужны для роли Frontend Developer (Vue)?
Для роли Frontend Developer (Vue) требуется 55 навыков, из которых 162 являются обязательными. Навыки распределены по 5 уровням: от Junior до Principal. Смотреть полную матрицу.
Как вырасти до следующего уровня в роли Frontend Developer (Vue)?
Используйте Калькулятор грейда чтобы оценить текущий уровень и получить персональные рекомендации. Система покажет, какие навыки нужно развить для перехода на следующий уровень.
Какой технологический стек используется в роли Frontend Developer (Vue)?
Стек включает 5 технологий на разных уровнях. TypeScript 5.3+, Vue 3.4+, Composition API, Pinia, Vue Router, Tailwind CSS, Vite, TypeScript strict, Vue 3.4+, Nuxt 3, Pinia, VueUse, Vitest, Playwright basics, Storybook, TypeScript 5.4+, Vue 3.4+, Nuxt 3 (custom modules), Unplugin ecosystem, Vue DevTools, Performance profiling...
Как сообщество определяет требования к роли Frontend Developer (Vue)?
Требования к роли формируются сообществом через систему предложений. Любой участник может предложить изменения, которые проходят голосование и ревью экспертов.