Title: Build a Drag-and-Drop Trello Board with Vue.js
Description: Get hands on with this fun Trello board project! Learn how to create a drag and drop interface with Vue Draggable, style it with Tailwind CSS,...
Link: https://vueschool.io/courses/build-a-drag-and-drop-trello-board
Difficulty: #ADVANCED
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----
Title: 1 - What We Are Building
Link: https://vueschool.io/lessons/what-we-are-building-trello-board
Video: 3:20
Title: 2 - Bootstrap the Project
Link: https://vueschool.io/lessons/bootstrap-the-project-trello-board
Video: 5:02
Title: 3 - Create Simple Board and Task TS Types
Link: https://vueschool.io/lessons/create-simple-board-and-task-ts-types
Video: 5:18
Title: 4 - Provide the Board Data and Structure the HTML
Link: https://vueschool.io/lessons/provide-the-board-data-and-structure-the-html
Video: 8:36
Title: 5 - Style the Board with Tailwind CSS
Link: https://vueschool.io/lessons/style-the-board-with-tailwind-css
Video: 6:23
Title: 6 - Create a Task Component and Style it with Tailwind CSS
Link: https://vueschool.io/lessons/create-a-task-component-and-style-it-with-tailwind-css
Video: 8:00
Title: 7 - Sort the Columns with Vue Draggable
Link: https://vueschool.io/lessons/sort-the-columns-with-vue-draggable
Video: 6:00
Title: 8 - Draggable Transition and Drag Handle
Link: https://vueschool.io/lessons/draggable-transition-and-drag-handle
Video: 4:53
Title: 9 - Drag and Drop Tasks Between Columns
Link: https://vueschool.io/lessons/drag-and-drop-tasks-between-columns
Video: 6:07
Title: 10 - Alt Drag to Clone Tasks
Link: https://vueschool.io/lessons/alt-drag-to-clone-tasks
Video: 4:21
Title: 11 - Vue Draggable Sortable Classes
Link: https://vueschool.io/lessons/vue-draggable-sortable-classes
Video: 5:51
Title: 12 - Add a New Task
Link: https://vueschool.io/lessons/add-a-new-task
Video: 4:51
Title: 13 - Delete Tasks with Backspace
Link: https://vueschool.io/lessons/delete-tasks-with-backspace
Video: 8:16
Title: 14 - Edit, Add, and Remove Columns
Link: https://vueschool.io/lessons/add-remove-columns
Video: 10:58
Title: 15 - Persist Tasks to Local Storage
Link: https://vueschool.io/lessons/persist-tasks-to-local-storage
Video: 3:08
Title: 16 - Course Conclusion
Link: https://vueschool.io/lessons/build-a-drag-and-drop-trello-board-course-conclusion
Video: 1:22
Description: Get hands on with this fun Trello board project! Learn how to create a drag and drop interface with Vue Draggable, style it with Tailwind CSS,...
Link: https://vueschool.io/courses/build-a-drag-and-drop-trello-board
Difficulty: #ADVANCED
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----
Title: 1 - What We Are Building
Link: https://vueschool.io/lessons/what-we-are-building-trello-board
Video: 3:20
Title: 2 - Bootstrap the Project
Link: https://vueschool.io/lessons/bootstrap-the-project-trello-board
Video: 5:02
Title: 3 - Create Simple Board and Task TS Types
Link: https://vueschool.io/lessons/create-simple-board-and-task-ts-types
Video: 5:18
Title: 4 - Provide the Board Data and Structure the HTML
Link: https://vueschool.io/lessons/provide-the-board-data-and-structure-the-html
Video: 8:36
Title: 5 - Style the Board with Tailwind CSS
Link: https://vueschool.io/lessons/style-the-board-with-tailwind-css
Video: 6:23
Title: 6 - Create a Task Component and Style it with Tailwind CSS
Link: https://vueschool.io/lessons/create-a-task-component-and-style-it-with-tailwind-css
Video: 8:00
Title: 7 - Sort the Columns with Vue Draggable
Link: https://vueschool.io/lessons/sort-the-columns-with-vue-draggable
Video: 6:00
Title: 8 - Draggable Transition and Drag Handle
Link: https://vueschool.io/lessons/draggable-transition-and-drag-handle
Video: 4:53
Title: 9 - Drag and Drop Tasks Between Columns
Link: https://vueschool.io/lessons/drag-and-drop-tasks-between-columns
Video: 6:07
Title: 10 - Alt Drag to Clone Tasks
Link: https://vueschool.io/lessons/alt-drag-to-clone-tasks
Video: 4:21
Title: 11 - Vue Draggable Sortable Classes
Link: https://vueschool.io/lessons/vue-draggable-sortable-classes
Video: 5:51
Title: 12 - Add a New Task
Link: https://vueschool.io/lessons/add-a-new-task
Video: 4:51
Title: 13 - Delete Tasks with Backspace
Link: https://vueschool.io/lessons/delete-tasks-with-backspace
Video: 8:16
Title: 14 - Edit, Add, and Remove Columns
Link: https://vueschool.io/lessons/add-remove-columns
Video: 10:58
Title: 15 - Persist Tasks to Local Storage
Link: https://vueschool.io/lessons/persist-tasks-to-local-storage
Video: 3:08
Title: 16 - Course Conclusion
Link: https://vueschool.io/lessons/build-a-drag-and-drop-trello-board-course-conclusion
Video: 1:22
Vue School
Build a Drag and Drop Trello Board with Vue Draggable
Master building a drag and drop Trello board with Vue.js, Vue Draggable, VueUse, and Tailwind CSS in this hands-on, practical course!
#admin
Hi there!
Hope I send this courses silently.
So, I upload courses what not exist in this channel. Hope I didn't miss anything.
I merge video and audio, so some videos could have miss length(video is a bit shorter like sound. that's normal. you could see 100% of video)
If any videos have bugs pls tell me. I have backups so could rebuild videos if one or many of them has/have critical bugs.
#IN_PROGRESS - courses with a few completed lessons but not all lessons are available. So, wait next free weekend.
I also update avatar of channel, I will put anything better that nothing 👀
So ... suppose that's all? Enjoy!
UPD: This avatar is max what I can imagine 👀
PS: I hate telegram, vueschool, vimeo and ffmpeg
oh, and I hate m4a and m4v
Hi there!
I merge video and audio, so some videos could have miss length
#IN_PROGRESS - courses with a few completed lessons but not all lessons are available. So, wait next free weekend.
I also update avatar of channel, I will put anything better that nothing 👀
So ... suppose that's all? Enjoy!
UPD: This avatar is max what I can imagine 👀
oh, and I hate m4a and m4v