----
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.