About the Build a Drag-and-Drop Trello Board with Vue.js course

In this course, we’ll create a functional and dynamic UI for managing tasks via a Trello style task board. We’ll start from nothing and end with a simple yet fully functional app. Create new tasks and columns. Drag and drop tasks to different columns. Drag and drop to re-order columns. Alt (or Option) drag to clone tasks and more!

This course focuses on teaching how to use the Vue draggable library but also gives you great insight into the workflow of all the facets of front-end dev, from marking up content, to styling it with Tailwind CSS, to advanced behavior with Vue and VueUse, and typing with TypeScript.

·
·
·

What you will learn in the Build a Drag-and-Drop Trello Board with Vue.js course

Drag-and-Drop interfaces with Vue
Vue Draggable
Tailwind CSS
Drag Handles
Drag Transitions
Reactive LocalStorage with VueUse
Keyboard Modifier's with VueUse
Using Nuxt.js for Developer Perks on an SPA
Front-end app dev workflow

Share this course

Request a course

Who's behind the course

Daniel Kelly - Teacher
Daniel is a full-time educator at Vue School and has a massive passion for Vue.js, Nuxt.js, and Laravel.