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

Kail · 10.09.2024

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

Зачем изучать 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.