Rails и Vue.js: Делаем клон Trello

Rails и Vue.js прекрасно работают вместе в разработке копии сервиса Trello. В этом курсе вы поэтапно попробуете пройти путь создания трелло используя эти два фреймворка в паре.

В этих уроках:

• Урок 1. Настройка Rails моделей а также сборка Vue.js, для того, чтобы начать рендерить наши шаблоны.
• Урок 2. Добавляем новые карточки в наше приложение Vue, сохранением их в Rails и повторно рендерим наш интерфейс.
• Урок 3. Внедряем плагин Vue.Draggable, чтобы добавить поддержку перетаскивания в наше приложение Vue.js и синхронизировать изменения с сервером.
• Урок 4. В этом эпизоде мы обрабатываем перетаскивание карточек в своей колонке, а также между столбцами в наших досках.
• Урок 5. Улучшаем дизайн нашего клона Trello с Vue.js & Rails, сделав списки более визуально отличными и установив горизонтальную прокрутку.
• Урок 6. Рефакторинг нашего клона trello в подкомпоненты и введение глобального хранилища данных для очистки нашего кода.
• Урок 7. В этом эпизоде мы добавляем компонент карточек, редактирование карточек и возможность создавать новые списки.
• Урок 8. Добавляем Vuex в качестве нашего хранилища данных, это дает нам возможность добавлять обновления в реальном времени к нашему треловому клону в браузерах с помощью ActionCable.

https://github.com/gorails-screencasts/vuejs-trello-clone