логотип PurpleSchool
логотип PurpleSchool

Карьера Frontend-разработчик на Vue

Ускорьте создание динамичных интерфейсов за счет знакомого HTML-синтаксиса и реактивности «из коробки»

  • Галочка7 месяцев стажа и реальные проекты в резюме
  • ГалочкаЕженедельные живые встречи
  • ГалочкаОбученный AI-наставник для безлимитных тренировок
  • ГалочкаКомандные задачи и ревью в студии PurpleCode
Часы
6 мест в ноябре
Ноутбук, вокруг которого карточки с технологиями
7месяцевдлительность курса
11проектовдля твоего портфолио
1 разв неделюживые встречи
О профессии

Почему frontend на Vue?

Vue входит в топ-3 GitHub: 200к репозиториев, 42к звёзд, 4 млн npm-загрузок. Шаблоны близки к HTML, реактивность без хуков, v-for и @click справятся с любым CRUD. По State of JS 2024: 30 %+ опрошенных используют Vue в production-проектах. А Nuxt.js услививает стек за счет мгновенной генерации статического HTML.

  • ГалочкаВ опросах it-рынка Vue.js уверенно занимает 2 место по продакшен-использованию в проектах *
  • ГалочкаСредняя зарплата Frontend-разработчика на Vue - от 350 000р, среди Junior-специалистов - от 80 000 рублей *
  • ГалочкаСтек используют: NASA, Apple, Google, Alibaba, Adobe, Netflix, Xiaomi, Microsoft
*по данным State of JS 2024 / hh.ru

Нужна помощь в выборе?

Оставьте заявку и мы свяжемся с вами для бесплатной консультации

Возможности обучения

Обучение в PurpleSchool

Собственная платформа

Интеграция с GitHub

Интеграция с GitHub

Все проекты для домашних заданий проверяются напрямую из GitHub

Поддержка всех устройств

Поддержка всех устройств

Обучайтесь в любом месте с десктоп и мобильных устройств

Подсветка синтаксиса

Подсветка синтаксиса

Не теряйтесь в коде, пользуйтесь привычным форматированием синтаксиса

Проверенные форматы

Мини-лекции

Мини-лекции

Короткие видео (по ~5 минут) позволяют обучаться даже тогда, когда времени на полноценное обучение не хватает

Упражнения

Упражнения

Выполняйте задачи, а затем сравнивайте с верным процессом решения в видео для самопроверки

Конспекты

Конспекты

Каждая лекция сопровождается детальными конспектами для удобного поиска информации

Домашние задания

Домашние задания

Осваивайте материал на реальных задачах, которые потом пригодятся в работе

Тесты

Тесты

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

Тщательно следим за актуальностью технологий и регулярно обновляем курсы

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

Решайте мини-задачи по темам курса и получайте мгновенный разбор ошибок в коде от AI-наставника

Mock-тренажёр

Mock-тренажёр

Практикуйтесь в прохождении собеседований и находите ошибки, которые мешают пройти на нужную вакансию

Проверка домашних заданий

Проверка домашних заданий

Отправляйте Pull Request наставнику и получайте детальный разбор с учётом лучших практик

AI-наставник обучен на реальных проектах, практике студентов, официальной документации и материалах курса

Реальная практика в студии

Проектная команда

Проектная команда

Подключитесь в коллектив и пройдёте проект плечом к плечу

Рекомендательное письмо

Рекомендательное письмо

В случае успешной стажировки получите индивидуальное рекомендательное письмо от основателя студии PurpleCode

Реальные задачи

Реальные задачи

Реализуете действующий функционал, а не задачки из учебников

Еженедельное планирование

Еженедельное планирование

Освоите практики Agile, научитесь декомпозировать задачи, оценивать сроки, анализировать ретроспективу

Практикующие разработчики и HR

Проверка домашних заданий

Проверка домашних заданий

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

Еженедельные консультации

Еженедельные консультации

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

Проверка резюме и мок

Проверка резюме и мок

Повышайте софтскиллы и проходите на вакансии выше уровнем

Гарантия: если в течение 30 дней после покупки поймёте, что курс не нравится и не прошли более 50% курса — вернём деньги без лишних вопросов.

План курсов

Что входит в карьерный путь?

Мы проработали для вас путь, который позволит освоить профессию от простого к сложному. Постепенно двигаясь по курсу, вы сможете начав с самых основ дорасти до знаний Junior+ / Middle.

1. Введение5 уроков
2. Базовые команды5 уроков
3. Начало работы с Git10 уроков
4. Ветки и изменения7 уроков
5. Удаление12 уроков
6. Продвинутая работа9 уроков
7. Удалённый репозиторий16 уроков
8. Заключение3 урока
1. Введение8 уроков
2. Настройка окружения3 урока
3. Знакомство с HTML17 уроков
4. Семантика и HTML511 уроков
5. Таблицы7 уроков
6. Формы14 уроков
7. Основы CSS11 уроков
8. Работа с Figma4 урока
9. CSS Selectors11 уроков
10. Псевдоклассы и элементы8 уроков
11. Каскад6 уроков
12. Блочная модель10 уроков
13. Поток документа9 уроков
14. Единицы измерения7 уроков
15. Анимация8 уроков
16. Адаптивная вёрстка12 уроков
17. CSS Flexbox19 уроков
18. Практика flexbox5 уроков
19. Методологии и практики6 уроков
20. Проект - Вёрстка страницы школы11 уроков
21. CSS Grid18 уроков
22. Проект - Практика Grid8 уроков
23. Финал курса5 уроков
24. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

Каждый день мы синхронируемся в чате, а наставники помогают с задачами и отвечают на вопросы.

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

Проводим ретроспективу

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения3 урока
3. Старт проекта4 урока
4. Основы13 уроков
5. Управление потоком10 уроков
6. Булева логика9 уроков
7. Функции12 уроков
8. Массивы14 уроков
9. Циклы11 уроков
10. Функции высшего порядка9 уроков
11. Итерации в массивах15 уроков
12. Работа со строками12 уроков
13. Объекты15 уроков
14. Как работает JS под капотом9 уроков
15. Scope и this14 уроков
16. Управление this11 уроков
17. Document Object Model15 уроков
18. Проект - трекер привычек16 уроков
19. Заключение4 урока
20. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

Каждый день мы синхронируемся в чате, а наставники помогают с задачами и отвечают на вопросы.

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

Проводим ретроспективу

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения7 уроков
3. Maps и Sets13 уроков
4. Расчёты и math13 уроков
5. Даты и время9 уроков
6. Таймеры9 уроков
7. Объектно ориентированное программирование10 уроков
8. Классы10 уроков
9. Принципы ООП в классах12 уроков
10. SOLID10 уроков
11. Асинхронный JavaScript11 уроков
12. Promises12 уроков
13. Event Loop10 уроков
14. Современный Асинхронный JavaScript13 уроков
15. Продвинутый DOM и Events15 уроков
16. Модульность10 уроков
17. Работа с NPM7 уроков
18. Проект - Библиотека книг14 уроков
19. Temporal API6 уроков
20. Заключение4 урока
21. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

Каждый день мы синхронируемся в чате, а наставники помогают с задачами и отвечают на вопросы.

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

Проводим ретроспективу

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения6 уроков
3. Основные типы15 уроков
4. Продвинутые типы21 урок
5. Классы22 урока
6. Компилятор TypeScript8 уроков
7. Generics13 уроков
8. Манипуляция с типами14 уроков
9. Служебные типы9 уроков
10. Декораторы17 уроков
11. Модульность и библиотеки9 уроков
12. Порождающие паттерны8 уроков
13. Структурные паттерны9 уроков
14. Поведенческие паттерны12 уроков
15. Проект - Утилита выполнения команд13 уроков
16. Обновления TypeScript4 урока
17. Заключение4 урока
18. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

Каждый день мы синхронируемся в чате, а наставники помогают с задачами и отвечают на вопросы.

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

Проводим ретроспективу

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения6 уроков
3. Основы11 уроков
4. Компоненты13 уроков
5. Свойства и события14 уроков
6. Реактивность12 уроков
7. Шаблоны и модели13 уроков
8. Жизненный цикл15 уроков
9. Custom directive и Provide Inject13 уроков
10. Переход на TypeScript13 уроков
11. Pinia12 уроков
12. Vue Router17 уроков
13. Авторизация15 уроков
14. Встроенные компоненты10 уроков
15. Заключение3 урока
16. Практика на проекте5 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

Каждый день мы синхронируемся в чате, а наставники помогают с задачами и отвечают на вопросы.

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

Проводим ретроспективу

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения5 уроков
3. Структура проекта9 уроков
4. Роутинг13 уроков
5. Layout12 уроков
6. Server Side Rendering8 уроков
7. Стилизация и анимация8 уроков
8. Получение данных15 уроков
9. Работа с состоянием13 уроков
10. Авторизация9 уроков
11. SEO и Metadata10 уроков
12. Server endpoints10 уроков
13. Заключение4 урока
14. Практика на проекте5 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

Каждый день мы синхронируемся в чате, а наставники помогают с задачами и отвечают на вопросы.

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

Проводим ретроспективу

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение6 уроков
2. Настройка окружения6 уроков
3. Введение в FSD7 уроков
4. Pages и App13 уроков
5. Shared11 уроков
6. Инструменты FSD8 уроков
7. Entities10 уроков
8. Features8 уроков
9. Widgets8 уроков
10. Работа с фреймворками8 уроков
11. Заключение4 урока
12. Практика на проекте5 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

Каждый день мы синхронируемся в чате, а наставники помогают с задачами и отвечают на вопросы.

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

Проводим ретроспективу

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

16. Подготовка к собеседованию
Квадратная картинка кода2 недели

Нужна помощь в выборе?

Оставьте заявку и мы свяжемся с вами для бесплатной консультации

О проектах

Что будем писать?

AI и тренажёры

Игра - Запомни слово

Игра - Запомни слово

Игра для запоминания английских слов с полноценным API для словаря. Позволяет получить 12 случайных слов и за правльный ответ начисляются баллы.

AI и тренажёры

Приложение для медитации

Приложение для медитации

Полноценный SaaS с регистраций, авторизацией для медитации. Позволяется фиксировать настроение, использовать таймер медитации и смотреть свой прогресс и статистику

Самостоятельный

Приложение прогноза погоды

Приложение прогноза погоды

Приложение на Vue, которое позволяет посмотреть текущую погоду и прогноз в любом введённом городе

Самостоятельный

Saas сервис закладок

Saas сервис закладок

Полноценный Saas сервис с авторизацией для хранения и категоризации закладок. Возможность добавить и удалить категории и закладки. Используется Vue Router и Pinia и интеграция с API.

AI и тренажёры

Система голосования

Система голосования

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

Самостоятельный

Интернет магазин украшений

Интернет магазин украшений

Интернет магазин с каталогом товаров с возможностью оформления заказа, авторизацией, корзиной и избранным.

Самостоятельный

Сервис сравнения компаний

Сервис сравнения компаний

Сервис с категориями, авторизацией, подборками сравнения компаний, отзывами, правками к статье и сообществом.

Самостоятельный

Каталог курсов

Каталог курсов

Каталог курсов по аналогии с сайтом школы и формой контактов

Самостоятельный

Библиотека книг

Библиотека книг

Фреймворк с ООП и приложение, позволяющее искать и добавлять книги в избранное.

Самостоятельный

Трекер привычек

Трекер привычек

Трекер привычек с возможностью отслеживания прогресса и добавления новых привычек.

Самостоятельный

Утилита для обработки видео

Утилита для обработки видео

Утилита для выполнения команд для сжатия и обработки видео

Нужна помощь в выборе?

Оставьте заявку и мы свяжемся с вами для бесплатной консультации

О PurpleSchool

Наши проекты

Антон Ларичев

Антон Ларичев

Основатель PurpleCode, школы обучения разработки PurpleSchool. 14 лет опыта разработки, более 10 лет управления ИТ проектами и интернет маркетинга.

PurpleSchool

Школа PurpleSchool

Направления
40 000

учеников по всему миру

30 дней

гарантия возврата денег

90%

студентов рекомендуют курсы

4.8Kursly
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.8Stepik
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.7Udemy
ЗвездаЗвездаЗвездаЗвездаЗвезда

Студия PurpleCode

Направления
50+

проектов за последний год

15

лет опыта

7

команд разработки

Практика в PurpleCode

1
Собеседуем выбранных участников
2
Прошедших отбор берём на оплачиваемую стажировку
3
После 3-х месяцев успешной стажировки - оффер
Что говорят наши ученики

Честные отзывы

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

Нужна помощь в выборе?

Оставьте заявку и мы свяжемся с вами для бесплатной консультации

Оплата

Начните обучение на лучших условиях

Иконка курсаУсловия до 25.11.2025
Иконка курсаДоступ - Неограниченно
Эконом

AI и тренажёры

Цена:6 000 ₽/мес8 000 ₽
на 7 месяцев
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAi-тренажеры
  • КрестикПоддержка наставника
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Премиум

Наставник и практика

Цена:8 000 ₽/мес10 000 ₽
на 15 месяцев
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAi-тренажеры
  • ГалочкаПоддержка наставника
  • ГалочкаПрактика в студии
  • ГалочкаГарантия возврата
Часы
6 мест в ноябре

Сравнение тарифов

Эконом
AI и тренажёры
Премиум
Наставник и практика
Обучение
Даст пошговую структуру изучения и поможет разобраться в теме без перегрузок
Уроки
check
check
Упражнения
check
check
Тесты
check
check
Сертификат
check
check
AI и задания
Поможет больше практиковаться, быстро находить и фиксить слабые места в понимании тем
Домашние задания
check
check
Ответы на вопросы 24/7 от AI-наставника
check
check
Livecode-занятия с AI-наставником
check
check
Mock-собеседования c AI-наставником
check
check
Проверка домашних заданий
check
check
Менторы
Менторы с большим опытом production-проектов ответят на вопросы и помогут освоить то, что действительно ценят на рынке
Онлайн-сессия «Вопрос-ответ» с менторами - 1 раз в неделю
check
check
Прямой чат с менторами команды PurpleSchool
check
check
Практика
Позволит обкатать изученную функциональность в реальном окружении, с поддержкой опытной команды
Погружение в Agile процессы
check
check
Командная работа над реальным проектом
check
check
Ревью от опытных наставников
check
check
Прямой чат с автором
check
check
Гарантии
Гарантия возврата денег без объяснения причин
Гарантия возврата денег без объяснения причин — 30 дней
check
check
Успейте записаться
Часы
6 мест в ноябре
6 000 ₽/мес8 000 ₽/месэкономия 2 000 ₽/мес
8 000 ₽/мес10 000 ₽/месэкономия 2 000 ₽/мес
Остались вопросы?

Частые вопросы

Если вы хорошо знакомы с частями курса, то после консультации мы можем исключить часть курсов из направления, уменьшив стоимость и время прохождения.
У вас для каждого курса будет выделен персональный наставник, который сможет помочь вам в чате или в рамках звонка.
После приобретения курса у вас открывается доступ на приватный Telegram канал, где созданы отдельные чаты для каждого курса и есть возможность задавать вопросы наставнику напрямую. Там же проводятся голосовые звонки с наставником.
Оплата доступна по всему миру. Стоимость курса будет автоматически сконвертирована в валюту вашей страны по текущему курсу.
Если в течение 30 дней курс вам не понравился или не подошёл, вы можете запросить возврат средств, если не прошли более 50% курса, написав на электронную почту contact@purpleschool.ru. После возврата средства зачислятся в течение 3-х рабочих дней.
Да, сертификат будет вам автоматически отправлен после завершения каждого из курсов направления на электронную почту, указанную при регистрации
Да, для удобства оплаты вы можете использовать рассрочку или кредит от банка партнёра.
Конечно, мы дорожим своей репутацией и работаем полностью открыто, платим налоги и формирует чеки. Всю информацию о компании можно найти на сайте ФНС по ИНН, указанному в подвале сайта.
Мы рекомендуем выделять на курс от 10 до 20 часов в неделю, чтобы двигаться в хорошем темпе. Имеено при таком темпе вы сможете закончить курс за 10 месяцев.
Мы всегда идём на встречу и в индивидуальном порядке продлеваем время, а так же замораживаем курс на время, если вам необходим перерыв в изучении материала.
Остались вопросы? Их можно задать в чате Telegram.