Created
April 9, 2025 18:47
-
-
Save danielkellyio/8c6ea65eedd6584ef8e76e297a62905e to your computer and use it in GitHub Desktop.
Vue School Courses as Scraped by Puppeteer MCP April 2025
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| 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