Онлайн‑курс Vue.js для опытных разработчиков

Формат курса — асинхронный

Старт курса — 30 июня 2021

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

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

Запишитесь на консультацию

Оставьте свои контакты, мы свяжемся с вами и ответим на все вопросы.

*Обязательное поле
Записаться на консультацию

Почему курс профессиональный

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

Чтобы добиться такого качества обучения, мы используем профессиональную триаду «критерии-проекты-наставники»:

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

Критерии качестваПрофессиональные критерии качества мы разрабатываем совместно с компаниями и профессиональным сообществом.

Настоящие проектыВ течение обучения вы выполняете настоящие проекты.

Настоящие проекты

В течение обучения вы выполняете настоящие проекты.

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

Что вас ждёт на обучении

Подходит ли вам этот курс

Учим делать правильно

Записаться на курс

Цена повысится через 10 дней.

Наставники — это опытные профессионалы, работающие в индустрии

Профессиональный наставник

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

Чтобы отбирать таких специалистов, мы построили уникальную систему привлечения и фильтрации.

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

Процесс отбора наставника

  1. Формальные требования

    Проверяем, кем и где кандидат в наставники работал, какой у него опыт, а также смотрим на его код.

  2. Собеседование

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

  3. Регулярная обратная связь

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

Процесс работы с наставником

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

Привет. У меня последний блок с товарами почему-то выравнивается неправильно, всё перепробовала. Взглянешь?
Давай сегодня созвонимся и разберёмся вместе?
Голосовая консультация с наставником

Детальная обратная связь

Ревью кода — это привычная практика, используемая в крупных компаниях, когда более опытный разработчик проверяет код менее опытного. Львиную долю обратной связи вы получите от наставника в виде ревью кода. Он прочитает каждую строчку, оставит комментарии и поможет сделать ваше решение правильным.

Голосовые консультации

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Знание JS ES6.
Раздел 1

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

  • Особенности фреймворка VueJS. Сравнительный анализ с ReactJS и Angular 2+.
  • Компонент Vue и хуки жизненного цикла.
  • Настройка проекта с использованием Vue CLI.
  • Работа с Vue DevTools.
  • Файловая структура проекта.
  • Структура компонента Vue (Template, Script, Style).
  • Связывание данных между шаблоном, скриптами и стилями.
  • Виды и использование условных операторов (v-if, v-show).
  • Работа со списками. Взаимоотношение между v-for и v-if. Избежание базовых ошибок при работе со списками.
Раздел 2

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

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

Углубленное понимание Vue JS

  • Как работает реактивность компонента?
  • Свойства компонента (this свойства).
  • Использование v-model между компонентами.
  • Данные и методы компонента, миксины.
  • Обзор работы хуков жизненного цикла при взаимодействии компонентов.
  • Глобальный доступ и изменение экземпляра Vue.
  • Работа с Vue-router.
  • Директивы: виды и использование.
Раздел 4

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

  • Для каких целей нам нужно глобальное хранилище?
  • Подключение Vuex к существующему проекту.
  • Структура модуля vuex.
  • Изменение Vuex с помощью mutations.
  • Асинхронная работа с хранилищем: actions.
  • Получение данных из хранилища: getters.
Раздел 5

Работа с HTTP

  • Подключение плагинов.
  • Создание независимых модулей на примере HTTP модуля.
  • Использование axios.
  • Обработка ошибок.
  • Добавление middleware.
Раздел 6

Анимации Vue JS

  • Виды анимаций.
  • Жизненный цикл анимаций.
  • Примеры анимаций.
Раздел 7

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

  • Зачем нужно тестирование?
  • Что нужно тестировать, а что нет.
  • Обзор Jest и Vue Test Utils.
  • Тестирование асинхронного кода.
  • Использование Vue-Router.
  • Использование Vuex.
  • Test Driven Development на фронтенде.
Раздел 8

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

  • Автоматизиация Vue-router.
  • Автоматизация Vuex модулей.
Раздел 9

Краткий обзор Nuxt JS

  • Что такое Nuxt и для чего нужен рендер на стороне сервера.
  • Отличие Nuxt от Vue. Структура Nuxt.
  • Раутинг с Nuxt.
  • Обзор fetch и asyncData.
Записаться на курс

Цена повысится через 10 дней.

Статистика Академии

  • 9лет на рынке обучения
  • 108онлайн-курсов проведено
  • 12 596выпускников защитили проекты

Предварительная продажа мест
на курс «Vue.js для опытных разработчиков»

$539 до 28 апреля$439

Нажимая «Оплатить», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями Лицензионного договора».

Заполните, пожалуйста, ваши имя и электронную почту для регистрации.

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

Запишитесь на консультацию

Мы любим отвечать на вопросы. Поэтому ждём ваших контактов, чтобы поскорее на всё ответить.


*Обязательное поле