Уроки vue.js
Строим админку интернет-магазина. Vue.js я изучаю параллельно с написанием статей, поэтому получается забавно.
shop.webdevkin.ru - демонстрационный интернет-магазин. Можно посмотреть, покликать и даже отправить заказ себе на почту
Уроки по созданию самого магазина
Ниже статьи о собственно админке магазина и о процессе ее создания на vue.js
Урок 14. Карточка товара
Динамические роуты, карточка товара и несуществующая страница
Урок 13. Роутинг
Обновляем библиотеки и подключаем vue-router
Урок 12. Редактируем бренды
Заканчиваем работать над брендами
Урок 11. Обрабатываем ошибки на клиенте и сервере
Клиентская и серверная валидация
Урок 10. Добавляем и удаляем бренды
Приступаем к редактированию данных. POST и DELETE-запросы
Урок 9. Перерабатываем фильтры
Небольшой рефакторинг. Разбиваем компонент товаров, выносим фильтры в отдельный компонент
Урок 8. Vuex на практике
Начинаем внедрять Vuex в админке интернет-магазина
Урок 7. Vuex - реализация flux на vue.js
Интересная и полезная тема, которая решает проблемы работы с данными в приложении vue
Урок 6. vue-cli и компоненты vue
Программируем по-взрослому: vue-cli, webpack, локальная разработка, hot reload и однофайловые компоненты
Урок 5. Разбиваем приложение на компоненты
Избавляемся от неразрывной портянки кода. Делим приложение на компоненты
Урок 4. Правим клиент под новое rest api и находим багу
REST API сделали, теперь нужно перевести на него клиент. А заодно и пофиксим клиентскую багу
Урок 3. REST API на чистом PHP
Бекендский урок, о vue ни слова. Пишем RESTful сервис на чистом PHP. Кратко и без модных фреймворков
Урок 2. Фильтры и сортировки
Познаем реактивность vue. Подключаем фильтры и сотрировки
Урок 1. Список товаров
Начало. Почему vue, почему админка и простейший вывод списка товаров