Skip to content

Instantly share code, notes, and snippets.

@danielkellyio

danielkellyio/courses.js

Created April 9, 2025 18:47
Download ZIP
Vue School Courses as Scraped by Puppeteer MCP April 2025
Raw
courses.js
[
{
title: 'The Vue.js Master Class 2024 Edition',
courseUrl: 'https://vueschool.io/courses/the-vuejs-3-master-class',
isPremium: true,
isComingSoon: false,
duration: '11 hrs',
lessonCount: '127 lessons',
skillLevel: 'Intermediate',
description: 'Unlock your full potential with the Vue.js Master Class 2024 Edition! Build real-world apps using Supabase, advanced state management, dynamic...',
imageUrl: 'https://vueschool.io/storage/media/514e83a572d4e86db2ffdc32fc51d1e6/vuejs-master-class-2024-edition.jpeg'
},
{
title: 'What’s New in Nuxt 4: Key Updates for Nuxt.js Developers',
courseUrl: 'https://vueschool.io/courses/what-s-new-in-nuxt-4',
isPremium: true,
isComingSoon: false,
duration: '33 min',
lessonCount: '9 lessons',
skillLevel: 'Intermediate',
description: 'Discover the latest features and improvements in Nuxt 4, the latest version of the popular Vue.js framework. This course covers key updates in...',
imageUrl: 'https://vueschool.io/storage/media/fbd53058f8eff6efa23c35b6a5ab3d37/What’s-New-in-Nuxt-4.jpeg'
},
{
title: 'Build a Google Docs Clone with CKEditor in 30 Minutes',
courseUrl: 'https://vueschool.io/courses/google-docs-clone-with-ckeditor-in-30-minutes',
isPremium: false,
isComingSoon: true,
duration: null,
lessonCount: null,
skillLevel: 'Intermediate',
description: 'Build a feature-rich document editor in no time with CKEditor. Learn how to integrate enterprise-grade text editing capabilities (like rich te...',
imageUrl: 'https://vueschool.io/storage/media/58ff84f47ebaef23e32956097bf716eb/Google-Docs-Clone-with-CKEditor-in-30-Minutes-02.jpeg'
},
{
title: 'The Ultimate Guide to Vue Performance',
courseUrl: 'https://vueschool.io/courses/the-ultimate-guide-to-vue-performance',
isPremium: true,
isComingSoon: false,
duration: '2 hrs',
lessonCount: '25 lessons',
skillLevel: 'Intermediate',
description: 'Good performance is a vital part of any web application. In this course, learn how to keep your Vue applications lightning fast by looking at...',
imageUrl: 'https://vueschool.io/storage/media/942ee566fc0a6ec6c7d57bec1171fe6e/The-Ultimate-Guide-to-Vue-Performance.jpeg'
},
{
title: 'File Uploads in Vue.js',
courseUrl: 'https://vueschool.io/courses/file-uploads-in-vue-js',
isPremium: true,
isComingSoon: false,
duration: '25 min',
lessonCount: '15 lessons',
skillLevel: 'Intermediate',
description: 'Master file uploads in Vue.js with our comprehensive course teaching you to build a production-grade drag-and-drop uploader featuring file pre...',
imageUrl: 'https://vueschool.io/storage/media/0464a59c3be7620d2a2dab7b8c023506/File-Uploads-in-Vue-02.jpeg'
},
{
title: 'Handling Errors in Vue like a Pro',
courseUrl: 'https://vueschool.io/courses/handling-errors-in-vue-like-a-pro',
isPremium: true,
isComingSoon: false,
duration: '47 min',
lessonCount: '11 lessons',
skillLevel: 'Intermediate',
description: 'Master Vue.js error handling with professional techniques for building robust, production-ready applications that gracefully handle failures a...',
imageUrl: 'https://vueschool.io/storage/media/f2fbdedeb89bdf8af9b9e41ee197f9ba/Handling-Errors-in-Vue-like-a-Pro-02.jpeg'
},
{
title: 'JavaScript Error Handling',
courseUrl: 'https://vueschool.io/courses/javascript-error-handling',
isPremium: true,
isComingSoon: false,
duration: '54 min',
lessonCount: '11 lessons',
skillLevel: 'Beginner',
description: 'Error handling is an essential part of JavaScript development. This course starts with the fundamentals and helps you grow by translating the...',
imageUrl: 'https://vueschool.io/storage/media/f9b6f4aec86540daa1372edee7189fa3/javascript-error-handling.jpeg'
},
{
title: 'The Complete Guide to Data Fetching in Nuxt',
courseUrl: 'https://vueschool.io/courses/the-complete-guide-to-data-fetching-in-nuxt',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '16 lessons',
skillLevel: 'Intermediate',
description: 'There are a surprising amount of options when it comes to fetching data in a Nuxt app. You can do so by blocking page nav or lazily after navi...',
imageUrl: 'https://vueschool.io/storage/media/5d574e53252a1a02021bedbf83dc6204/The-Complete-Guide-to-Data-Fetching-in-Nuxt-02.jpeg'
},
{
title: 'Vue Component Design: Master Scalable Vue.js Patterns',
courseUrl: 'https://vueschool.io/courses/vue-component-design-2',
isPremium: true,
isComingSoon: false,
duration: '54 min',
lessonCount: '8 lessons',
skillLevel: 'Beginner',
description: 'Learn battle-tested Vue component design patterns to write more maintainable and scalable applications. This course covers essential patterns...',
imageUrl: 'https://vueschool.io/storage/media/44c995728ef138a2286e7da09e55fc02/Vue-Component-Design.jpeg'
},
{
title: 'Vue.js 3 Fundamentals with the Composition API',
courseUrl: 'https://vueschool.io/courses/vue-js-fundamentals-with-the-composition-api',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '14 lessons',
skillLevel: 'Beginner',
description: "Learn the fundamental concepts and get up and running with Vue.js 3 with the Composition API. Perfect if you haven't touched Vue before, or yo...",
imageUrl: 'https://vueschool.io/storage/media/c79100806b1bcc517afb50e981d605ed/vue-js-3-fundamentals-with-the-composition-api.jpg'
},
{
title: 'Generating Fake Data with Faker.js',
courseUrl: 'https://vueschool.io/courses/generating-fake-data-with-faker-js',
isPremium: true,
isComingSoon: false,
duration: '51 min',
lessonCount: '6 lessons',
skillLevel: 'Intermediate',
description: 'All user interfaces depend heavily on the data they display, manage, and mutate. It can be difficult to come up with variety of realistic valu...',
imageUrl: 'https://vueschool.io/storage/media/b4dbd9e27a04a867059acec35e8defc4/Generating-Fake-Data-with-Faker-02.jpeg'
},
{
title: 'Vue.js Transitions and Animations',
courseUrl: 'https://vueschool.io/courses/vue-js-transitions-and-animations',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '17 lessons',
skillLevel: 'Intermediate',
description: 'Unlock the full potential of Vue with its built-in support for transitions and animations. Plus, discover third-party transition and animation...',
imageUrl: 'https://vueschool.io/storage/media/0e645bfe702cf09c89e147b0ff439e15/Vue.js-Transitions-and-Animations-02.png'
},
{
title: 'Rich Text Editing and Beyond with TinyMCE and Vue',
courseUrl: 'https://vueschool.io/courses/rich-text-editing-and-beyond-with-tinymce-and-vue',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '17 lessons',
skillLevel: 'Intermediate',
description: 'Modern applications require robust content editing well beyond plain text and even beyond traditional WYSIWYG editors. Your Vue applications a...',
imageUrl: 'https://vueschool.io/storage/media/a94ba71651cd7d4080fe28ea5326efd0/rich-text-editing-and-beyond-with-tinymce-and-vue.jpeg'
},
{
title: 'Vue Composables: How to Craft Reusable Stateful Logic',
courseUrl: 'https://vueschool.io/courses/vue-composables',
isPremium: true,
isComingSoon: false,
duration: '54 min',
lessonCount: '12 lessons',
skillLevel: 'Intermediate',
description: 'Composables are the BEST way of creating re-usable stateful logic within a Vue application. Learn how to create one from scratch in this course!',
imageUrl: 'https://vueschool.io/storage/media/8ced0a9a39f1b67ddb337980b5a1a5a4/vueschool-vue-composables-course.jpeg'
},
{
title: 'Quasar Fundamentals: Build Cross-Platform Vue.js Apps',
courseUrl: 'https://vueschool.io/courses/quasar-fundamentals',
isPremium: true,
isComingSoon: false,
duration: '7 hrs',
lessonCount: '40 lessons',
skillLevel: 'Intermediate',
description: 'The Quasar Framework will blow your mind! By the end of this course, you’ll be able to build apps for Android, iOS, Windows, Mac, Linux, and...',
imageUrl: 'https://vueschool.io/storage/media/fa94fbc4af3e34cc9958c5de541fe4ea/quasar-fundamentals.jpeg'
},
{
title: 'Real-Time Data with Laravel Reverb and Vue.js',
courseUrl: 'https://vueschool.io/courses/real-time-data-with-laravel-reverb-and-vue-js',
isPremium: false,
isComingSoon: false,
duration: '44 min',
lessonCount: '9 lessons',
skillLevel: 'Advanced',
description: 'Learn how to pair a Vue.js front-end with Laravel Reverb for real-time data support.',
imageUrl: 'https://vueschool.io/storage/media/0767a8ce8723b7fdc6f46d84f8bced9a/vueschool-real-time-data-with-laravel-reverb-and-vuejs.jpeg'
},
{
title: 'A “Wordle” on Test Driven Development in Vue.js',
courseUrl: 'https://vueschool.io/courses/a-wordle-on-test-driven-development-in-vue-js',
isPremium: true,
isComingSoon: false,
duration: '2 hrs',
lessonCount: '18 lessons',
skillLevel: 'Intermediate',
description: 'In this hands-on course, you will learn how to write applications using Test-Driven Development. You will make your own clone of the game Word...',
imageUrl: 'https://vueschool.io/storage/media/85e604516f5e62b0a6f99a2599aa1091/TDD-02.jpg'
},
{
title: 'Enhanced Routing with UnPlugin Vue Router',
courseUrl: 'https://vueschool.io/courses/enhanced-routing-with-unplugin-vue-router',
isPremium: true,
isComingSoon: false,
duration: '40 min',
lessonCount: '13 lessons',
skillLevel: 'Intermediate',
description: 'UnPlugin Vue Router enables file based routing for vanilla Vue.js projects plus makes routes typesafe. Learn the ins-and-outs of this vite plu...',
imageUrl: 'https://vueschool.io/storage/media/122754b64e8da8cdd94a972e4f0b5107/vueschool-enhanced-routing-with-unplugin-vue-router.jpeg'
},
{
title: 'TypeScript with Vue.js 3: Master TypeScript in Vue',
courseUrl: 'https://vueschool.io/courses/typescript-with-vue-js-3',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '19 lessons',
skillLevel: 'Advanced',
description: "Learn how to use TypeScript in your Vue projects to supercharge your IDE's error detection and autocompletion, as well as provide type safe co...",
imageUrl: 'https://vueschool.io/storage/media/857d72e82fb0a097ad62b39b616817b1/typescript-with-vue-js-3.jpg'
},
{
title: 'Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps',
courseUrl: 'https://vueschool.io/courses/nuxt-js-3-fundamentals',
isPremium: true,
isComingSoon: false,
duration: '3 hrs',
lessonCount: '35 lessons',
skillLevel: 'Intermediate',
description: 'Nuxt is meta-framework built on top of Vue, that offers a variety of rendering modes and a ton of developer conveniences including auto-import...',
imageUrl: 'https://vueschool.io/storage/media/ac217d9c5ab7f8dc9de1314a856b5e21/Nuxt-3-Fundamentals_not-transparent.jpg'
},
{
title: 'Material UI with Vuetify and Vue.js',
courseUrl: 'https://vueschool.io/courses/material-ui-with-vuetify-and-vue-js',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '12 lessons',
skillLevel: 'Intermediate',
description: 'Create a Vue.js app with a beautiful and functional UI in no time with Vuetify! This UI library contains 80+ ready to use components designed...',
imageUrl: 'https://vueschool.io/storage/media/23a0713726339f8bc1bee2e7ad53ad34/Vuetify-01.png'
},
{
title: 'Web Scraping for Developers That Just Works',
courseUrl: 'https://vueschool.io/courses/web-scraping-for-developers-that-just-works',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '11 lessons',
skillLevel: 'Advanced',
description: "Master web scraping with this hands-on course using Bright Data's infrastructure and modern tools like Playwright. Build production-ready scra...",
imageUrl: 'https://vueschool.io/storage/media/6059ea978db373044eaca90bdf30c83d/web-scraping-that-just-works.jpg'
},
{
title: 'Vue Component Fundamentals with the Composition API',
courseUrl: 'https://vueschool.io/courses/vue-component-fundamentals-with-the-composition-api',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '12 lessons',
skillLevel: 'Beginner',
description: 'Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js components in this course using th...',
imageUrl: 'https://vueschool.io/storage/media/eb0ab7feac52344a45031268930b481b/vue-component-fundamentals-with-the-composition-api.jpg'
},
{
title: 'AI Chat Bot with Vue.js and GPT-4: Build Smarter Apps',
courseUrl: 'https://vueschool.io/courses/ai-chat-bot-with-vue-js-and-gpt-4',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '19 lessons',
skillLevel: 'Advanced',
description: "AI is a powerful tool of the future. With Open AI's Chat Completions API (GPT-4), adopting it in your applications is as easy as a REST reques...",
imageUrl: 'https://vueschool.io/storage/media/e685305a46355e2a5ccfb186db12d7ce/AI-Chat-Bot-with-Vue.js-and-GPT-3-02.jpg'
},
{
title: 'Build a Drag and Drop Trello Board with Vue Draggable',
courseUrl: 'https://vueschool.io/courses/build-a-drag-and-drop-trello-board',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '16 lessons',
skillLevel: 'Advanced',
description: 'Get hands on with this fun Trello board Vue.js project! Learn how to create a drag and drop interface with Vue Draggable, style it with Tailwi...',
imageUrl: 'https://vueschool.io/storage/media/e2b63c8f05b9ddc0efca2b3fddbaf909/Build-a-Trello-Board-Illustration-02.jpg'
},
{
title: 'Tailwind CSS Fundamentals',
courseUrl: 'https://vueschool.io/courses/tailwind-css-fundamentals',
isPremium: true,
isComingSoon: false,
duration: '2 hrs',
lessonCount: '23 lessons',
skillLevel: 'Beginner',
description: 'Learn the basics of TailwindCSS and start styling your apps with the most popular styling tool in the web development community!',
imageUrl: 'https://vueschool.io/storage/media/ed5f48ed8d565830ae2a1e387ecf424b/Tailwind-CSS.jpg'
},
{
title: 'Content Sites with Astro and Vue.js',
courseUrl: 'https://vueschool.io/courses/content-sites-with-astro-and-vue-js',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '13 lessons',
skillLevel: 'Intermediate',
description: 'In this course, learn the basics of getting started with Astro by building a simple blog. Also, learn to integrate it with your favorite JavaS...',
imageUrl: 'https://vueschool.io/storage/media/fbedcf3f068608ef41fac94cae9da466/astro-vue.jpg'
},
{
title: 'Crafting a Custom Component Library with Vue and Daisy UI',
courseUrl: 'https://vueschool.io/courses/crafting-a-custom-component-library-with-vue-and-daisy-ui',
isPremium: true,
isComingSoon: false,
duration: '3 hrs',
lessonCount: '26 lessons',
skillLevel: 'Intermediate',
description: 'What makes a good component framework? How do I package and distribute it for re-use by others? Learn the answer to these questions and more b...',
imageUrl: 'https://vueschool.io/storage/media/b3618013fe698632bf29b357d4dd1b6a/1206091474741576.EzdbAm27xfRqGLb6Kb4j_height640.jpg'
},
{
title: 'Rapid Development with Vite',
courseUrl: 'https://vueschool.io/courses/rapid-development-with-vite',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '22 lessons',
skillLevel: 'Intermediate',
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...',
imageUrl: 'https://vueschool.io/storage/media/c0f2867c0f823580ec136928d3d9b7f2/rapid-development-with-vite.jpg'
},
{
title: 'Vue.js 3 Fundamentals with the Options API',
courseUrl: 'https://vueschool.io/courses/vuejs-3-fundamentals',
isPremium: false,
isComingSoon: false,
duration: '59 min',
lessonCount: '11 lessons',
skillLevel: 'Beginner',
description: "Learn the fundamental concepts and get up and running with Vue.js 3. Perfect if you haven't touched Vue before, or you're just getting started!",
imageUrl: 'https://vueschool.io/storage/media/0b2faaa92e00e7b6d5937c127f65119f/vue-3-fundamentals-not-transparent.jpg'
},
{
title: 'Rapid Testing with Vitest: Master Unit Testing & Mocking',
courseUrl: 'https://vueschool.io/courses/rapid-testing-with-vitest',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '26 lessons',
skillLevel: 'Advanced',
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.",
imageUrl: 'https://vueschool.io/storage/media/f1abd3e07132707c8c5cd269fdbaae0e/vitest.jpg'
},
{
title: 'Pinia: The Enjoyable Vue Store',
courseUrl: 'https://vueschool.io/courses/pinia-the-enjoyable-vue-store',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '24 lessons',
skillLevel: 'Advanced',
description: 'Master Pinia, the official Vue.js state management solution. Learn to build scalable, type-safe Vue stores with the Options & Composition APIs...',
imageUrl: 'https://vueschool.io/storage/media/39ebc760d644aa4625743dfc727ff737/pinia-the-enjoyable-vue-store.jpg'
},
{
title: 'TypeScript Fundamentals: Learn TypeScript from Scratch',
courseUrl: 'https://vueschool.io/courses/typescript-fundamentals',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '24 lessons',
skillLevel: 'Intermediate',
description: 'Learn the basics of TypeScript, a super set of the JavaScript language aimed at making more scalable and maintainable JavaScript codebases wit...',
imageUrl: 'https://vueschool.io/storage/media/35a953604744ee60f11c669b233e9137/Typescript_fundamentals.jpg'
},
{
title: 'Custom Vue.js 3 Plugins: Boost Reusability and Functionality',
courseUrl: 'https://vueschool.io/courses/custom-vue-js-3-plugins',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '17 lessons',
skillLevel: 'Advanced',
description: 'Build a custom tooltip plugin from the ground up and learn what it takes to develop and deliver a reusable Vue.js plugin.',
imageUrl: 'https://vueschool.io/storage/media/6149f1b13f06f1b243a9416aa4b8eba4/custom-vue-js-3-plugins.jpg'
},
{
title: 'Vue Router 4 for Everyone: Master Routing in Vue.js',
courseUrl: 'https://vueschool.io/courses/vue-router-4-for-everyone',
isPremium: false,
isComingSoon: false,
duration: '3 hrs',
lessonCount: '35 lessons',
skillLevel: 'Intermediate',
description: 'Learn how to build powerful Single Page Applications in Vue 3 with the Vue Router 4.',
imageUrl: 'https://vueschool.io/storage/media/344a74326471ffcf718c141176a37bf0/vue-router-4-not-transparent.jpg'
},
{
title: 'VueUse for Everyone: Unlock Vue.js Composition Power',
courseUrl: 'https://vueschool.io/courses/vueuse-for-everyone',
isPremium: true,
isComingSoon: false,
duration: '3 hrs',
lessonCount: '31 lessons',
skillLevel: 'Intermediate',
description: 'Master VueUse with 200+ composition utilities for animations, browser APIs, sensors, and smart reactive state management. Learn to enhance you...',
imageUrl: 'https://vueschool.io/storage/media/d3c89b65c0460678b4ede6843fcb8baa/Vue-Use_not-transparent.png'
},
{
title: 'Advanced Components: Exposing Internal State',
courseUrl: 'https://vueschool.io/courses/advanced-components-exposing-internal-state',
isPremium: true,
isComingSoon: false,
duration: '26 min',
lessonCount: '10 lessons',
skillLevel: 'Intermediate',
description: "Learn the various way of exposing a component's internal state for fine-grained control from the parent component.",
imageUrl: 'https://vueschool.io/storage/media/b3141d27b498b929f1127da6c4e3bdce/Advanced-Components--Exposing-Internal-State.jpg'
},
{
title: 'Common Vue.js Mistakes and How to Avoid Them',
courseUrl: 'https://vueschool.io/courses/common-vue-js-mistakes-and-how-to-avoid-them',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '14 lessons',
skillLevel: 'Intermediate',
description: 'Building apps with Vue is a delight but there are common gotchas you should look out for! With this course, learn the warning signs and ways t...',
imageUrl: 'https://vueschool.io/storage/media/ba8bea0045c66cdcef7356226724a446/Common-Vue.js-Mistakes-and-How-to-Avoid-Them-02.png'
},
{
title: 'Application Monitoring in Vue.js with Sentry',
courseUrl: 'https://vueschool.io/courses/application-monitoring-in-vue-js-with-sentry',
isPremium: false,
isComingSoon: false,
duration: '56 min',
lessonCount: '13 lessons',
skillLevel: 'Intermediate',
description: 'Monitoring for issues is an important part of any successful Vue.js application. Sentry allows us to know what issues customers are having in...',
imageUrl: 'https://vueschool.io/storage/media/b691fa10d1f250789516b007767a451b/application-monitoring-in-vue-js-with-sentry.jpg'
},
{
title: 'Jamstack: The Complete Guide',
courseUrl: 'https://vueschool.io/courses/jamstack-the-complete-guide',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '18 lessons',
skillLevel: 'Intermediate',
description: 'The Jamstack architecture is a modern approach that capitalizes on the power of JavaScript in the client and powerful site generators that out...',
imageUrl: 'https://vueschool.io/storage/media/a720e0a048b61c085b010b993989c70d/jamstack-the-complete-guide-non-transparent.jpg'
},
{
title: 'Charts for Vue.js 3: Data Visualization with ChartJS',
courseUrl: 'https://vueschool.io/courses/charts-for-vue-js-3',
isPremium: true,
isComingSoon: false,
duration: '47 min',
lessonCount: '9 lessons',
skillLevel: 'Intermediate',
description: 'Charts and graphs are a common part of modern day dashboards. They are a great way to show analytics for all kinds of things in a easy to dige...',
imageUrl: 'https://vueschool.io/storage/media/83a72e52f2de5a68b7044c37a90da91d/Charts-for-Vue.js-3-02.jpg'
},
{
title: 'Robust Vue.js Forms with FormKit',
courseUrl: 'https://vueschool.io/courses/robust-vue-js-forms-with-formkit',
isPremium: true,
isComingSoon: false,
duration: '2 hrs',
lessonCount: '17 lessons',
skillLevel: 'Intermediate',
description: 'Learn how to create robust forms in Vue.js with built in validation, labels, help text, de-bouncing, and more!',
imageUrl: 'https://vueschool.io/storage/media/6deb0b328d959696d7a3d136b49cbf26/robust-vue-js-forms-with-formkit.jpg'
},
{
title: 'Laravel Backends for Vue.js 3 and Nuxt',
courseUrl: 'https://vueschool.io/courses/laravel-backends-for-vue-js-3',
isPremium: true,
isComingSoon: false,
duration: '3 hrs',
lessonCount: '34 lessons',
skillLevel: 'Advanced',
description: "In this course, we'll build out a Vue.js & Nuxt front-end fine tuned for interaction with a Laravel powered REST API.",
imageUrl: 'https://vueschool.io/storage/media/16ce11772bf3727d68e90d9d8f41be18/laravel-backends-for-vue-js-3-not-transparent-1.jpg'
},
{
title: 'Vue 3 Single File Components',
courseUrl: 'https://vueschool.io/courses/vue-3-single-file-components',
isPremium: true,
isComingSoon: false,
duration: '48 min',
lessonCount: '8 lessons',
skillLevel: 'Intermediate',
description: 'Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.',
imageUrl: 'https://vueschool.io/storage/media/788760d24a1e69eaaee27dd28c4a5223/single-file-components-not-transparent.png'
},
{
title: 'Vue 3 Composition API',
courseUrl: 'https://vueschool.io/courses/vue-3-composition-api',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '23 lessons',
skillLevel: 'Intermediate',
description: 'Leverage the power of the new Composition API and build reusable features (composables) for scalable Vue applications.',
imageUrl: 'https://vueschool.io/storage/media/4736c711002f927627a56f1e43a4841a/vueschool-vue-3-composition-api-not-transparent.jpg'
},
{
title: 'Vue.js 3 Components Fundamentals With the Options API',
courseUrl: 'https://vueschool.io/courses/vue-js-3-components-fundamentals',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '11 lessons',
skillLevel: 'Beginner',
description: 'Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js 3 components with the Options API...',
imageUrl: 'https://vueschool.io/storage/media/047f457d8ea6585a6c72140c020d2e43/vue-3-components-fundamentals-not-transparent.png'
},
{
title: 'Modern JavaScript: ES6 and beyond!',
courseUrl: 'https://vueschool.io/courses/modern-javascript-es6-and-beyond',
isPremium: true,
isComingSoon: false,
duration: '2 hrs',
lessonCount: '25 lessons',
skillLevel: 'Intermediate',
description: 'Level up your JavaScript skills by mastering the modern and essential JavaScript techniques from ES6, ES7, and ES8.',
imageUrl: 'https://vueschool.io/storage/media/0e0ebe693c234f487c1eccc5cad3faaa/modern-javascript-es6-and-beyond.jpeg'
},
{
title: 'What is new in Vue 3',
courseUrl: 'https://vueschool.io/courses/whats-new-in-vue-3',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '7 lessons',
skillLevel: 'Intermediate',
description: 'Take a deep dive into the new and exciting features of Vue 3. Learn about Portals, Suspense, Composition API, Fragments, and much much more.',
imageUrl: 'https://vueschool.io/storage/media/ed5620513b0736fa20445ecd42869cd5/whats-new-in-vue-3.png'
},
{
title: 'Visual Studio Code for Vue.js Developers',
courseUrl: 'https://vueschool.io/courses/visual-studio-code-for-vue-js-developers',
isPremium: true,
isComingSoon: false,
duration: '2 hrs',
lessonCount: '25 lessons',
skillLevel: 'Beginner',
description: "As a Vue.js developer, one of the tools you'll use most often is your code editor. In this course, learn how to make the most out of the offic...",
imageUrl: 'https://vueschool.io/storage/media/4512854650c7f5739ce7a5a55a0737b5/visual-studio-code-for-vuejs-developers-full.png'
},
{
title: 'Vue.js 3 Custom Directives',
courseUrl: 'https://vueschool.io/courses/vue-js-3-custom-directives',
isPremium: true,
isComingSoon: false,
duration: '25 min',
lessonCount: '11 lessons',
skillLevel: 'Advanced',
description: 'Learn how to create custom directives in Vue.js 3. Directives are special HTML attributes that allow us to do powerful DOM manipulations, like...',
imageUrl: 'https://vueschool.io/storage/media/3f8117de3ac9eb78114e2a8324025cdd/Custom-Vue-3-Directives_not-transparent.jpg'
},
{
title: 'Vuex for Everyone',
courseUrl: 'https://vueschool.io/courses/vuex-for-everyone',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '16 lessons',
skillLevel: 'Advanced',
description: "This Vue.js course is based on the official Vuex example. We'll create a shopping cart with Vue and progressively discover and learn about Vue...",
imageUrl: 'https://vueschool.io/storage/media/ece792db44ba2524899667a20b18b28b/vuex-for-everyone.jpeg'
},
{
title: 'GraphQL Fundamentals',
courseUrl: 'https://vueschool.io/courses/learn-graphql-fundamentals',
isPremium: true,
isComingSoon: false,
duration: '23 min',
lessonCount: '5 lessons',
skillLevel: 'Beginner',
description: "GraphQL is a fantastic new API standard that provides a more efficient, powerful, and flexible alternative to REST. In this course, you'll lea...",
imageUrl: 'https://vueschool.io/storage/media/221c5a8fda6dc2671f76c2f9a24c890f/graphql.jpeg'
},
{
title: 'Reusable Vue.js Components with Slots',
courseUrl: 'https://vueschool.io/courses/reusable-vuejs-components-with-slots',
isPremium: false,
isComingSoon: false,
duration: '44 min',
lessonCount: '10 lessons',
skillLevel: 'Advanced',
description: 'Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.',
imageUrl: 'https://vueschool.io/storage/media/13867ba07d6eacdf868c78a340784a52/scoped-slots-course-not-transparent.jpg'
},
{
title: 'Nuxt Modules: The Ultimate Guide for Nuxt.js Developers',
courseUrl: 'https://vueschool.io/courses/nuxt-modules-the-ultimate-guide',
isPremium: true,
isComingSoon: false,
duration: '2 hrs',
lessonCount: '23 lessons',
skillLevel: 'Intermediate',
description: "Master the art of Nuxt Modules in this hands-on course! From installation to crafting custom modules, you'll unleash the full potential of Nux...",
imageUrl: 'https://vueschool.io/storage/media/262777f632b642c7dc4b62862b12d445/How_to_Build_a_Nuxt.js_Module-02.jpg'
},
{
title: 'Vue-Apollo GraphQL Fundamentals',
courseUrl: 'https://vueschool.io/courses/vue-apollo-graphql-fundamentals',
isPremium: true,
isComingSoon: false,
duration: '45 min',
lessonCount: '10 lessons',
skillLevel: 'Intermediate',
description: 'Learn how to consume and use GraphQL APIs in your Vue.js apps with Vue-Apollo.',
imageUrl: 'https://vueschool.io/storage/media/e256afbe4cfb56f8e3df32d2550d6823/vueschool_vue-apollo-graphql-fundamentals-course.jpg'
},
{
title: 'Web Accessibility Fundamentals',
courseUrl: 'https://vueschool.io/courses/web-accessibility-fundamentals',
isPremium: true,
isComingSoon: false,
duration: '26 min',
lessonCount: '7 lessons',
skillLevel: 'Beginner',
description: 'Learn how to make the web accessible for everyone, despite their hardware, software, language, location, or ability.',
imageUrl: 'https://vueschool.io/storage/media/ffc021bb3886d31524cd13dc753624f7/web-accessibility-fundamentals.jpeg'
},
{
title: 'Single File Components (Vue 2)',
courseUrl: 'https://vueschool.io/courses/vuejs-single-file-components',
isPremium: true,
isComingSoon: false,
duration: '37 min',
lessonCount: '8 lessons',
skillLevel: 'Intermediate',
description: 'Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.',
imageUrl: 'https://vueschool.io/storage/media/319b16f26e0633411fdd4ba155cfa321/vuejs-single-file-components.jpeg'
},
{
title: 'Storybook with Vue.js',
courseUrl: 'https://vueschool.io/courses/storybook-with-vuejs',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '16 lessons',
skillLevel: 'Beginner',
description: 'Document and showcase Vue.js components in an elegant UI with Storybook. Perfect for multi-disciplinary teams!',
imageUrl: 'https://vueschool.io/storage/media/f5552898136c232f4ab591f0357be0ec/storybook-with-vuejs.jpeg'
},
{
title: 'Static Site Generation with Nuxt.js (Nuxt 2)',
courseUrl: 'https://vueschool.io/courses/static-site-generation-with-nuxtjs',
isPremium: true,
isComingSoon: false,
duration: '11 min',
lessonCount: '4 lessons',
skillLevel: 'Advanced',
description: 'Learn how to generate static websites (pre-rendering) with Nuxt.js to improve both performance and SEO while eliminating hosting costs.',
imageUrl: 'https://vueschool.io/storage/media/414ea42d478f829e3d84ef7a1aafb7db/static-site-generation-with-nuxtjs.jpeg'
},
{
title: 'Async Data with Nuxt.js (Nuxt 2)',
courseUrl: 'https://vueschool.io/courses/async-data-with-nuxtjs',
isPremium: true,
isComingSoon: false,
duration: '23 min',
lessonCount: '7 lessons',
skillLevel: 'Intermediate',
description: 'Learn how to manage asynchronous data and render your application server-side with Nuxt.js',
imageUrl: 'https://vueschool.io/storage/media/8d5dd93658f0f122c89241904ccd6134/async-data-with-nuxtjs.jpeg'
},
{
title: 'Test with Jest',
courseUrl: 'https://vueschool.io/courses/test-with-jest',
isPremium: true,
isComingSoon: false,
duration: '52 min',
lessonCount: '13 lessons',
skillLevel: 'Intermediate',
description: 'Jest is an industry leading test suite for JavaScript used by big and small projects around the globe. Get up and running with Jest in this co...',
imageUrl: 'https://vueschool.io/storage/media/a2bd7a6a7e779ea58ccb86c49b8bc668/test-with-jest.jpeg'
},
{
title: 'Nuxt.js Fundamentals (Nuxt 2)',
courseUrl: 'https://vueschool.io/courses/nuxtjs-fundamentals',
isPremium: false,
isComingSoon: false,
duration: '35 min',
lessonCount: '14 lessons',
skillLevel: 'Beginner',
description: 'Learn the fundamentals of Nuxt.js in this course that we created together with the founders of Nuxt. The course covers what you need to know f...',
imageUrl: 'https://vueschool.io/storage/media/428d09b716e1288c9a3cb6cf75ea2fb7/nuxtjs-fundamentals.jpeg'
},
{
title: 'Vue.js 3 Options API Masterclass',
courseUrl: 'https://vueschool.io/courses/the-vuejs-3-options-api-master-class',
isPremium: true,
isComingSoon: false,
duration: '17 hrs',
lessonCount: '157 lessons',
skillLevel: 'Intermediate',
description: 'Learn how to build a real-world application with Vue.js 3 in the supercharged and remastered Vue.js Masterclass.',
imageUrl: 'https://vueschool.io/storage/media/f007f6057444d9a7f567163391d2b366/vuejs-3-master-class-not-transparent.jpg'
},
{
title: 'Internationalization with vue-i18n',
courseUrl: 'https://vueschool.io/courses/internationalization-with-vue-i18n',
isPremium: false,
isComingSoon: false,
duration: '56 min',
lessonCount: '12 lessons',
skillLevel: 'Intermediate',
description: 'Master internationalization and learn how to create multilingual websites and vue.js applications with vue-i18n.',
imageUrl: 'https://vueschool.io/storage/media/ad2ed8ee4274dbd30d8c6fcc64004364/I18N-not-transparent.png'
},
{
title: 'JavaScript Testing Fundamentals',
courseUrl: 'https://vueschool.io/courses/javascript-testing-fundamentals',
isPremium: false,
isComingSoon: false,
duration: '22 min',
lessonCount: '6 lessons',
skillLevel: 'Beginner',
description: 'This is our introductory course to JavaScript testing. We cover why testing is important, what you should test and the testing jargon you need...',
imageUrl: 'https://vueschool.io/storage/media/d0215d64ca50c35b1e94a74e8d6f5549/javascript-testing-fundamentals.jpeg'
},
{
title: 'Testing Vue.js Components',
courseUrl: 'https://vueschool.io/courses/learn-how-to-test-vuejs-components',
isPremium: true,
isComingSoon: false,
duration: null,
lessonCount: '11 lessons',
skillLevel: 'Advanced',
description: 'Learn everything you need to know to test your Vue.js components like a pro!',
imageUrl: 'https://vueschool.io/storage/media/54bddb7ff6b46f06c2e79cc8c2602153/learn-how-to-test-vuejs-components.jpeg'
},
{
title: 'Vue Router for Everyone (Vue 2)',
courseUrl: 'https://vueschool.io/courses/vue-router-for-everyone',
isPremium: false,
isComingSoon: false,
duration: null,
lessonCount: '17 lessons',
skillLevel: 'Intermediate',
description: 'Learn how to build powerful Single Page Applications in Vue with the Vue Router.',
imageUrl: 'https://vueschool.io/storage/media/832cd8ca9658529790923877c565a22f/master-the-vuejs-router-by-building-a-travel-app.jpeg'
},
{
title: 'Vue.js 2 Components Fundamentals',
courseUrl: 'https://vueschool.io/courses/vuejs-components-fundamentals',
isPremium: false,
isComingSoon: false,
duration: '53 min',
lessonCount: '11 lessons',
skillLevel: 'Beginner',
description: 'Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js 2 components in this course.',
imageUrl: 'https://vueschool.io/storage/media/02dfcc5f4034e1ac47d1e8d0d464f64d/vuejs-components-fundamentals.jpeg'
},
{
title: 'Custom Vue Directives',
courseUrl: 'https://vueschool.io/courses/custom-vuejs-directives',
isPremium: true,
isComingSoon: false,
duration: '14 min',
lessonCount: '10 lessons',
skillLevel: 'Advanced',
description: 'Learn how to create custom Vue.js directives. Directives are special HTML attributes that allow us to do powerful DOM manipulations, like v-if...',
imageUrl: 'https://vueschool.io/storage/media/dcb325336ea508e1e17086d5a982ce42/custom-vuejs-directives.jpeg'
},
{
title: 'Dynamic Forms with Vue.js',
courseUrl: 'https://vueschool.io/courses/dynamic-forms-vuejs',
isPremium: true,
isComingSoon: false,
duration: '58 min',
lessonCount: '13 lessons',
skillLevel: 'Advanced',
description: 'Learn how to create dynamic forms that consist of multiple steps with Vue.js',
imageUrl: 'https://vueschool.io/storage/media/da1665fbfd9da31b10a64989fd307c46/dynamic-forms-vuejs.jpeg'
},
{
title: 'Vue.js Form Validation',
courseUrl: 'https://vueschool.io/courses/vuejs-form-validation',
isPremium: true,
isComingSoon: false,
duration: '34 min',
lessonCount: '12 lessons',
skillLevel: 'Intermediate',
description: 'Learn how to validate your forms with Vue.js and Vuelidate like a pro.',
imageUrl: 'https://vueschool.io/storage/media/f5fbc8b7da6efaaf66cc12264e110038/vuejs-form-validation.jpeg'
},
{
title: 'Vue.js 2 Fundamentals',
courseUrl: 'https://vueschool.io/courses/vuejs-fundamentals',
isPremium: false,
isComingSoon: false,
duration: '27 min',
lessonCount: '10 lessons',
skillLevel: 'Beginner',
description: "This Vue.js course will teach you and get you up and running with the fundamental concepts of Vue.js. Perfect if you haven't touched Vue befor...",
imageUrl: 'https://vueschool.io/storage/media/6251fe891a2fe9a42f1a86f8ed7fbfed/vuejs-fundamentals.jpeg'
},
{
title: 'Vue.js + Firebase Authentication',
courseUrl: 'https://vueschool.io/courses/vuejs-firebase-authentication',
isPremium: true,
isComingSoon: false,
duration: '32 min',
lessonCount: '8 lessons',
skillLevel: 'Beginner',
description: 'This Vue.js course will teach you how to use Firebase Authentication in your vue.js applications and allow your users to authenticate with the...',
imageUrl: 'https://vueschool.io/storage/media/889826535f9c60e437dd71998b78de9c/vuejs-firebase-authentication.jpeg'
},
{
title: 'Vue.js + Firebase Realtime Database',
courseUrl: 'https://vueschool.io/courses/vuejs-firebase-realtime-database',
isPremium: true,
isComingSoon: false,
duration: '34 min',
lessonCount: '8 lessons',
skillLevel: 'Beginner',
description: 'This Vue.js course will teach you how to use Firebase Realtime Database in your vue.js applications. The example app is a realtime chat room,...',
imageUrl: 'https://vueschool.io/storage/media/03dde14089ac17c2e5491dde490d816c/vuejs-firebase-realtime-database.jpeg'
},
{
title: 'The Vue.js 2 Master Class',
courseUrl: 'https://vueschool.io/courses/the-vuejs-2-master-class',
isPremium: true,
isComingSoon: false,
duration: '7 hrs',
lessonCount: '105 lessons',
skillLevel: 'Intermediate',
description: "In our Master Class you'll learn Vue.js 2 by building a real-world application. Together we’ll create a complete forum from scratch using ex...",
imageUrl: 'https://vueschool.io/storage/media/ffbaf4151052529c8a0d83c65c9a8e6e/the-vuejs-master-class.jpeg'
},
{
title: 'Functional Components',
courseUrl: 'https://vueschool.io/courses/functional-components',
isPremium: true,
isComingSoon: false,
duration: '31 min',
lessonCount: '8 lessons',
skillLevel: 'Advanced',
description: 'Learn all you need to know to take full advantage of functional components in your Vue.js applications.',
imageUrl: 'https://vueschool.io/storage/media/a49d174f20397bfb58f05440b57c8d32/functional-components.jpeg'
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment