Новая цена
29 000₽
19 900₽
Скидка 31%
Асинхронный онлайн‑курс

Vue.js
Разработка клиентских приложений

Вы научитесь работать с Vue.js, даже если никогда его не использовали, и узнаете его отличия от других фреймворков

Формат: теория, разбор кейсов, личный проект
Гибкие сроки: рекомендованный план --- 4 месяца по 8 часов в неделю
Стоимость: -31% сегодня

Оставьте заявку и получите консультацию по курсу

Телефон *
Эл. почта *
Имя
* Обязательное поле
Спасибо!
Мы получили вашу заявку и скоро с вами свяжемся
Что-то пошло не так :(
Попробуйте ещё раз, пожалуйста

Начните обучение прямо сейчас и двигайтесь с комфортной скоростью

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

Зачем изучать Vue.js

Vue.js --- фреймворк с открытым исходным кодом. Позволяет создавать пользовательские интерфейсы UI и одностраничные приложения любой степени сложности.

32% вакансий

Фронтенд-разработчика в продуктовых компаниях требуют знания Vue.js*

223 000₽

Средняя зарплата на вакансии фронтенд-разработчика со знанием Vue.js*

#1

Рейтинг среди всех репозиториев с JavaScript фреймворками на Github

#3

По популярности использования в работе**

74% опрошенных

Разработчиков хотят использовать фреймворк снова или изучить его**

* данные по вакансиям hh.ru для разработчиков с опытом более 1 года, август 2021
** исследование StateofJS, 2020

Что будет на курсе?

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

Практика
После изучения теории выполняете домашнее задание: работаете над своим проектом и закрепляете учебный материал.

Ревью кода от наставника
После каждого задания наставник проверяет качество работы и даёт обратную связь. Если остались вопросы, можно записаться на консультацию: наставник поделится опытом и расскажет, как улучшить решение.

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

Программа курса

Требования для начала курса:

Программное обеспечение, необходимое для работы с проектом:

Раздел 1

Основы синтаксиса и базовых возможностей Vue.js

В первом разделе мы разберём первоначальную настройку проекта, архитектуру, базовый синтаксис, строение компонентов и шаблонизатор Vue.js.

  • --- Особенности фреймворка Vue.js. Сравнительный анализ с React и Angular 2+.
  • --- Настройка проекта с использованием Vue CLI.
  • --- Дерево компонентов. Однофайловые компоненты.
  • --- Структура компонента Vue (Template, Script, Style).
  • --- Условные операторы и работа со списками.
  • --- Хуки жизненного цикла компонента.
  • --- Работа с Vue DevTools.
Раздел 2

Взаимодействие между компонентами Vue.js

В разделе 2 мы рассмотрим передачу данных и взаимодействие между компонентами Vue.js.

  • --- Виды и обработка событий.
  • --- Виды взаимосвязей между компонентами.
  • --- Слоты и динамический контент.
Раздел 3

Углублённое понимание Vue.js

В разделе 3 мы углубимся в работу фреймворка Vue.js, добавим автоматические лейауты и маршрутизатор.

  • --- Как работает реактивность компонента?
  • --- Свойства компонента (this свойства).
  • --- Данные, вычисляемые свойства и методы компонента, миксины.
  • --- Глобальный доступ к экземпляру Vue, плагины.
  • --- Vue-директивы.
  • --- Vue-маршрутизатор.
Раздел 4

Подключение и использование Vuex

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

  • --- Для каких целей нам нужно глобальное хранилище?
  • --- Хранение данных. Vuex состояние.
  • --- Вычисляемые свойства хранилища. Vuex-геттеры.
  • --- Изменение состояния. Vuex-мутации.
  • --- Работа с асинхронными задачами. Vuex-действия.
  • --- Модули, плагины, Vuex this.
Раздел 5

Работа с HTTP

В разделе 5 мы избавимся от тестовых данных и реализуем взаимодействие с сервером.

  • --- Создание и подключение API-сервиса.
  • --- Создание и подключение сервиса для работы с токеном авторизации.
  • --- Добавление middleware во Vue-маршрутизатор.
Раздел 6

Анимации Vue.js

В разделе 6 мы реализуем анимации для нашего проекта.

  • --- Переходы и анимации.
  • --- Жизненный цикл переходов и анимаций.
  • --- Анимация списков.
Раздел 7

Тестирование компонентов Vue.js

В разделе 7 мы добавим модульное тестирование для компонентов.

  • --- Обзор Jest и Vue Test Utils.
  • --- Глупые и умные компоненты. mount vs shallowMount.
  • --- Модульные тесты для компонентов.
Раздел 8

Продвинутые техники Vue.js

В разделе 8 мы разберём продвинутые техники Vue.

  • --- Автоматизация Vue-маршрутизатора.
  • --- Автоматизация подключения модулей Vuex.
Раздел 9

Обзор Nuxt.js

В разделе 9 сделаем обзор Nuxt.js.

  • --- Рендеринг на стороне сервера и для чего это нужно.
  • --- Различия между Nuxt.js и Vue.js.
  • --- Маршрутизация Nuxt.js.
  • --- Обзор fetch и asyncData.

Практические задачи

Учебный проект

На примере учебного проекта мы объясним, как правильно программировать на Vue.js. После этого вы закрепите знания на практике, выполняя задания по личному проекту.

Таск-менеджер «VueWork»

VueWork — это веб-приложение для удобной работы над задачами в команде. С его помощью пользователи могут проводить задачи через все этапы от создания до получения результата. А администратор видит, как сотрудники справляются с работой и текущий статус задач. В проекте используется JavaScript ES2020.

Личный проект

В каждом разделе вы выполняете задания по личному проекту. Вы будете работать над ним и самостоятельно, и в паре с наставником.

Виртуальная пиццерия «VuePizza»

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

Проект уже свёрстан, и для него подготовлен бэкенд. В течение курса вы будете программировать только на Vue.js.

Типовые задачи, которые вы сможете решать

Проектирование интерфейсов с помощью компонентного подхода

Манипулирование и передача данных внутри фронтенд-приложения

Работа с маршрутизатором Vue Router

Работа с Vue DevTools

Работа с сервером

Переходы и анимации во Vue

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

Как проходит обучение

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

Материал разбит на модули, каждый из которых позволит постепенно осваивать навык от основ до тонкостей.

В каждом модуле будет:

Теория

Структурированная информация, необходимая для усвоения навыка.

Кейсы

Примеры решения типовых задач. Позволяют понять, как применять теорию на практике.

Практические задачи

Самостоятельное закрепление материала. После выполнения каждого задания вы получите эталонное решение. Вы можете сравнить свою работу с ним и проверить, верно ли она выполнена.

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

Наставник --- это специалист, который прямо сейчас занимается веб-разработкой на Vue.js, решает актуальные задачи, использует современные подходы и инструменты.

Облако наставников на курсе Vue.js — платформа, с помощью которой вы сможете отправить задание на проверку и получить консультацию от любого доступного на курсе наставника.

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

Курс подойдёт вам, если

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

Вы работаете 24/7 и хотите обучаться с комфортной для вас скоростью

Вы знаете JavaScript на уровне программы «JavaScript. Архитектура клиентских приложений», HTML и CSS на базовом уровне

Вы не готовы тратить время на поиск актуальной информации и хотите получить от учёбы максимум практики

Лайв с автором курса

Посмотрите запись лайва, на котором мы обсудили следующие темы:

Зачем нужен Vue.js для фронтенд-разработчиков

Какие знания и навыки необходимы для изучения фреймворка

В чём преимущества и недостатки Vue.js

Где применяется фреймворк и почему он так популярен

На нашей стороне опыт, исследования и методика

Опыт

9 лет выстраиваем связь с рынком коммерческой разработки. Учим начинающих разработчиков и видим, как они становятся опытными специалистами.

Исследования

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

Методика

Мы общаемся с сообществом веб-разработчиков и поэтому понимаем, как нужно учить. Максимально сокращаем время от изучения теории до решения типовых задач.

Записаться и оплатить
курс «Vue.js --- разработка клиентских приложений»
₽ в месяц*
Рассрочка на 6 месяцев без процентов и переплат
Оплата в рассрочку
Оплата целиком
Корпоративным клиентам
Рассрочка доступна только для граждан РФ
Перейти к оплате

* — Возможный размер ежемесячного платежа при оплате в рассрочку на 6 месяцев.

Рассрочку выдают Тинькофф-банк и сервис Покупай со СберБанком. Точный график ежемесячных платежей — после нажатия кнопки «Оплатить».

Доступ к курсу откроется в течение суток после оплаты. Ссылка на курс появится в вашем профиле, также мы пришлём письмо со всеми инструкциями.

После оплаты курса вам придёт письмо
с инструкциями и ссылкой для доступа в интерфейс участника.

Несколько правил для корпоративных клиентов:
  • Мы работаем по договору оферты.
  • Стоимость участия для юридических лиц зафиксирована — полный прайс-лист.
  • Услуги не облагаются НДС на основании ст. 145.1. Налогового кодекса Российской Федерации.

Чтобы получить счёт на оплату, отправьте на почту:

1. Информацию об Асинхронном курсе, доступ к которому вы хотите приобрести.

2. Реквизиты вашей организации.

3. Ссылку на профиль вашего сотрудника на сайте Академии, который будет использовать материалы.

Оплатить от юридического лица Оплатить от юр. лица