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

​

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

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


Программа курса
Раздел 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.