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

Уровень курса: синьоры для мидлов

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

Начните обучение, когда удобно вам

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Консультация по телефону 8 800 555-86-28.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Знание JS ES6.

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

  • Git и Github
  • Node.js
  • Docker
Раздел 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.
Записаться на курс

Консультация по телефону 8 800 555-86-28.

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

  • 9лет на рынке обучения
  • 121онлайн-курс проведён
  • 13 469выпускников защитили проекты

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

$539

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

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

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

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

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


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