----
Title: Pinia: The Enjoyable Vue Store
Link: https://vueschool.io/courses/pinia-the-enjoyable-vue-store
Description: Learn how to use Pinia for global state management in your Vue 3 applications.
Difficulty: #ADVANCED
Type: #PREMIUM
Lessons: 24
Tags: #vueschool
----
Title: 1 - Introduction to Pinia
Link: https://vueschool.io/lessons/introduction-to-pinia
Time: 5:34
Title: 2 - Course Prerequisites and Dependencies
Link: https://vueschool.io/lessons/pinia-course-prerequisites-and-dependencies
Time: 3:50
Title: 3 - Install and Setup Up Pinia
Link: https://vueschool.io/lessons/install-and-setup-up-pinia
Time: 2:34
Title: 4 - Define Your First Pinia Store
Link: https://vueschool.io/lessons/define-your-first-pinia-store
Time: 5:29
Title: 5 - Access State from a Pinia Store
Link: https://vueschool.io/lessons/access-state-from-a-pinia-store
Time: 2:47
Title: 6 - Synchronous and Asynchronous Actions in Pinia
Link: https://vueschool.io/lessons/synchronous-and-asynchronous-actions-in-pinia
Time: 3:07
Title: 7 - Create a Cart Store and the Pinia Devtools Timeline
Link: https://vueschool.io/lessons/create-a-cart-store-and-the-pinia-devtools-timeline
Time: 11:40
Title: 8 - An Example of Local Vs Global State
Link: https://vueschool.io/lessons/an-example-of-local-vs-global-state
Time: 2:21
Title: 9 - Getters in Pinia
Link: https://vueschool.io/lessons/getters-in-pinia
Time: 6:37
Title: 10 - Dynamic Getters and Displaying the Cart Items
Link: https://vueschool.io/lessons/dynamic-getters-and-displaying-the-cart-items
Time: 7:24
Title: 11 - Reset the State in Pinia
Link: https://vueschool.io/lessons/reset-the-state-in-pinia
Time: 1:20
Title: 12 - Challenge: Cart Modifications
Link: https://vueschool.io/lessons/challenge-cart-modifications
Time: 5:54
Title: 13 - Challenge Part 2: Setting Item Counts in the Cart
Link: https://vueschool.io/lessons/challenge-part-2-setting-item-counts-in-the-cart
Time: 5:43
Title: 14 - Access Stores from Other Stores
Link: https://vueschool.io/lessons/access-stores-from-other-stores
Time: 3:42
Title: 15 - Access Pinia State in the Options API
Link: https://vueschool.io/lessons/access-pinia-state-in-the-options-api
Time: 6:37
Title: 16 - Access Pinia Getters in the Options API
Link: https://vueschool.io/lessons/access-pinia-getters-in-the-options-api
Time: 1:54
Title: 17 - Access Pinia Actions in the Options API
Link: https://vueschool.io/lessons/access-pinia-actions-in-the-options-api
Time: 2:52
Title: 18 - Preserve State with Hot Module Replacement
Link: https://vueschool.io/lessons/preserve-state-with-hot-module-replacement
Time: 3:44
Title: 19 - Subscribing to Actions
Link: https://vueschool.io/lessons/subscribing-to-actions
Time: 4:42
Title: 20 - Subscribe to the State
Link: https://vueschool.io/lessons/subscribe-to-the-state
Time: 9:50
Title: 21 - Subscribe to the State (Part 2)
Link: https://vueschool.io/lessons/subscribe-to-the-state-part-2
Time: 5:12
Title: 22 - Pinia Plugins
Link: https://vueschool.io/lessons/pinia-plugins
Time: 9:12
Title: 23 - Use Composables in the Pinia State
Link: https://vueschool.io/lessons/using-composables-in-the-pinia-state
Time: 3:12
Title: 24 - Course Conclusion
Link: https://vueschool.io/lessons/pinia-the-enjoyable-vue-store-course-conclusion
Time: 1:18
Title: Pinia: The Enjoyable Vue Store
Link: https://vueschool.io/courses/pinia-the-enjoyable-vue-store
Description: Learn how to use Pinia for global state management in your Vue 3 applications.
Difficulty: #ADVANCED
Type: #PREMIUM
Lessons: 24
Tags: #vueschool
----
Title: 1 - Introduction to Pinia
Link: https://vueschool.io/lessons/introduction-to-pinia
Time: 5:34
Title: 2 - Course Prerequisites and Dependencies
Link: https://vueschool.io/lessons/pinia-course-prerequisites-and-dependencies
Time: 3:50
Title: 3 - Install and Setup Up Pinia
Link: https://vueschool.io/lessons/install-and-setup-up-pinia
Time: 2:34
Title: 4 - Define Your First Pinia Store
Link: https://vueschool.io/lessons/define-your-first-pinia-store
Time: 5:29
Title: 5 - Access State from a Pinia Store
Link: https://vueschool.io/lessons/access-state-from-a-pinia-store
Time: 2:47
Title: 6 - Synchronous and Asynchronous Actions in Pinia
Link: https://vueschool.io/lessons/synchronous-and-asynchronous-actions-in-pinia
Time: 3:07
Title: 7 - Create a Cart Store and the Pinia Devtools Timeline
Link: https://vueschool.io/lessons/create-a-cart-store-and-the-pinia-devtools-timeline
Time: 11:40
Title: 8 - An Example of Local Vs Global State
Link: https://vueschool.io/lessons/an-example-of-local-vs-global-state
Time: 2:21
Title: 9 - Getters in Pinia
Link: https://vueschool.io/lessons/getters-in-pinia
Time: 6:37
Title: 10 - Dynamic Getters and Displaying the Cart Items
Link: https://vueschool.io/lessons/dynamic-getters-and-displaying-the-cart-items
Time: 7:24
Title: 11 - Reset the State in Pinia
Link: https://vueschool.io/lessons/reset-the-state-in-pinia
Time: 1:20
Title: 12 - Challenge: Cart Modifications
Link: https://vueschool.io/lessons/challenge-cart-modifications
Time: 5:54
Title: 13 - Challenge Part 2: Setting Item Counts in the Cart
Link: https://vueschool.io/lessons/challenge-part-2-setting-item-counts-in-the-cart
Time: 5:43
Title: 14 - Access Stores from Other Stores
Link: https://vueschool.io/lessons/access-stores-from-other-stores
Time: 3:42
Title: 15 - Access Pinia State in the Options API
Link: https://vueschool.io/lessons/access-pinia-state-in-the-options-api
Time: 6:37
Title: 16 - Access Pinia Getters in the Options API
Link: https://vueschool.io/lessons/access-pinia-getters-in-the-options-api
Time: 1:54
Title: 17 - Access Pinia Actions in the Options API
Link: https://vueschool.io/lessons/access-pinia-actions-in-the-options-api
Time: 2:52
Title: 18 - Preserve State with Hot Module Replacement
Link: https://vueschool.io/lessons/preserve-state-with-hot-module-replacement
Time: 3:44
Title: 19 - Subscribing to Actions
Link: https://vueschool.io/lessons/subscribing-to-actions
Time: 4:42
Title: 20 - Subscribe to the State
Link: https://vueschool.io/lessons/subscribe-to-the-state
Time: 9:50
Title: 21 - Subscribe to the State (Part 2)
Link: https://vueschool.io/lessons/subscribe-to-the-state-part-2
Time: 5:12
Title: 22 - Pinia Plugins
Link: https://vueschool.io/lessons/pinia-plugins
Time: 9:12
Title: 23 - Use Composables in the Pinia State
Link: https://vueschool.io/lessons/using-composables-in-the-pinia-state
Time: 3:12
Title: 24 - Course Conclusion
Link: https://vueschool.io/lessons/pinia-the-enjoyable-vue-store-course-conclusion
Time: 1:18
vueschool.io
Pinia: The Enjoyable Vue Store
Unlock the power of Pinia, the official state management solution for Vue.js. Effortlessly build type-safe stores with Vue Options and Composition APIs!
----
Title: Rapid Development with Vite
Link: https://vueschool.io/courses/rapid-development-with-vite
Description: Vite is a first-in-class build tool that aims to provide a faster and leaner development experience for modern web projects. In this course, w...
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 22
Tags: #vueschool
----
Title: 1 - Introduction to Vite
Link: https://vueschool.io/lessons/introduction-to-vite
Time: 3:58
Title: 2 - Start a Project with Vite
Link: https://vueschool.io/lessons/start-a-project-with-vite
Time: 1:50
Title: 3 - The Vite Boilerplate Code
Link: https://vueschool.io/lessons/the-vite-boilerplate-code
Time: 4:30
Title: 4 - Use Create Vue to Start a Vite Project
Link: https://vueschool.io/lessons/use-create-vue-to-start-a-vite-project
Time: 2:11
Title: 5 - Jump Start with Vite Templates
Link: https://vueschool.io/lessons/jump-start-with-vite-templates
Time: 2:55
Title: 6 - CSS and Vite
Link: https://vueschool.io/lessons/css-and-vite
Time: 6:06
Title: 7 - CSS PreProcessors and Vite
Link: https://vueschool.io/lessons/css-preprocessors-and-vite
Time: 6:17
Title: 8 - CSS Modules and Vite
Link: https://vueschool.io/lessons/css-modules-and-vite
Time: 2:42
Title: 9 - Images and Vite
Link: https://vueschool.io/lessons/images-and-vite
Time: 8:24
Title: 10 - JSON and Vite
Link: https://vueschool.io/lessons/json-and-vite
Time: 3:32
Title: 11 - Glob Imports in Vite
Link: https://vueschool.io/lessons/glob-imports-in-vite
Time: 3:49
Title: 12 - Typescript and Vite
Link: https://vueschool.io/lessons/typescript-and-vite
Time: 5:02
Title: 13 - Vite Config
Link: https://vueschool.io/lessons/vite-config
Time: 6:16
Title: 14 - Use Vite to Build for Production
Link: https://vueschool.io/lessons/use-vite-to-build-for-production
Time: 2:25
Title: 15 - Environment Variables and Modes in Vite
Link: https://vueschool.io/lessons/environment-variables-and-modes-in-vite
Time: 6:01
Title: 16 - Migrate from Vue CLI to Vite Part 1
Link: https://vueschool.io/lessons/migrate-from-vue-cli-to-vite-part-1
Time: 3:05
Title: 17 - Migrate from Vue CLI to Vite Part 2
Link: https://vueschool.io/lessons/migrate-from-vue-cli-to-vite-part-2
Time: 6:37
Title: 18 - Migrate from Vue CLI to Vite Part 3
Link: https://vueschool.io/lessons/migrate-from-vue-cli-to-vite-part-3
Time: 5:36
Title: 19 - Create a Vite Template
Link: https://vueschool.io/lessons/create-a-vite-template
Time: 7:35
Title: 20 - Use a Vite Plugin
Link: https://vueschool.io/lessons/use-a-vite-plugin
Time: 2:40
Title: 21 - Create a Vite Plugin
Link: https://vueschool.io/lessons/create-a-vite-plugin
Time: 8:17
Title: 22 - Course Conclusion
Link: https://vueschool.io/lessons/vite-course-conclusion
Time: 0:56
Title: Rapid Development with Vite
Link: https://vueschool.io/courses/rapid-development-with-vite
Description: Vite is a first-in-class build tool that aims to provide a faster and leaner development experience for modern web projects. In this course, w...
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 22
Tags: #vueschool
----
Title: 1 - Introduction to Vite
Link: https://vueschool.io/lessons/introduction-to-vite
Time: 3:58
Title: 2 - Start a Project with Vite
Link: https://vueschool.io/lessons/start-a-project-with-vite
Time: 1:50
Title: 3 - The Vite Boilerplate Code
Link: https://vueschool.io/lessons/the-vite-boilerplate-code
Time: 4:30
Title: 4 - Use Create Vue to Start a Vite Project
Link: https://vueschool.io/lessons/use-create-vue-to-start-a-vite-project
Time: 2:11
Title: 5 - Jump Start with Vite Templates
Link: https://vueschool.io/lessons/jump-start-with-vite-templates
Time: 2:55
Title: 6 - CSS and Vite
Link: https://vueschool.io/lessons/css-and-vite
Time: 6:06
Title: 7 - CSS PreProcessors and Vite
Link: https://vueschool.io/lessons/css-preprocessors-and-vite
Time: 6:17
Title: 8 - CSS Modules and Vite
Link: https://vueschool.io/lessons/css-modules-and-vite
Time: 2:42
Title: 9 - Images and Vite
Link: https://vueschool.io/lessons/images-and-vite
Time: 8:24
Title: 10 - JSON and Vite
Link: https://vueschool.io/lessons/json-and-vite
Time: 3:32
Title: 11 - Glob Imports in Vite
Link: https://vueschool.io/lessons/glob-imports-in-vite
Time: 3:49
Title: 12 - Typescript and Vite
Link: https://vueschool.io/lessons/typescript-and-vite
Time: 5:02
Title: 13 - Vite Config
Link: https://vueschool.io/lessons/vite-config
Time: 6:16
Title: 14 - Use Vite to Build for Production
Link: https://vueschool.io/lessons/use-vite-to-build-for-production
Time: 2:25
Title: 15 - Environment Variables and Modes in Vite
Link: https://vueschool.io/lessons/environment-variables-and-modes-in-vite
Time: 6:01
Title: 16 - Migrate from Vue CLI to Vite Part 1
Link: https://vueschool.io/lessons/migrate-from-vue-cli-to-vite-part-1
Time: 3:05
Title: 17 - Migrate from Vue CLI to Vite Part 2
Link: https://vueschool.io/lessons/migrate-from-vue-cli-to-vite-part-2
Time: 6:37
Title: 18 - Migrate from Vue CLI to Vite Part 3
Link: https://vueschool.io/lessons/migrate-from-vue-cli-to-vite-part-3
Time: 5:36
Title: 19 - Create a Vite Template
Link: https://vueschool.io/lessons/create-a-vite-template
Time: 7:35
Title: 20 - Use a Vite Plugin
Link: https://vueschool.io/lessons/use-a-vite-plugin
Time: 2:40
Title: 21 - Create a Vite Plugin
Link: https://vueschool.io/lessons/create-a-vite-plugin
Time: 8:17
Title: 22 - Course Conclusion
Link: https://vueschool.io/lessons/vite-course-conclusion
Time: 0:56
Vue School
Rapid Development with Vite | Vue School Video Course
Accelerate development with Vite! Master rapid project setup, optimization, and migration in this hands-on Vite.js course.
👍1🤔1
----
Title: Single File Components
Link: https://vueschool.io/courses/vuejs-single-file-components
Description: Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 8
Tags: #vueschool
----
Title: 1 - Introduction to Single File Components
Link: https://vueschool.io/lessons/introduction-to-single-file-components
Time: 4:00
Title: 2 - Introduction to Vue-CLI 3
Link: https://vueschool.io/lessons/introduction-to-vue-cli-3
Time: 5:44
Title: 3 - Create Your First Single File Component
Link: https://vueschool.io/lessons/create-your-first-single-file-component
Time: 2:37
Title: 4 - Import Single File Components
Link: https://vueschool.io/lessons/import-single-file-components
Time: 2:24
Title: 5 - Using CSS Pre-Processors with Single File Components
Link: https://vueschool.io/lessons/using-css-pre-processors-with-single-file-components
Time: 2:46
Title: 6 - Scoped Styles
Link: https://vueschool.io/lessons/scoped-styles
Time: 1:56
Title: 7 - Organizing Single File Components
Link: https://vueschool.io/lessons/organizing-single-file-components
Time: 9:18
Title: 8 - Load Vue Components Asynchronously
Link: https://vueschool.io/lessons/dynamically-load-components
Time: 8:33
Title: Single File Components
Link: https://vueschool.io/courses/vuejs-single-file-components
Description: Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 8
Tags: #vueschool
----
Title: 1 - Introduction to Single File Components
Link: https://vueschool.io/lessons/introduction-to-single-file-components
Time: 4:00
Title: 2 - Introduction to Vue-CLI 3
Link: https://vueschool.io/lessons/introduction-to-vue-cli-3
Time: 5:44
Title: 3 - Create Your First Single File Component
Link: https://vueschool.io/lessons/create-your-first-single-file-component
Time: 2:37
Title: 4 - Import Single File Components
Link: https://vueschool.io/lessons/import-single-file-components
Time: 2:24
Title: 5 - Using CSS Pre-Processors with Single File Components
Link: https://vueschool.io/lessons/using-css-pre-processors-with-single-file-components
Time: 2:46
Title: 6 - Scoped Styles
Link: https://vueschool.io/lessons/scoped-styles
Time: 1:56
Title: 7 - Organizing Single File Components
Link: https://vueschool.io/lessons/organizing-single-file-components
Time: 9:18
Title: 8 - Load Vue Components Asynchronously
Link: https://vueschool.io/lessons/dynamically-load-components
Time: 8:33
Vue School
Learn Single File Components in this Vue.js Course
Embrace the full power of Vue CLI 3, Pre-Processors and Vue.js Single File Components.
----
Title: Static Site Generation with Nuxt.js
Link: https://vueschool.io/courses/static-site-generation-with-nuxtjs
Description: Learn how to generate static websites (pre-rendering) with Nuxt.js to improve both performance and SEO while eliminating hosting costs.
Difficulty: #ADVANCED
Type: #PREMIUM
Lessons: 4
Tags: #vueschool
----
Title: 1 - What is Prerendering?
Link: https://vueschool.io/lessons/what-is-pre-rendering
Time: 1:54
Title: 2 - Prerendering Static Routes
Link: https://vueschool.io/lessons/prerendering-a-static-application
Time: 2:29
Title: 3 - Prerendering Dynamic Routes
Link: https://vueschool.io/lessons/prerendering-dynamic-routes
Time: 4:22
Title: 4 - Cache fetched Data to Speed Up Route Generation
Link: https://vueschool.io/lessons/cache-fetched-data-to-speed-up-route-generation
Time: 2:57
Title: Static Site Generation with Nuxt.js
Link: https://vueschool.io/courses/static-site-generation-with-nuxtjs
Description: Learn how to generate static websites (pre-rendering) with Nuxt.js to improve both performance and SEO while eliminating hosting costs.
Difficulty: #ADVANCED
Type: #PREMIUM
Lessons: 4
Tags: #vueschool
----
Title: 1 - What is Prerendering?
Link: https://vueschool.io/lessons/what-is-pre-rendering
Time: 1:54
Title: 2 - Prerendering Static Routes
Link: https://vueschool.io/lessons/prerendering-a-static-application
Time: 2:29
Title: 3 - Prerendering Dynamic Routes
Link: https://vueschool.io/lessons/prerendering-dynamic-routes
Time: 4:22
Title: 4 - Cache fetched Data to Speed Up Route Generation
Link: https://vueschool.io/lessons/cache-fetched-data-to-speed-up-route-generation
Time: 2:57
Vue School
Learn How to Generate Static Sites with Nuxt.js
Prerendering or static site generation is an invaluable technique that every front-end developer should know. Learn how easy it is to do so with the Nuxt.js framework in this video course.
----
Title: Storybook with Vue.js
Link: https://vueschool.io/courses/storybook-with-vuejs
Description: Document and showcase Vue.js components in an elegant UI with Storybook. Perfect for multi-disciplinary teams!
Difficulty: #BEGINNER
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----
Title: 1 - What is Storybook
Link: https://vueschool.io/lessons/what-is-storybook
Time: 2:46
Title: 2 - Install Storybook with Vue CLI
Link: https://vueschool.io/lessons/install-storybook-with-vue-cli
Time: 6:28
Title: 3 - Writing stories in *.stories.js files
Link: https://vueschool.io/lessons/writing-stories-in-storiesjs-files
Time: 6:29
Title: 4 - Set a Story Hierarchy
Link: https://vueschool.io/lessons/storybook-story-hierarchy
Time: 7:23
Title: 5 - Decorate Stories
Link: https://vueschool.io/lessons/decorate-stories
Time: 4:19
Title: 6 - Installing Storybook Addons
Link: https://vueschool.io/lessons/installing-storybook-addons
Time: 4:59
Title: 7 - Storybook Knobs Addon
Link: https://vueschool.io/lessons/storybook-knobs-addon
Time: 4:54
Title: 8 - Storybook Actions Addon
Link: https://vueschool.io/lessons/storybook-actions-addon
Time: 4:17
Title: 9 - Storybook Links Addon
Link: https://vueschool.io/lessons/storybook-links-addon
Time: 2:13
Title: 10 - Storybook Notes Addon
Link: https://vueschool.io/lessons/storybook-notes-addon
Time: 3:02
Title: 11 - Storybook Docs Addon
Link: https://vueschool.io/lessons/storybook-docs-addon
Time: 7:35
Title: 12 - Manually Install Storybook and configure TailwindCSS
Link: https://vueschool.io/lessons/manually-install-storybook-and-configure-tailwindcss
Time: 6:49
Title: 13 - Configure Storybook to use Vuetify
Link: https://vueschool.io/lessons/configure-storybook-to-use-vuetify
Time: 5:22
Title: 14 - Configure Storybook to use Vuex
Link: https://vueschool.io/lessons/configure-storybook-to-use-vuex
Time: 5:27
Title: 15 - Configure Storybook to use Vue Router
Link: https://vueschool.io/lessons/configure-storybook-to-use-vue-router
Time: 4:18
Title: 16 - Importing Stories from Vue Components
Link: https://vueschool.io/lessons/importing-stories-from-vue-components
Time: 8:55
Title: Storybook with Vue.js
Link: https://vueschool.io/courses/storybook-with-vuejs
Description: Document and showcase Vue.js components in an elegant UI with Storybook. Perfect for multi-disciplinary teams!
Difficulty: #BEGINNER
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----
Title: 1 - What is Storybook
Link: https://vueschool.io/lessons/what-is-storybook
Time: 2:46
Title: 2 - Install Storybook with Vue CLI
Link: https://vueschool.io/lessons/install-storybook-with-vue-cli
Time: 6:28
Title: 3 - Writing stories in *.stories.js files
Link: https://vueschool.io/lessons/writing-stories-in-storiesjs-files
Time: 6:29
Title: 4 - Set a Story Hierarchy
Link: https://vueschool.io/lessons/storybook-story-hierarchy
Time: 7:23
Title: 5 - Decorate Stories
Link: https://vueschool.io/lessons/decorate-stories
Time: 4:19
Title: 6 - Installing Storybook Addons
Link: https://vueschool.io/lessons/installing-storybook-addons
Time: 4:59
Title: 7 - Storybook Knobs Addon
Link: https://vueschool.io/lessons/storybook-knobs-addon
Time: 4:54
Title: 8 - Storybook Actions Addon
Link: https://vueschool.io/lessons/storybook-actions-addon
Time: 4:17
Title: 9 - Storybook Links Addon
Link: https://vueschool.io/lessons/storybook-links-addon
Time: 2:13
Title: 10 - Storybook Notes Addon
Link: https://vueschool.io/lessons/storybook-notes-addon
Time: 3:02
Title: 11 - Storybook Docs Addon
Link: https://vueschool.io/lessons/storybook-docs-addon
Time: 7:35
Title: 12 - Manually Install Storybook and configure TailwindCSS
Link: https://vueschool.io/lessons/manually-install-storybook-and-configure-tailwindcss
Time: 6:49
Title: 13 - Configure Storybook to use Vuetify
Link: https://vueschool.io/lessons/configure-storybook-to-use-vuetify
Time: 5:22
Title: 14 - Configure Storybook to use Vuex
Link: https://vueschool.io/lessons/configure-storybook-to-use-vuex
Time: 5:27
Title: 15 - Configure Storybook to use Vue Router
Link: https://vueschool.io/lessons/configure-storybook-to-use-vue-router
Time: 4:18
Title: 16 - Importing Stories from Vue Components
Link: https://vueschool.io/lessons/importing-stories-from-vue-components
Time: 8:55
Vue School
Storybook with Vue.js Video Course for Beginners
This course teaches you how to use Storybook to create a visual library of your Vue.js components. Perfect for prototyping, documenting, and showcasing Vue.js components.