Уроки vue.js

Строим админку интернет-магазина. Vue.js я изучаю параллельно с написанием статей, поэтому получается забавно.

shop.webdevkin.ru - демонстрационный интернет-магазин. Можно посмотреть, покликать и даже отправить заказ себе на почту
Уроки по созданию самого магазина

Ниже статьи о собственно админке магазина и о процессе ее создания на vue.js


Урок 1. Список товаров

Начало. Почему vue, почему админка и простейший вывод списка товаров


Урок 2. Фильтры и сортировки

Познаем реактивность vue. Подключаем фильтры и сотрировки


Урок 3. REST API на чистом PHP

Бекендский урок, о vue ни слова. Пишем RESTful сервис на чистом PHP. Кратко и без модных фреймворков


Урок 4. Правим клиент под новое rest api и находим багу

REST API сделали, теперь нужно перевести на него клиент. А заодно и пофиксим клиентскую багу


Урок 5. Разбиваем приложение на компоненты

Избавляемся от неразрывной портянки кода. Делим приложение на компоненты


Урок 6. vue-cli и компоненты vue

Программируем по-взрослому: vue-cli, webpack, локальная разработка, hot reload и однофайловые компоненты


Урок 7. Vuex - реализация flux на vue.js

Интересная и полезная тема, которая решает проблемы работы с данными в приложении vue


Урок 8. Vuex на практике

Начинаем внедрять Vuex в админке интернет-магазина


Урок 9. Перерабатываем фильтры

Небольшой рефакторинг. Разбиваем компонент товаров, выносим фильтры в отдельный компонент