Дмитрий Лаврик. Vue.js [2017, RUS]

Урок 1
Подключение Vue
Идеи реактивности данных
Простой пример с переменной и v-model
Вывод данных в теги и в атрибуты
Упрощённая структура экземпляра Vue
el, data, computed, methods, watch
Основные директивы

Урок 2
Жизненный цикл экземпляра Vue и его события
Служебные свойства с $
Шаблоны и свойство template
Работа с классами и стилями
Директива v-for
Подробный разбор событийной модели
Модификаторы событий

Урок 3
Переход к компонентному подходу
Глобальная и локальная регистрация компонентов
Передача входных параметров
Композиция компонентов
Неудобства при описании свойства template
Переход к нормальной системе с webPack
Расположение компонентов в отдельных файлах

Урок 4
Общение компонентов друг с другом
Однонаправленный поток данных
Отслеживание и порождение событий
Хранение данных в одном объекте
Передача контента слотами
Переключение компонентов
Component и Keep-alive

Урок 5
Создание своих директив
Глобальные и локальные директивы
Фильтры, создание своих фильтров
Миксины: глобальные и локальные
Transition и transition-group
Жизненный цикл анимации

Урок 6
Управление состоянием приложения
Осознание Flux-архитектуры
Один объект, описывающий состояние
Обновление состояния
Асинхронные действия
Vuex — паттерн управления состоянием

Урок 7
Добавление асинхронности в приложение
Vue Resourse
Single Page Application
Анализ серверной части приложения
Vue Router
Роутинг с API History

Урок 8
Обобщение изученного материала
Разбор финальных проектов учеников
Сборка кода в production
Vue и валидность кода
Vue в Single Page Application
Vue при встраивании в многостраничный сайт