​

Цель курса
Убрать зависимость от jQuery и изучить один из самых мощных и трендовых инструментов в мире js. Angular 2, React и Vue - три головы современного Змея Горыныча в javascript, каждая из которых так или иначе основана на компонентном подходе.

Vue проще, чем Angular и React, при этом Vue не уступает им в производительности и возможностях.

Программа курса
29 ноября, 20:00 — урок 1

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

2 декабря, 13:00 — урок 2

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

Спойлер: Продолжение описания

6 декабря, 20:00 — урок 3

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

9 декабря, 13:00 — урок 4

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

15 декабря, 20:00 — урок 5

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

19 декабря, 20:00 — урок 6

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

22 декабря, 20:00 — урок 7

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

26 декабря, 20:00 — урок 8

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