Title: Rapid Testing with Vitest
Description: Vitest is a testing framework built for Vite! It's blazing fast test runs and zero config setup make testing a breeze for Vue.js 3 projects.
Link: https://vueschool.io/courses/rapid-testing-with-vitest
Difficulty: #ADVANCED
Type: #IN_PROGRESS
Lessons: 34
Tags: #vueschool
----
Title: 1 - Introduction to Vitest
Link: https://vueschool.io/lessons/introduction-to-vitest
Video: 1:42
Title: 2 - How to Install Vitest
Link: https://vueschool.io/lessons/how-to-install-vitest
Video: 3:18
Title: 3 - Your First Test
Link: https://vueschool.io/lessons/your-first-test
Video: 2:55
Title: 4 - Improve the Sum Function
Link: https://vueschool.io/lessons/improve-the-sum-function
Video: 3:24
Title: 5 - A Deep Merge Function - The Goal
Link: https://vueschool.io/lessons/write-a-deep-merge-function-with-tdd-the-goal
Video: 2:06
Title: 6 - Handle and Test a Shallow Merge
Link: https://vueschool.io/lessons/handle-and-test-a-shallow-merge
Video: 4:07
Title: 7 - Refactor for Deep Merge without Breaking Existing Tests
Link: https://vueschool.io/lessons/refactor-for-deep-merge-without-breaking-existing-tests
Video: 3:44
Title: 8 - Expect for Errors In Tests
Link: https://vueschool.io/lessons/expect-for-errors-in-tests
Video: 5:04
Title: 9 - Snapshots in Vitest
Link: https://vueschool.io/lessons/snapshots-in-vitest
Video: 2:14
Title: 10 - How to Update Snapshots
Link: https://vueschool.io/lessons/how-to-update-snapshots
Video: 2:46
Title: 11 - Inline Snapshots in Vitest
Link: https://vueschool.io/lessons/inline-snapshots-in-vitest
Video: 3:05
Title: 12 - Intro to Mocking and Spying
Link: https://vueschool.io/lessons/intro-to-mocking-and-spying
Video: 1:12
Title: 13 - Spying Side Effects with Vitest
Link: https://vueschool.io/lessons/spying-side-effects-with-vitest
Video: 2:33
Title: 14 - The Spy Instance
Link: https://vueschool.io/lessons/the-spy-instance
Video: 3:36
Title: 15 - Mock JavaScript Modules with Vitest
Link: https://vueschool.io/lessons/mock-javascript-modules-with-vitest
Video: 4:26
Title: 16 - Mocking Time in Vitest
Link: https://vueschool.io/lessons/mocking-time-in-vitest
Video: 1:48
Title: 17 - Mocking Timers in Vitest
Link: https://vueschool.io/lessons/mocking-timers-in-vitest
Video: 3:52
Title: 18 - Mocking Network Requests in Vitest
Link: https://vueschool.io/lessons/mocking-network-requests-in-vitest
Video: 5:56
Title: 19 - Extra: Setup File
Link: https://vueschool.io/lessons/extra-setup-file
Video: 1:49
Description: Vitest is a testing framework built for Vite! It's blazing fast test runs and zero config setup make testing a breeze for Vue.js 3 projects.
Link: https://vueschool.io/courses/rapid-testing-with-vitest
Difficulty: #ADVANCED
Type: #IN_PROGRESS
Lessons: 34
Tags: #vueschool
----
Title: 1 - Introduction to Vitest
Link: https://vueschool.io/lessons/introduction-to-vitest
Video: 1:42
Title: 2 - How to Install Vitest
Link: https://vueschool.io/lessons/how-to-install-vitest
Video: 3:18
Title: 3 - Your First Test
Link: https://vueschool.io/lessons/your-first-test
Video: 2:55
Title: 4 - Improve the Sum Function
Link: https://vueschool.io/lessons/improve-the-sum-function
Video: 3:24
Title: 5 - A Deep Merge Function - The Goal
Link: https://vueschool.io/lessons/write-a-deep-merge-function-with-tdd-the-goal
Video: 2:06
Title: 6 - Handle and Test a Shallow Merge
Link: https://vueschool.io/lessons/handle-and-test-a-shallow-merge
Video: 4:07
Title: 7 - Refactor for Deep Merge without Breaking Existing Tests
Link: https://vueschool.io/lessons/refactor-for-deep-merge-without-breaking-existing-tests
Video: 3:44
Title: 8 - Expect for Errors In Tests
Link: https://vueschool.io/lessons/expect-for-errors-in-tests
Video: 5:04
Title: 9 - Snapshots in Vitest
Link: https://vueschool.io/lessons/snapshots-in-vitest
Video: 2:14
Title: 10 - How to Update Snapshots
Link: https://vueschool.io/lessons/how-to-update-snapshots
Video: 2:46
Title: 11 - Inline Snapshots in Vitest
Link: https://vueschool.io/lessons/inline-snapshots-in-vitest
Video: 3:05
Title: 12 - Intro to Mocking and Spying
Link: https://vueschool.io/lessons/intro-to-mocking-and-spying
Video: 1:12
Title: 13 - Spying Side Effects with Vitest
Link: https://vueschool.io/lessons/spying-side-effects-with-vitest
Video: 2:33
Title: 14 - The Spy Instance
Link: https://vueschool.io/lessons/the-spy-instance
Video: 3:36
Title: 15 - Mock JavaScript Modules with Vitest
Link: https://vueschool.io/lessons/mock-javascript-modules-with-vitest
Video: 4:26
Title: 16 - Mocking Time in Vitest
Link: https://vueschool.io/lessons/mocking-time-in-vitest
Video: 1:48
Title: 17 - Mocking Timers in Vitest
Link: https://vueschool.io/lessons/mocking-timers-in-vitest
Video: 3:52
Title: 18 - Mocking Network Requests in Vitest
Link: https://vueschool.io/lessons/mocking-network-requests-in-vitest
Video: 5:56
Title: 19 - Extra: Setup File
Link: https://vueschool.io/lessons/extra-setup-file
Video: 1:49
Vue School
Rapid Testing with Vitest: Master Unit Testing & Mocking
Testing just got easier! Master unit testing with Vitest, TDD, mocking, and testing Vue 3 components for fast, reliable results.
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!