Welcome to Our Learning Platform
Discover our collection of courses and start learning today
The Complete Guide to Data Fetching in Nuxt
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 navigation change. You can also fetch data on the client only, on the server only, or on both. There are also various concepts to learn when it comes to caching that data for performance and different ways and reasons to fetch fresh data. In this course, we'll do a deep dive into useFetch and useAsyncData to make you a data fetching expert!
Vue Composables
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!
Quasar Fundamentals
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 more. Quasar’s robust material design component library offers a sleek and intuitive API, with customizable components to meet your needs. Quasar stays current with technology trends while maintaining backward compatibility. It embraced Vue 3 early with minimal changes, ensuring you can build robust apps without major disruptions. Grab a coffee and settle in! By the end of this course, you'll be ready to tackle your app-building projects with confidence. Let's get started!
Real-Time Data with Laravel Reverb and Vue.js
Learn how to pair a Vue.js front-end with Laravel Reverb for real-time data support.
Vue.js Master Class 2024 Edition
Learn how to build a real-world application with Vue.js with the latest and greatest tech including the Composition API, Pinia, Vite, and more!
Enhanced Routing with UnPlugin Vue Router
UnPlugin Vue Router enables file based routing for vanilla Vue.js projects plus makes routes typesafe. Learn the ins-and-outs of this vite plugin to supercharge the routing DX in your next Vue.js application.
Crafting a Custom Component Library with Vue and Daisy UI
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 by creating your own UI framework for Vue.js.
Vue Component Fundamentals with the Composition API
Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js components in this course using the latest and greatest API: the Composition API.
Nuxt Modules: The Ultimate Guide
Master the art of Nuxt Modules in this hands-on course! From installation to crafting custom modules, you'll unleash the full potential of Nuxt, Vue, and JavaScript. Dive into practical coding sessions, and by the end, you'll be ready to create your own Nuxt magic.
A “Wordle” on Test Driven Development in Vue.js
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 Wordle completely from scratch! Besides learning Test Driven Development, this course will also be a great way to sharpen your skills with Vue 3 and its composition API; as well as learn how to write tests with Vitest and Vue Test Utils.
Tailwind CSS Fundamentals
Learn the basics of TailwindCSS and start styling your apps with the most popular styling tool in the web development community!
Material UI with Vuetify and Vue.js
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 according to the beautiful Material Design spec. It's also the most used UI library for Vue.js with over half a million weekly downloads!
Content Sites with Astro and Vue.js
In this course, learn the basics of getting started with Astro by building a simple blog. Also, learn to integrate it with your favorite JavaScript framework Vue.js for templating that’s familiar and for sprinkling in interactivity only where required.
Common Vue.js Mistakes and How to Avoid Them
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 to fix them.
Charts for Vue.js 3
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 digest format. Learn to support robust charts for your app with ChartJS for Vue.
Vue.js Transitions and Animations
Unlock the full potential of Vue with its built-in support for transitions and animations. Plus, discover third-party transition and animation plugins.
Advanced Components: Exposing Internal State
Learn the various way of exposing a component's internal state for fine-grained control from the parent component.
AI Chat Bot with Vue.js and GPT-4
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 request. Learn how to interact with this powerful API in the context of a Vue 3 application.
Laravel Backends for Vue.js 3
In this course, we'll build out a Vue.js front-end fine tuned for interaction with a Laravel powered REST API.
Build a Drag-and-Drop Trello Board with Vue.js
Get hands on with this fun Trello board project! Learn how to create a drag and drop interface with Vue Draggable, style it with Tailwind CSS, and enhance it with VueUse.
Robust Vue.js Forms with FormKit
Learn how to create robust forms in Vue.js with built in validation, labels, help text, de-bouncing, and more!
Rapid Testing with Vitest
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.
Nuxt.js 3 Fundamentals
Nuxt is meta-framework built on top of Vue, that offers a variety of rendering modes and a ton of developer conveniences including auto-imported components and composables, page-based routing, and more! Version 3 of the meta-framework is shaping up to be twice as awesome as the previous.
Custom Vue.js 3 Plugins
Build a custom tooltip plugin from the ground up and learn what it takes to develop and deliver a reusable Vue.js plugin.
Vue.js 3 Custom Directives
Learn how to create custom directives in Vue.js 3. Directives are special HTML attributes that allow us to do powerful DOM manipulations, like v-if, v-for and v-model.
Jamstack: The Complete Guide
The Jamstack architecture is a modern approach that capitalizes on the power of JavaScript in the client and powerful site generators that output static html. In this course, learn how to pair the Storyblok CMS with Nuxt.js to create a feature rich site that's cheap, simple, and performant to host and serve.
Visual Studio Code for Vue.js Developers
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 officially recommended IDE for Vue.js development: Visual Studio Code.
VueUse for Everyone
Learn how to utilize VueUse in your Vue.js applications to reactively interact with various browser features, sensors, and more!
TypeScript with Vue.js 3
Learn how to use TypeScript in your Vue projects to supercharge your IDE's error detection and autocompletion, as well as provide type safe code that's easier to reason about and refactor.
Vue.js 3 Fundamentals with the Composition API
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 you're just getting started!
Pinia: The Enjoyable Vue Store
Learn how to use Pinia for global state management in your Vue 3 applications.
Application Monitoring in Vue.js with Sentry
Monitoring for issues is an important part of any successful Vue.js application. Sentry allows us to know what issues customers are having in real time and provides an intuitive way to understand those issues, direct those issues to the proper party for resolution, and release fixes for them.
Rapid Development with Vite
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, we cover everything you need to know in order to get a Vue.js project up and running with Vite.
TypeScript Fundamentals
Learn the basics of TypeScript, a super set of the JavaScript language aimed at making more scalable and maintainable JavaScript codebases with static typing.
Vue 3 Composition API
Leverage the power of the new Composition API and build reusable features (composables) for scalable Vue applications.
Vue 3 Single File Components
Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.
Vue.js 3 Components Fundamentals
Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js components in this course.
Vue Router 4 for Everyone
Learn how to build powerful Single Page Applications in Vue 3 with the Vue Router 4.
Vue.js 3 Fundamentals with the Options API
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!
Web Accessibility Fundamentals
Learn how to make the web accessible for everyone, despite their hardware, software, language, location, or ability.
Vue.js 3 Options API Masterclass
Learn how to build a real-world application with Vue.js 3 in the supercharged and remastered Vue.js Masterclass.
Reusable Vue.js Components with Slots
Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.
Vue-Apollo GraphQL Fundamentals
Learn how to consume and use GraphQL APIs in your Vue.js apps with Vue-Apollo.
What is new in Vue 3
Take a deep dive into the new and exciting features of Vue 3. Learn about Portals, Suspense, Composition API, Fragments, and much much more.
GraphQL Fundamentals
GraphQL is a fantastic new API standard that provides a more efficient, powerful, and flexible alternative to REST. In this course, you'll learn the fundamentals of GraphQL.
Storybook with Vue.js
Document and showcase Vue.js components in an elegant UI with Storybook. Perfect for multi-disciplinary teams!
Functional Components
Learn all you need to know to take full advantage of functional components in your Vue.js applications.
Internationalization with vue-i18n
Master internationalization and learn how to create multilingual websites and vue.js applications with vue-i18n.
Vue Router for Everyone
Learn how to build powerful Single Page Applications in Vue with the Vue Router.
Modern JavaScript: ES6 and beyond!
Level up your JavaScript skills by mastering the modern and essential JavaScript techniques from ES6, ES7, and ES8.
Testing Vue.js Components
Learn everything you need to know to test your Vue.js components like a pro!
Single File Components
Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.
Vue.js Components Fundamentals
Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js components in this course.
Static Site Generation with Nuxt.js
Learn how to generate static websites (pre-rendering) with Nuxt.js to improve both performance and SEO while eliminating hosting costs.
Async Data with Nuxt.js
Learn how to manage asynchronous data and render your application server-side with Nuxt.js
Test with Jest
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 course!
Nuxt.js Fundamentals
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 from scaffolding to deploying your first Nuxt.js application.
Custom Vue Directives
Learn how to create custom Vue.js directives. Directives are special HTML attributes that allow us to do powerful DOM manipulations, like v-if, v-for and v-model.
JavaScript Testing Fundamentals
This is our introductory course to JavaScript testing. We cover why testing is important, what you should test and the testing jargon you need to know.
Dynamic Forms with Vue.js
Learn how to create dynamic forms that consist of multiple steps with Vue.js
Vue.js Form Validation
Learn how to validate your forms with Vue.js and Vuelidate like a pro.
Vue.js Fundamentals
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 before or you just getting started!
Vue.js + Firebase Authentication
This Vue.js course will teach you how to use Firebase Authentication in your vue.js applications and allow your users to authenticate with their favorite third-party provider (Twitter, Github, Google, etc.) or plain ol' email and password - without writing any server-side code!
Vue.js + Firebase Realtime Database
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, and our goal is to make sure all online users get updates in realtime whenever a message is added, edited or deleted.
The Vue.js Master Class
In our Master Class you'll learn Vue.js by building a real-world application. Together we’ll create a complete forum from scratch using exciting technologies that synergize with Vue.
Vuex for Everyone
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 Vuex features by replacing pieces of the application with mutations, getters, and actions.
Generating Fake Data with Faker.js
All user interfaces depend heavily on the data they display, manage, and mutate. It can be difficult to come up with variety of realistic values for our data sets when writing tests, thankfully, there are tools available to help us with that. Learn how to create large swaths of realistic-ish fake data to help you jump start your app development quickly.
Rich Text Editing and Beyond with TinyMCE and Vue
Modern applications require robust content editing well beyond plain text and even beyond traditional WYSIWYG editors. Your Vue applications are no exception! Learn how to add various implementations of rich text editing to your Vue apps with TinyMCE. It’s a flexible and easy-to-use solution for powering all kinds of content editing from traditional rich text needs to use cases like HTML email templates, content for learning management systems, and even full-on CMS systems.