Vue.js

О курсе «Vue.js»

Интенсивный курс для программистов от Дмитрия Лаврика

Цель курса

Убрать зависимость от jQuery и изучить один из самых мощных и трендовых инструментов в мире js. Angular 2, 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

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

урок 8

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

Внимание! Для прохождения данного курса необходимо нормальное владение javascript, в том числе понимание ООП, контекста, замыканий и стандарта ES6!

На этом курсе или не на нём, в любом случае рекомендую освоить Angular, React или Vue.

jQuery успешно решает задачи при вёрстке, но её использование в средних и крупных проектах приводит к хаосу в коде. С jQuery пора слезать!