Раздел 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 к нашему приложению и как его использовать.

• Для каких целей нам нужно глобальное хранилище?
• Хранение данных. 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.