[HTML Academy] Vue.js для опытных разработчиков (2021)

Автор: HTML Academy
Название: Vue.js для опытных разработчиков (2021)

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

• Виды взаимосвязей между компонентами.
• Передача параметров в дочерний компонент.
• Отправка событий в родительский компонент.
• Использование v-model между компонентами.
• Обзор работы хуков жизненного цикла при взаимодействии компонентов.

• Директивы: виды и использование.
• Как работает реактивность компонента.
• Свойства компонента (this свойства).
• Данные и методы компонента.
• Глобальный доступ и изменение экземпляра Vue.
• Обзор Composition API.
• Работа с vue-router.
• Добавление middleware.

• Принципы Solid и их применение во Vue.
• Принцип единственной ответственности.
• Принцип открытости/закрытости.
• Принцип подстановки Б.Лисков.
• Принцип разделения интерфейсов.
• Принцип инверсии зависимостей.

• Подключение плагинов.
• Создание независимых модулей на примере http модуля.
• Использование fetch API.
• Использование axios.

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

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

• Зачем нужно тестирование?
• Тестирование компонентов с помощью Jest.
• Тестирование компонентов с помощью Mocha.
• Тестирование компонентов с помощью Karma.
• Тестирование асинхронного кода.
• Использование Vue-Router.
• Использование Vuex.

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