[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2017)

[shashik198]

Автор: Дмитрий Лаврик
Название: Vue.js Интенсивный курс для программистов от Дмитрия Лаврика



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

Программа курса:
Спойлер: Урок 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

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

Спойлер: Урок 8

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

Подробнее:

Скачать: