Начните обучение прямо сейчас и двигайтесь с комфортной скоростью
Курс подходит разработчикам, которые хотят повысить свой профессиональный уровень, даже если у них мало времени.
Зачем изучать 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.
