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
vueschool.io
Learn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with our premium tutorials…
Vue.js, Tooling, Testing, Modern JavaScript such as ES6? Don't worry, we got you covered! Join today and learn from our video courses made by industry experts.
❤2
#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
❤8👍5
Title: From Vuex to Pinia
Description: Transition your state management from Vuex to Pinia with the guidance of a Vue Core Team Member.
Link: https://www.vuemastery.com/courses/from-vuex-to-pinia/what-is-pinia
Difficulty: #INTERMEDIATE
Lessons: 8 / 8
Tags: #vuemastery #Vue3
----
Title: 1 - 1. What is Pinia?
Video: 2:16
Title: 2 - 2. Why Migrate from Vuex?
Video: 4:15
Title: 3 - 3. Background & Setup
Video: 2:41
Title: 4 - 4. Defining a Store
Video: 3:19
Title: 5 - 5. Managing State
Video: 3:13
Title: 6 - 6. Managing Getters
Video: 4:00
Title: 7 - 7. Changing State with Actions
Video: 5:35
Title: 8 - 8. Next Steps
Video: 1:11
Description: Transition your state management from Vuex to Pinia with the guidance of a Vue Core Team Member.
Link: https://www.vuemastery.com/courses/from-vuex-to-pinia/what-is-pinia
Difficulty: #INTERMEDIATE
Lessons: 8 / 8
Tags: #vuemastery #Vue3
----
Title: 1 - 1. What is Pinia?
Video: 2:16
Title: 2 - 2. Why Migrate from Vuex?
Video: 4:15
Title: 3 - 3. Background & Setup
Video: 2:41
Title: 4 - 4. Defining a Store
Video: 3:19
Title: 5 - 5. Managing State
Video: 3:13
Title: 6 - 6. Managing Getters
Video: 4:00
Title: 7 - 7. Changing State with Actions
Video: 5:35
Title: 8 - 8. Next Steps
Video: 1:11
Vue Mastery
What is Pinia?
Learn Vue 3’s new elegant state management library built upon the composition API