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

Vue.js 3, Vue Router и Pinia

Полный курс по Vue.js 3, Vue Router и state менеджеру Pinia

Обновлено 12 апреля 2025 г.
ЗвездаЗвездаЗвездаЗвездаЗвезда
Рейтинг 5.0на основании отзывов
Иконка аватараИконка аватараИконка аватараИконка аватараИконка аватара
117учеников
изображение курса
кнопка запустить видеоО курсе
Цена от:3 999 ₽6 990 ₽
При покупке до 30.04.2025
Гарантия возврата денег — 30 дней
Неограниченный доступ
Сертификат об окончании
Знания

Чему вы научитесь?

После прохождения курса вы сможете:
Создавать проект на Vue
Понимать реактивность данных
Работать с Vue Router
Использовать Pinia
Управлять состоянием данных в компонентах
Использовать Reactive API
Писать в стиле Composition API
Взаимодействовать с API
Создавать формы на Vue
Работать с жизненным циклом компонентов
Использовать Vue с TypeScript
Пользоваться встроенными компонентами
Знать синтаксис шаблонов Vue и директивы

Минимальные требования: Знание JavaScript, Знание TypeScript будет плюсом, Знание HTML и CSS

173урокавидео с конспектами
21 упражнениедля закрепления на практике
89 тестовдля проверки знаний
Технологии
VuePiniaVue Router
О курсе

Что в курсе?

В этом курсе мы изучим Vue, Vue Router и Pinia, создавая два полноценных приложения. Мы сделаем приложение для отображения прогноза погоды и Saas сервис хранения веб закладок. Этот курс идеально подойдёт тем, кто уже знаком с основами HTML, CSS и JavaScript и готов начать работать с одним из популярных frontend фреймворков — Vue.js. Если вы уже имеете опыт работы с другими JavaScript фреймворками, этот курс поможет вам быстро освоить Vue и его экосистему.

Курс ориентирован на практическое освоение, и весь теоретический материал будет подкреплён реальными проектами. Вместо стандартных примеров, мы будем работать с настоящими API и создавать приложения, которые имитируют реальные сценарии. В процессе мы подробно изучим Vue Router для работы с маршрутами и Pinia для управления состоянием. Также в курсе предусмотрено множество упражнений, которые помогут вам углубить понимание технологий и доработать проекты, созданные на занятиях.

certificate
Ваш сертификат по окончанию курса
Возможности обучения

Обучение в PurpleSchool

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

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

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

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

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

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

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

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

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

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

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

Мини-лекции

Мини-лекции

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

Упражнения

Упражнения

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

Конспекты

Конспекты

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

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

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

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

Тесты

Тесты

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

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

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

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

Mock-тренажёр

Mock-тренажёр

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Консультации 1 на 1

Консультации 1 на 1

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

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

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

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

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

Модули курса

План курса

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

кнопка запустить видеоПример лекции
Цена от: 3 999 ₽ 6 990 ₽
Иконка календаряПри покупке до 30 апреля 2025
Монетки
300 бонусных рублей за регистрацию
О проектах

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

AI и тренажёры

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

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

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

AI и тренажёры

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

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

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

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

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

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

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

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

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

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

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

О нас

Нам доверяют

Основатель и автор курсов Антон Ларичев занимается разработкой уже более 14 лет и прошёл путь от разработчика до CTO. В курсах даются актуальные материалы без воды с опытом реальных проектов и практическим закреплением материала.

25 000клиентов по всему миру
30 днейгарантия возврата денег
90%рекомендуют курсы

Рейтинги на независимых платформах

4.8
Логотип Coursus
рейтингрейтингрейтингрейтингрейтинг
4.8
лого степик
рейтингрейтингрейтингрейтингрейтинг
4.7
лого udemy
рейтингрейтингрейтингрейтингрейтинг
Цена от: 3 999 ₽ 6 990 ₽
Иконка календаряПри покупке до 30 апреля 2025
Монетки
300 бонусных рублей за регистрацию
Под ваши потребности

Тарифы

Иконка курсаГарантия возврата - 30 дней
Иконка курсаСкидки до 30.04.2025
Иконка курсаДоступ - Неограниченно
Начните бесплатно2 первых модуля курса
Эконом

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

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

AI и тренажёры

Цена:4 999 ₽8 990 ₽
2 платежа: 2 499,5 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAi-тренажеры
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Практика

Практика в студии

Цена:9 999 ₽15 990 ₽
3 платежа: 3 333 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAi-тренажеры
  • ГалочкаПрактика в студии
  • ГалочкаГарантия возврата
иконка часов2д : 3ч : 57м : 36с

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

Эконом
Самостоятельный
Премиум
AI и тренажёры
Практика
Практика в студии
Обучение
Видео уроки
check
check
check
Упражнения
check
check
check
Тесты
check
check
check
Сертификат
check
check
check
Домашние задания
check
check
check
Purple Ai
Доступ к AI-функционалу курса
check
2 месяца
3 месяца
Livecode-тренажер для закрепления знаний с AI-наставником
check
check
check
Mock-тренажер: учебные собеседования с AI-наставником
check
check
check
Проверка домашних заданий от AI-наставника
check
check
check
Прямой чат с AI-наставником для вопросов по теме курса
check
check
check
Практика
Длительность практики
check
check
2 месяца
Подключение в проектную команду студии PurpleCode
check
check
check
Проекты и доработки реальной функциональности для заказчиков студии
check
check
check
Участие в еженедельном планировании и декомпозиции задач
check
check
check
Рекомендательное письмо от основателя PurpleCode и возможность прикрепить проект в резюме
check
check
check
Гарантии
Гарантия возврата денег без объяснения причин
30 дней
30 дней
30 дней
Условия действуют
иконка часов2д : 3ч : 57м : 36с
3 999 ₽6 990 ₽
4 999 ₽8 990 ₽
9 999 ₽15 990 ₽
О тарифе

Тариф с командным проектом

  • Реальный проект

    Вы будете работать вместе с командой на реальным проектом

  • Практика

    2 недели интенсивной практики и погружения в процессы разработки

  • Наставничество

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

  • Командная работа

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

  • Практика Agile

    Вы будете работать по Scrum и познакомитесь с Agile процессами

team project
  1. 1

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

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

  2. 2

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

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

  3. 3

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

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

  4. 4

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

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

Для вас подготовлены дополнительные материалы
  • additional material

    Макеты для вёрстки и создания компонент

  • additional material

    Техническое задание на итерацию от ProductOwner

  • additional material

    Процессы по работе в команде и код ревью

Цена от: 3 999 ₽ 6 990 ₽
Иконка календаряПри покупке до 30 апреля 2025
Монетки
300 бонусных рублей за регистрацию
Команда курса

Автор и наставники

фото команды
Автор курса

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

Основатель PurpleSchool

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Что говорят наши ученики

Отзывы

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

Изучи направление Фронтенд разработчик

Благодаря направлению вы сможете последовательно изучить все аспекты Frontend разработки под руководством опытного наставника, добавить множество проектов в портфолио и получить практический опыт разработки.

12
12 месяцевдлительность направления
11
11 проектовдля портфолио
1 на 1
занятияс наставником
Цена от: 3 999 ₽ 6 990 ₽
Иконка календаряПри покупке до 30 апреля 2025
Монетки
300 бонусных рублей за регистрацию

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile

Курсы с наставником и без

Для компаний

Все курсы доступны для приобретения для сотрудиков компаний по безналичному расчёту. Процесс получения доступа очень простой, нужен только ваш ИНН и число сотрудников.

Свяжитесь со мнойЧерез форму ниже или по почтеcontact@purpleschool.ru
Оплата счётаВы оплачиваете счёт на нужное число мест и курсов
СтартНа email сотрудников открывается доступ
Наши курсы выбирают:
Остались вопросы?

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

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

Остались вопросы? Их можно задать в чате Telegram.