Best Vue Js Courses

Find the best online Vue Js Courses for you. The courses are sorted based on popularity and user ratings. We do not allow paid placements in any of our rankings. We also have a separate page listing only the Free Vue Js Courses.

Vue – The Complete Guide (w/ Router, Vuex, Composition API)

Vue.js is an awesome JavaScript Framework for building Frontend Applications! VueJS mixes the Best of Angular + React!

Created by Maximilian Schwarzmüller - Professional Web Developer and Instructor

"]

Students: 168017, Price: $89.99

Students: 168017, Price:  Paid

No matter at which metric you look at (Google Trends, Github Stars, Tweets ...) - VueJS is the shooting star in the world of JavaScript frameworks - it simply is amazing!

This bestselling course teaches the latest version of Vue (Vue.js 3) from the ground up and in great detail. We'll cover all the core basics but we'll not stop thereafter - this course also dives into advanced concepts like the Composition API introduced with Vue 3.

Frontend frameworks like Vue JS are extremely popular because they give us this reactive, great user experience we know from mobile apps - but now in the browser! No wonder that jobs requiring frontend framework skills like VueJS are amongst the best paid ones in the industry!

You may know Angular 2+ and ReactJS, well, VueJS combines the best of both frameworks and makes building anything from small widgets to big, enterprise-level apps a breeze and a whole lot of fun!

And if you don't know the two mentioned frameworks: That's fine, too, this course does not expect any knowledge of any other frontend framework - you will learn it all throughout this Course!

This course covers it all!

We'll start at the very basics, what Vue.js is and how it works before we move on to more complex and advanced topics but I'll be honest: It's too much to fit it all into one sentence, so here's what you'll learn in this Course:

  • What is VueJS and Why would you use it?

  • The Basics (including the basic Syntax, Understanding Templates and much more!)

  • How to Output Reactive Data & Listen to Events

  • Interacting with DOM (Rendering Lists, Conditionally attaching/ detaching Elements ...)

  • Setting up a Development Environment and Workflow

  • Using Components (and what Components are to begin with)

  • A Deep Dive Look Behind the Scenes of Vue

  • Binding to Form Inputs

  • Sending Http Requests to Backend APIs

  • Authentication & Vue

  • How to make your App more Beautiful with Animations and Transitions

  • How to create an awesome Single-Page-Application (SPA) with Routing

  • How to improve State Management by using Vuex

  • How to Deploy the App

  • And much more ...

All these topics are taught with real examples and demo projects. This course is full of exercises, challenges and bigger courser projects that allow you to practice what you learned.

Along with many other smaller projects, we will build a couple of bigger main projects:

  • The "Monster Slayer" Game - a game running in the browser, 100% powered by Vue

  • The "Learning Resource Manager" - a web app that allows you to manage (add, delete, list) your favorite learning resources

  • The "Find a Coach" app - a web app that allows you to sign up / login, register as a coach, list and filter available coaches and send messages to coaches

At the moment, this course includes both my brand-new Vue 3 course as well as my old Vue 2 course (the section marked as "VUE2"). The Vue 2 course will removed later this year.

Is this course for you?

Now that you know what this course is about, let's see if this course is for you!

Here are three types of students who will love this course:

Student #1:

Has some JavaScript experience and is interested in what this language can do. You heard and read that JavaScript allows you to create nice web applications and enhance existing web pages. VueJS is your choice!

Student #2:

You already have some experience with other frontend frameworks like Angular (2+) or ReactJS. But either due to interest or disappointment of the existing frameworks, you seek some alternatives - VueJS might be what you were looking for!

Student #3:

Has experience with backend frameworks/ languages but now also wants to enter the frontend world. VueJS is an awesome choice here, it's fun, it uses native JS and it's extremely powerful!

Bonus: Student #4

Is disappointed by Angular 2+. Does a good framework need 2 hours of setup? No, certainly not - as VueJS will prove to this student!

Let's dive into VueJS right now!

Complete Javascript & jQuery Course with Bonus Vue JS Intro

Learn Javascript, jQuery and Ajax from the start + Bonus Intro to Vue JS 3. Incudes complete written course material!

Created by Ivan Lourenço Gomes - Programmer & Front End Web Developer

"]

Students: 148149, Price: $79.99

Students: 148149, Price:  Paid

In this course you will learn JAVASCRIPT in a very natural and intuitive way. Our step by step method of teaching mixed with exercises, real life examples, challenges and projects will make you feel very confident with the language and become a professional Javascript programmer in just a few weeks.

The course includes a complete jQuery section with exercises and a cool project where you will build an online t-shirt price calculator with multiple filters.

There's also one whole section about AJAX and JSON where we will get external data from APIs to use in our web applications. The ending project of this section is building a Quiz Game where users can play live and try to beat the computer on questions about Music, Science, History, Entertainment and many other topics. 

BONUS: We've recently included a new section fully dedicated to give you a great introduction to Vue JS. Get ready to learn modern web development with the most popular Javascript framework in the industry.

If you want to learn Javascript with ease and boost your developer career, just enroll in the course today. You will get instant lifetime access and money back guarantee so you can learn at your own pace anytime you want. 

React vs Angular vs Vue.js by Example

Decide for yourself which you like the best.

Created by Gary Simon - Professional Freelance Designer & Course Instructor

"]

Students: 77585, Price: Free

Students: 77585, Price:  Free

With all of the various javascript libraries and frameworks, you might be a little bit confused as to where to begin. Right now, the three powerhouses in the javascript world are React, Angular and Vue.js.

Sometimes, the best course of action is to make up your own mind based on your own experiences.

And that's exactly what this course will aim to do. We're going to design and develop a single app in React, Angular and Vue.js.

The goal here is to help you determine which workflow you like best based on your own needs and preferences.

The following is the basic flow of what we're going to learn in React, Angular, and Vue.js:

  • Installing & Getting Started with a Project
  • Component Structure
  • Templating
  • Styling
  • Integrating CSS Frameworks
  • Working with API's

This will help you get a solid start with each of these javascript technologies, to the point at which you will walk away with your own opinions.

So, if you're ready to learn, let's get started!

Vue.js Fast Crash Course

Learn to use the popular and hot JavaScript Framework VueJs / Vue or Vue.js

Created by Edwin Diaz - Web Developer & Premium Instructor - 700,000 students

"]

Students: 77080, Price: Free

Students: 77080, Price:  Free

This Javascript Framework called Vue.js,  or Vue has become very popular, especially in the Laravel community. Vue has adopted and improved many features of the other bigger frameworks like Angular, React and Ember.

With Vue you can be up and running within 3 minutes. We can link to a local Vue script, use a CDN or just use the amazing CLI to create single file applications with ease.

No more do we need to rely on jQuery to create really cool functionalities since Vue makes it a lot easier to play around with the DOM and create really amazing functionalities in our app with less code. 

Learning to use this Javascript framework has become important since developers are always in need of fast, flexible and easy to implement Frameworks.. 

This course covers the main Vue features so that anybody can be up and running with it in no time. 

Here are some of the things we are covering 

  • Data binding
  • Control Structures
  • Conditionals
  • Lists redering
  • Computed properties
  • Components
  • Routing
  • HTTP
  • and more.....

JavaScript Essentials 2020 Mini Course

Learn the basis of JavaScript, including programming fundamentals you can use in Vue.js, React.js and Node.js

Created by Kalob Taulien - Web developer and coding instructor

"]

Students: 73754, Price: Free

Students: 73754, Price:  Free

This is the perfect introduction course to JavaScript to learn JavaScript from scratch and become an intermediate frontend developer. 

In this course you will learn all the JavaScript fundamentals that will launch you into a career as a web developer. JavaScript Essentials was designed to give your transferable programming skills so you can learn Node.js, Vue.js, React.js and even Python/PHP, so you can become a full stack developer. 

We'll go over variables, query selectors, functions and much much more! View the list of lessons below. 

Vue JS 2.0 – Mastering Web Apps

Create the VueJS 2.0 apps you always wanted. Build 5 apps, learn development secrets, VueRouter, Vuex, & more!

Created by David Joseph Katz - Software Engineer

"]

Students: 59734, Price: $79.99

Students: 59734, Price:  Paid

Become an in-demand software engineer by taking this tutorial on Vue Js. As one of the fastest growing frameworks for web development, learning Vue is a must. Simply put, understanding Vue will open doors and jobs for you.

This project-based course will have you coding right away. By building five carefully thought-out example applications, you will sharpen your skills in modern web development.

First, learn the essentials of Vue 2.0 by going through the main concepts and syntax. Then, build your first single-page app with Vue. Second, create an application that handles HTTP Web Requests in Vue and uses a public API. Extend upon this application next, learning VueRouter for multi-page applications. Fourth, build an application that works with Vuex to manage data. Finally, cap it all off by building an app with full authentication and a real-time database.

You’ll not only learn Vue 2.0, but essential libraries like VueRouter and Vuex. Vuex can have a reputation for complexity, but you’ll find in this course, a secret recipe that boils Vuex down to three simple steps!

Lastly, don’t worry if you’re new to web development. Some JavaScript experience will help, but this course explains every new concept thoroughly.

So what are you waiting for? Take the dive into VueJs. Let’s get started coding!

Webpack 4: Beyond the Basics

Quick, code-driven, follow-along Javascript tutorials of Webpack, Babel, React, Angular, Vue, Redux, SSR, Typescript

Created by Lawrence Whiteside - Software Engineer

"]

Students: 26606, Price: Free

Students: 26606, Price:  Free

Welcome to the course for building modern javascript applications using the Webpack module loader and asset bundler.

I aim to make this Beyond the Basics course accessible to all skill levels.  It's geared towards people who've seen the basics and messed around a bit, but still don't feel they understand Webpack. Each episode is written and rehearsed beforehand. They're edited so as to make best use of your time. There's not a wasted moment in any of these lessons.

With project centered content building real-world Webpack apps that you and your company can use from the very first line of code.  First we look at the optimal Webpack development setup . Follow and code along as we build a Markdown blog, like Ghost, with Hot Module Reloading, Babel, and debugging in Node. We then move into how Webpack optimizes your production bundles, as we solidify the boilerplate into a portfolio website.

The final project is a doozy. We expand the portfolio site to a multi-domain node rewrite of Wordpress MU, Tumblr or SquareSpace.  So you can run multiple domain names from a single node server process.  We dig into the latest Webpack 4 features, including Server-side Rendering, dynamic imports with "magic comments" and we finish with Universal React components and CSS Chunks in Parallel.  You will definitely want to get to the end of this course.

Along the way I'll discuss all the frameworks and libraries Webpack integrates with.  Whether you're working on an legacy Rails or other backend project or just want to create something beautiful with EJS, Pug, Handlebars, Sass, Less or Stylus, CSS Modules, Angular or Vue JS there's a method and I'll give you the keys to build your site the way you want it.

Thank you for considering this course.  I put everything I had into it.

- Law

Nuxt.js – Vue.js on Steroids

Build highly engaging Vue JS apps with Nuxt.js. Nuxt adds easy server-side-rendering and a folder-based config approach.

Created by Academind by Maximilian Schwarzmüller - Online Education

"]

Students: 25718, Price: $129.99

Students: 25718, Price:  Paid

Vue.js is an amazing JavaScript framework which you can use to build highly engaging user interfaces and single page applications. You can join my bestselling course on Vue.js, here on Udemy, if you want to learn more about this awesome framework!

Nuxt.js takes it to the next level!

It's a library for Vue.js (kind of a "framework for a framework") and it adds two major things to Vue.js:

  • Server-side-rendering of your Vue app out of the box

  • Easy Vue app configuration via folders and files

You'll of course learn all the details in this course but the most important takeaway is that Nuxt.js makes the creation of better, more optimized and more capable Vue apps much easier - and all of that whilst adding pretty much no overhead.

In this course, I'll teach you how to create Nuxt/ Vue apps from scratch! We'll build an entire course project and dive into the core features Nuxt.js offers.

By the end of the course, you'll have a complete Vue app, built with Nuxt.js, which can be rendered on the server (or as a static website!) and which is highly optimized.

The course will teach you ...

  • ... what Nuxt.js exactly is and how it's connected to Vue.js

  • ... how you use Nuxt.js to build better Vue apps

  • ... everything you need to know about the "configure via folders & files" approach taken by Nuxt

  • ... different build possibilities like SSR apps, SPAs or a static webpage

  • ... how you build an entire project, including authentication, via Nuxt.js

  • And way more!

Who am I?

My name is Maximilian Schwarzmüller and I built my company's (Academind) webpage with Nuxt.js.

Besides that, I'm the instructor of the 5* rated, bestselling Vue.js course here on Udemy. I worked with Vue since it's beta, the same is true for Nuxt.js.

I absolutely love these two frameworks and I can't wait to dive into them together with you!

Build Web Apps with Vue JS 3 & Firebase

Learn Vue JS 3 & Firebase by creating & deploying dynamic web apps (including Authentication).

Created by The Net Ninja (Shaun Pelling) - Online Coding Tutor & Net Ninja

"]

Students: 20915, Price: $99.99

Students: 20915, Price:  Paid

If you're looking to get started building full-stack applications with Vue 3 (or Vue 2) and Firebase, then look no further. In this course I'll take you from novice to ninja in Vue JS 3, starting out with the very basics and then moving on towards creating fully-fledged Vue applications. 

We'll spend a whole chapter learning about the Vue Router - and how to create SPA's (single page applications) using it - as well as exploring how to use the Vue CLI to get up and running quickly when creating slightly larger Vue applications.

We'll also dive deep into the newest features Vue 3 has to offer, including a lot about the Composition API & Composable Functions.

I'll also teach you how to use Firebase - an online & free service provided by Google which will act as a feature-rich back-end to our Vue applications. We'll learn how to use Firebase to store and retrieve real-time data to and from a NoSQL database called Firestore, as well as authenticate our app's users with the Firebase Auth service, We'll also take a peak at Firebase Storage (which will enable us to allow users to upload images on our Vue sites), as well as deploying all of our applications to Firebase hosting.

Along the way we'll create several full projects, including a reaction timer, project tracker, a blog, a real-time chatroom & a music playlist website.

There's a crazy amount to cover, but by the end of this course you'll be in a position to create full-stack web applications (complete with user authentication) using Vue 3 and Firebase!

I'm also know as The Net Ninja on YouTube

...With around 600,000 subscribers and nearly 2000 free web development tutorials. So feel free to check out my teaching style and reviews before you buy my course :).

Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

(RE-RECORDED April 2021) Vue.js 3 is here! Learn from "Hello, Vue!" to building large apps with Vuex and Vue Router.

Created by Lachlan Miller - Software Engineer

"]

Students: 13389, Price: $34.99

Students: 13389, Price:  Paid

Another Vue.js 3 from zero to hero course - kind of. This course is for developers who want to move fast. We cover the traditional way of building Vue apps - the Options API - as well as the the new Composition API, and even see how you can mix and match them together.

There are 8 modules; 4 introduce fundamental skills (Options API; Composition API; Vuex and Vue Router). The remaining four modules are projects, so you can see how to apply the fundamental skills in real apps. I am a big believer in learning by doing.

After learning both the Options and Composition API, we see how to use them both with Vuex and Vue Router, and talk about the different use-cases and trade-offs to consider.

Finally, as we progress through, our focus starts to shift from not only how to build apps with Vue, but to thinking about how we architect things; how components should communicate, where data should be saved (also known as state management) and how it flows through the app.

The course is taught by Vue.js team member Lachlan Miller, so you can be confident you are in good hands.

After covering Vue; we look at Vuex, Vue's state management solution, and Vue Router, for front-end routing. The course culminates with a capstone project, using the three core Vue libraries (Vue, Vuex, Vue Router) to build an application.

React JS, Angular & Vue JS – Quickstart & Comparison

Angular (Angular 2+), React or Vue? Get a Crash Course on each of them and a detailed comparison!

Created by Maximilian Schwarzmüller - Professional Web Developer and Instructor

"]

Students: 13310, Price: $99.99

Students: 13310, Price:  Paid

After learning the basics about JavaScript, the JavaScript world can be very intimidating. There are lots of different frameworks like Angular, React or Vue, libraries and other packages (like webpack). 

You’ll quickly see yourself ask these questions:

  • What do all these packages, tools, libraries and frameworks do?
  • What IS a library and what's the difference to a framework?
  • Which framework should you learn? Angular, React.js or Vue.js?
  • What about jQuery?

This course will help you with that! 

You’ll get an introduction into the three most important JavaScript frameworks (Angular, React.js and Vue.js) and you’ll also get a detailed comparison! This will then allow you to pick other resources or courses to dive super-deep into your chosen framework whilst having a solid foundation already.

Throughout the course, we’ll dive into the basics of these frameworks but we’ll also have a look at why we use them to begin with. The role of jQuery and how these frameworks differ from jQuery will be clarified, too!

Which framework should you learn?

Not only are we going to dive into the basics of the three most popular JavaScript frameworks, this course will also draw a detailed comparison. A couple of different dimensions will be considered to find out which framework might be the perfect tool for the job you have at hand!

This course won’t stop at this point though!

We’ll also have a look at Webpack and “Build workflows” in general. You’ll learn which role these (and the respective packages like Webpack) play and why we need them. You will also understand which role ES6 and TypeScript play.

Here’s a detailed overview over what you’ll get!

  • An introduction to today’s JavaScript world and an immediate overview over the different roles of the individual pieces
  • A practical example showing you why vanilla JavaScript (=without any libraries or frameworks) might NOT be all you need
  • An overview what JavaScript frameworks are and where to use them
  • Detailed introductions to the three most relevant JavaScript frameworks as of today: Angular (2, 4), React.js and Vue.js
  • An introduction to Webpack and why we use it (and build workflows in general)
  • A detailed comparison of the three frameworks shown in this course – when could you pick which?
  • A detailed understanding of the JavaScript world as it is today

Is this course for you?

Now that you learned what this course offers, let's find out if it's the right choice for you. It's definitely the right choice if you can answer at least one of the following questions with "YES":

  • You have basic JavaScript experience and want to learn how to use libraries or frameworks to "do more with JavaScript"
  • You're not sure which JavaScript (frontend) framework you should learn
  • You already know something about JavaScript frameworks but want to get a basic introduction to the three most important ones
  • You already know either Angular, React.js or Vue.js but also want to get an overview over the other two frameworks
  • You're totally confused by the many terms the JavaScript world throws at you

I'd be very happy to welcome you on board of this course!

Pre-Vue JS: Everything You Need To Know Before You Start!

Pre-Vue JS Course: The Only Course You Need Before You Begin Learning Vue JS! Know If It Can Lead To A Career!

Created by Farid Ul Haq - Entrepreneur/ Online Influencer

"]

Students: 12376, Price: Free

Students: 12376, Price:  Free

About this course

A Quick Course to Help You Understand the Basics of Vue.js (Including Vue.js 2)

Description

This is a quick and relatively short course about Vue.js to help you understand the basics of Vue.js if you are thinking of using it for app development.

Since its debut back in 2014, Vue.js has gone on to become one of the most used JavaScript frameworks for app development. The reason behind such success has to do with the fact that Vue.js is easy to use and highly adaptable.

You should think of this course as a pre-Vue.js lesson. This means that I will, in the simplest of terms possible, go over some of the essential things you should know about Vue.js. This course can potentially help you decide if Vue is something you wish to use down the line for app development.

The entire course has been divided into different sections. And even if you weren’t too familiar with Vue.js before, I hope that this course aids in providing you a basic idea of Vue.js once you reach the end.

I will cover things such as:

• What is Vue.js?

• Who Created it?

• What are the advantages of Vue.js?

• How does Vue.js compare to other frameworks?

• Common questions you might have about Vue.js.

• And more!

Again, I have tried to deliver all of the information in simple terms and with examples to drive the point home.

What are the requirements?

• Basic Computing Knowledge

What am I going to get from this course?

• A basic understanding of Vue.js for app development.

What is the target audience?

• Beginners as well as anyone interested in learning about the basics of Vue.js to help in their app development journey.

Vue JS Essentials with Vuex and Vue Router

Have limited time to learn Vue, Vuex, and Vue Router? Take this course and learn Vue in 11 hours!

Created by Stephen Grider - Engineering Architect

"]

Students: 11596, Price: $99.99

Students: 11596, Price:  Paid

State management with Vuex? Yep.  Drag and drop image upload? Covered!  Authentication with OAuth2?   Its here!

If you're looking to learn Vue, Vuex, and Vue Router in record time you're in the right place!  I built this course to help you understand Vue in a fraction of the time that other courses requires.  You'll find absolutely no filler content here, only direct, accurate, and concise explanations of exactly how Vue works.

Vue is an extremely popular front end Javascript framework made for developing dynamic and interactive web apps.  Vue has grown tremendously in popularity in the last few years, and is poised to overtake even React and Angular as the king of all web frameworks.  The secret of Vue is its simplicity - a little bit of knowledge of how Vue works goes a long way!  To help you master Vue, I built this course specifically tailored to be completed in the smallest amount of time possible.  No time is spent with unnecessary or unimportant topics, only the most relevant information is presented.

In just 11 hours, you can become a master of Vue!  

Vue can be used by itself, but it gets even better when used with Vuex and Vue Router as well.  Vuex is a state management framework, which is used to fetch, store, and move data around your application.  In this course, you'll get a deep understanding of how Vuex works and how it works so well with Vue by getting plenty of practice fetching data, storing it, and then retrieving it for use inside of a Vue application.  Vue Router is used to navigate users around to different pages in a single page application.  Vue Router is incredibly simple to get started with - you'll master its inner workings after I show you one simple example.

Throughout this course, you'll get practical experience with the following:

  • Producing dynamic, responsive applications using Vue
  • Upload images to a remote server using drag and drop image upload
  • Log users into your app using OAuth2 Authentication
  • Use a cutting edge project boilerplate with Vue CLI
  • Reduce the amount of code you write using Template Directives
  • Communicate between components using Props and Events
  • Update Vue components using reactive data properties
  • Progamatically navigate users around your application using Vue Router
  • Model application data using the powerful Vuex framework
  • Persist information stored in your app using Local Storage
  • Develop a master-level understanding of the differences between imperative and declarative programming
  • Learn how Vue gives developers multiple tools to accomplish task, and know which the best is for you

All of these topics are communicated with the utmost respect for your learning time.  Every section has been written and re-written to be as concise as possible.  If you want to learn Vue as fast as possible then look no further!  Sign up today and master Vue!

Vue.js Essentials – 3 Course Bundle

Learn and master VueJS by building 3 professional, real world web application using Vue!

Created by Anthony Gore - Vue Community Partner, Founder of Vue.js Developers

"]

Students: 7211, Price: $99.99

Students: 7211, Price:  Paid

If you're looking to learn and master Vue.js with an expert instructor, look no further than Vue.js Essentials.

In this series of three courses, you'll build three real-world Vue.js apps that take you from the very basics of Vue to the cutting edge.

With over 6000 past students, this course bundle includes 10 hours of high-quality video with English closed captions.

Keep reading to see what's included...

Course 1: Build Your First Vue.js App

This first course is an introduction for those who've never used Vue.js or who need to brush up on the basics.

We'll cover key Vue concepts such as:

  • Installing Vue

  • Adding Vue to a web page

  • Template syntax (interpolations and directives)

  • Lifecycle hooks

  • Transitions

And more!

The best way to learn is by doing, so we'll put this theory into practice and build a simple but powerful eCommerce user interface complete with products and a shopping cart called Vue.js Poster Shop.

Course 2: Build A Vue.js Single-Page App with Vue Router

Now that you know the basics of Vue, you're ready to learn Vue's most powerful features!

By the end of this second course, you'll be able to build a high-performing, feature-rich Vue.js app using the single-page application (SPA) architecture.

Topics covered in this course include:

  • Components

  • Vue Router

  • Slots

  • Single-file components

  • Custom plugins and directives

  • Webpack configuration for Vue.js projects

And more!

Together, we'll build a movie session times app called Vue.js Cinema that, unlike the app from the first course, includes multiple pages managed with Vue Router.

Building this app will introduce you to the power and versatility of components-based app design. You'll also learn how to utilize Webpack for an enhanced Vue development experience. 

Course 3: Build A Professional Vue App with Vuex & Server-Side Rendering

Are you ready to become a Vue expert?

Now that you're comfortable building Vue.js SPAs, you're ready for Vue's advanced concepts!

In this course, I'll show you the tools and techniques that front-end experts use to build highly optimized, high performing web UI. 

Firstly, we'll cover the Vuex state management pattern, which is a special method for storing data in your app that's essential for bigger and more complex sites. 

We'll then set up server-side rendering (SSR) from scratch. This is where we compile our app on the Node.js server in order to drastically improve page load time.

The case-study project for this course is our most ambitious yet; a Google Calendar clone called Vue.js Cinema that utilizes Vuex, SSR and a host of other optimizations.

Build a Library web app with Vue JS using ScaffoldHub

Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub

Created by Felipe Lima - Founder/Developer at ScaffoldHub

"]

Students: 6626, Price: Free

Students: 6626, Price:  Free

Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub.

The course uses ScaffoldHub to create the initial application. After, the basics of Javascript, Vue JS, Vue Router, Vuex, Express JS, Sequelize (SQL) and Mongoose (MongoDB) are explained, and finally, how the application is customized to attend all the Library needs.

You'll need credits at the ScaffoldHub platform to generate the base application.

Vue.js – Complete Course For Beginners

Learn Vue.js easly

Created by Demian Kostelny - Fullstack Developer

"]

Students: 5629, Price: Free

Students: 5629, Price:  Free

Welcome to the beginners course of Vue.js. Vue - is one of most popular JS frameworks that using for building user interfaces. This framework have easy syntax and structure. So you will not have propblems with learning this technology. In this course you will learn how to build your own UI by using this framework.

The Complete Guide to Django REST Framework and Vue JS

Build Professional REST APIs and Single Page Applications with Django and Vue JS !

Created by Michele Saba - Developer, Instructor, Consultant

"]

Students: 5189, Price: $109.99

Students: 5189, Price:  Paid

Hi! Welcome to The Complete Guide to Django REST Framework and Vue JS course!

In this course you will learn how to create professional REST APIs with Python and Django REST Framework, and all the Vue JS basics that you need to know to create powerful Single Page Applications, modern web applications similar to those currently used by companies like Google, Instagram, Quora and Twitter!

Have you ever noticed how fast and reliable the websites and services offered by these companies are?
Just think about Instagram, Twitter, or Gmail!

This happens thanks to the use of Single Page Applications, Web Apps developed following a modern approach to development called API First, which you will learn when you enroll in this course.

This allows companies to offer the same synchronized services across multiple client applications such as smartphone and desktop apps, that can then connect to the services via REST API, providing a comfortable and safe experience to their users.

Perhaps you already knew this. Would you like to learn how to do it yourself?

Enroll now, and bring your skills to the next level!

This course is designed to be your complete reference and learning guide to modern Web Development with Django and Vue JS, two of the most used Frameworks in the Industry, increasing your skills as a developer in a job market where staying competitive and up to date is paramount.

Starting from the Back End, you will write your first API with Django and you will master Django REST Framework, the most used library for creating REST APIs with this Framework.

We will analyze Django REST Framework's most important features such as the permission and authentication systems (using both session and token authentication!) so that you can create professional and reliable Web Apps in a short time for yourself, your company or your clients!

Moving on to the Front End, you will learn all the basics of Vue JS, that you can use to create reactive components for your projects and modern Single Page Applications from scratch.

As soon as you enroll you will get access to all the course's lessons in high definition and all the future updates to the course, and you will also be able to download all the slides and the source code.

You will also get access to the Q&A section, where you can ask questions about the topics of the course and exchange information with all the students who have already enrolled in the course.

What are you waiting for?

Enroll now, and bring your skills to the next level!

Nuxt.js – Blazing Fast Static Sites with Vue.js (for FREE)

Build highly amazing Vue JS apps with Nuxt.js. Nuxt uses server-side-rendering and a folder-based configuration.

Created by Carter Snook - 16 Year Old Programmer

"]

Students: 5037, Price: Free

Students: 5037, Price:  Free

In this class we will be using Nuxt JS to create static generated websites that are amazing for SEO ranking and loading speed! Regular websites don't allow search crawlers to see the content of your page, therefore you never rank. Nuxt JS uses Vue JS, so if you are familiar with Vue JS, you will be set for this course. With Nuxt js, the site is generated into plain HTML so that the search crawlers can actually read it! How would you like to be forced to read Latin when you do not even know a single word? Be nice to the search crawlers and use NUXT NOW!

Vue JS 3 Modern Web Development with Vuex & Vue Router

Learn Vue3 Web Development Quickly From the Absolute Beginning. Exercises and Challenges Included for fast learning.

Created by Ivan Lourenço Gomes - Programmer & Front End Web Developer

"]

Students: 4585, Price: $89.99

Students: 4585, Price:  Paid

If you want to learn the most powerful Javascript framework for modern web development, this is the course you were looking for. Here you will learn Vue JS (v3) from the absolute beginning in just a few hours.

This course is ideal for developers who need to learn Vue JS fast for an ongoing project.

This course provides real life projects, challenges and exercises to make you learn effectively in a short time.

Enroll today and build you own Vue JS Applications! You will also learn how to use Vuex and Vue Router to build multi page applications with a centralized source of data. 

Vue JS is a progressive framework for building user interfaces. By progressive it means it is incrementally adoptable, so you can use it from simple specific areas of your websites to building complex single page applications (SPA) with ease!

If you want to go for the simple version, there's no upfront installation required and you can instantly start using it in your HTML, CSS & Javascript project to do amazing things.

If you decide to build more complex applications you can take advantage of the huge ecosystem of external libraries & UI frameworks to make your application achieve high performance and great usability.

No matter what kind of web developer you are, Vue JS will certainly change the way you see things and once you learn it, you will never want to use other similar framework.

Learn how to build Amazon website using Vue.js and Node.js

Use Vue.js, Nuxt.js , Node.js, MongoDB, Stripe, Algolia and AWS to clone an actual Amazon website

Created by Naufal Yahaya - CTO of Blink

"]

Students: 4550, Price: $29.99

Students: 4550, Price:  Paid

What’s this course about?

Learn Vue.js and Node.js by building an Amazon Clone. The course will guide you to build the website step by step. We will go through the fundamentals of building basic API up to building a complicated Frontend!

The course is unique in terms of the design because it is using the same design from Amazon. The course is aimed at people who know basic programming, especially in Javascript because that is the main language that the course is using.

Javascript is the main language for modern web applications like Airbnb, Discord, Youtube Netflix and many more (to be honest every single website uses Javascript :)) Writing it in JQUERY would be overwhelming because of the spaghetti code that you’ll end up with.

By using modern Javascript frameworks like Vue.js and Nuxt.js, it would help in terms of code management, development speed and the user experience of the Website. Your future website (Mark my word, you will have one soon) will feel like an app if using modern frameworks, smooth navigation between different pages and better experience, in return visitors of your website, will stay uses your app longer :)

Who’s teaching this course?

My name is Naufal Yahaya and I’m a CTO of a Ridesharing app built for women (blink) and also one of the instructors at Learnpal io. My passion is building great products, solving complex problems and teaching complex problems in layman’s term :)

Is this course for you?

This course is for you if ...

  • ...you're just getting started with frontend/ JavaScript development and only got the JS basics set (no prior Vue or other framework experience is required!)

  • ...you're experienced with Angular or React but want to dive into Vue.js

  • ...know the Vue.js basics but want to refresh them and/ or dive deeper

  • ...already worked quite a bit with Vue.js but want to dive deeper and see it all come together in a bigger app

  • ..you are interested to build a production-grade website

  • … you are dreaming to build your own website.

What will you learn in this course?

  • You will learn how to build clean API

  • You will learn how to properly build a complicated frontend (admin + consumer) in Vue.js

  • You will learn about State management by creating an add to cart feature

  • You will learn about Payment integration

  • You will learn about Search Integration

  • You will learn about Forms

  • You will learn about MongoDB database

  • You will learn about Redis - how to access fast data

  • You will learn how to build your own web application by the end of the course

  • You will learn how to deploy your application AWS

  • You will learn about AWS S3 to store images

  • You will learn about Authentication

Vue JS 2: From Beginner to Professional (includes Vuex)

Learn Vue JS, and become a VueJS professional. Build complex SPAs with Vue.js, a simple and popular JavaScript framework

Created by Bo Andersen - Lead Developer

"]

Students: 4391, Price: $99.99

Students: 4391, Price:  Paid

Vue JS 2 has quickly become incredibly popular, both due to how powerful the JavaScript framework is, but also how easy it is to learn. Vue is much easier to learn than other JavaScript frameworks such as Angular and React, meaning that you can start building your first Vue application in no time!

In this course, you will learn how to build reactive web applications at any scale with Vue. You will learn the theory that you need to know about Vue.js, and we will be building several example applications as we go along, demonstrating the explained concepts in practice. The course lectures include examples when going through new material, followed by exercises that you can optionally choose to solve - and we walk through the solutions together.

Whether or not you have prior experience with VueJS, this course is an easy way for you to learn the framework! Perhaps you have struggled with large and complex frameworks such as Angular? Don't worry, Vue.js is much easier to learn! Getting up and running fast is at the heart of Vue, so no more long hours of configuration just to show "Hello World!" Or perhaps you have no experience with reactive JavaScript frameworks and come straight from using jQuery? No problem! Vue.js is an excellent choice for your first framework, and is one of the easiest one to start out with.

Despite the fact that Vue JS is easy to learn, it is an incredibly powerful framework that can be used to build large web applications as well as small ones. Unlike many other frameworks, Vue.js does not try to take control of your application, and allows you to let the framework control only parts of your application - something that is perfect for migrating legacy applications to a more modern framework without doing a complete rewrite at once! Apart from learning how to build single page applications (SPAs), you will also learn how to manage state in large applications with Vuex.

This course starts from scratch with teaching you how to build a "Hello World!" application in Vue.js and moves towards building advanced applications step by step. By the end of this course, you will be able to build complex and large web applications with Vue.

Master Laravel with Vue.js Fullstack Development

Learn how to build a Single Page Application with Laravel PHP Framework and Vue.js

Created by Piotr Jura - 19,000+ Students | Web Development Instructor

"]

Students: 4190, Price: $94.99

Students: 4190, Price:  Paid

Learn Laravel together with Vue.js in this brand new, full-stack, project based course!

Learn how to create a robust API in Laravel and a Single Page Application frontend in Vue.js!

As with my other courses, you will start straight away with creating a project. During the course you will build a booking page, similar to very popular online booking websites!

No time wasted on so called "theory". I did by best and went extra mile, to explain everything that you need to learn by practical examples. It's not one of these courses when instructor in the first 10 hours reads the documentation out loud.

Topics covered include:

from Laravel: Controllers, Eloquent, Query Scopes, Model Events, HTTP resouces.

from Vue: Vue Router, Vue Components, Vuex (global state management).

Don't waste your time and money anymore, this course is the only resource you need to get up to speed with full-stack development using Laravel Framework and Vue.js!

Laravel with Vue.js – Fullstack Web Development (2020)

Learn how to combine Laravel PHP Framework & Vue.js to build powerful API and Single Page Application (SPA) from scratch

Created by Eding Muhamad Saprudin - Full-stack Web Developer and Instructor

"]

Students: 3948, Price: $99.99

Students: 3948, Price:  Paid

Latest course update: July 2020 - Added a comprehensive tutorial how to build API with Laravel 7

Welcome to Laravel and Vue.js - Fullstack Web Development  course. This course will teach you how to combine the most popular PHP Framework Laravel with Vue.js to build full-stack web applications.

Here are what students saying about this course:

-- Excellent course, full of powerful tools and useful information for Laravel and Vue.js development.

-- The author explains everything in detail and where possible, provides multiple solutions for a specific task. He also delves into areas not usually covered in other courses (e.g, removing redundant code).

-- This course is Great very detailed and easy to follow

The Instructor knows what his doing and very knowledgeable in the topic

+points for git repository per lesson if you are lose you can look up into it to compare codes

minor trouble of typo errors but not a big deal.

All of my courses are project-driven learning, in this course we will build real world projects, that will make you proud of yourself and make you confident to build full-stack web applications that you can imagine.

Here's exactly what you will learn:

  • Basic Laravel features: database migration, database seeds, model factories, accessor & mutattors, form validation, authentication and authorization.

  • Advance Eloquent Relationship: Many to many and Many to Many polymorphic relationship.

  • Integrating Fontawesome 5 via Laravel mix.

  • Integrating Bootstrap 4 for UI Styling.

  • Implementing DRY principle.

  • Using Git for version control and Github as code repository.

  • Introduction to Vue js: Directive, list rendering, conditional rendering, class binding, style binding, components, mixins and much more.

  • Integrating Vue js & Ajax to make our application more interactive.

  • RESTfull API Development

  • Deploy Laravel applications in Heroku and Digital Ocean Virtual Private Server.

  • Upgrade Laravel application to the newer version to make our app up to date.

  • And much more

In addition to the lectures, I also provide the complete source code on GitHub where you can see all changes that I made for each lecture so that you can always have access to the full codebase for the application.

Building a Static Website w/ Blog Using Vue JS and Gridsome

Harness the power of Vue and GraphQL to build blazing-fast websites with Gridsome static site generator

Created by Carter Snook - 16 Year Old Programmer

"]

Students: 3312, Price: Free

Students: 3312, Price:  Free

In this course, I will be teaching you how to create a static website that includes a home & about page, a dynamic markdown-powered blog, server-side generated pages, and much more!  We will build our site using an intuitive framework built using Vue JS.  If you are currently studying Nuxt JS, then stop right now!  Gridsome is the answer that trumps all other static site generators because of its smooth generation and blazing-fast speed.  Now, start this course and learn about Gridsome now!

Complete Vuejs Course: Vue.js + Nuxt.js + PHP + Express.js

VueJS, Command Line, Babel, NPM, Webpack, Vue JS CLI, Vue.js Router, VueX, Axios, iView, Express.js, Nuxt.js

Created by OnlyKiosk Tech - Fun, Effective, and Useful Coding Training

"]

Students: 3031, Price: $99.99

Students: 3031, Price:  Paid

If all you still think jQuery can completely replace JavaScript and want to learn Vue.JS, then this course is PERFECT for you because you will learn EVERYTHING you need here. 

Minumum Requirement: 

This course is designed for students with zero ES6 foundation, BUT you do need to know basic ES5. If you know how to set background color for a DIV using native JavaScript and jQuery, then you are good to go. 

    <div class='div' id='one'>Set a background color...</div>

Course Contents: 

This course has 46 sections and covers 17 areas:

  1. Vue JS Basics (Section 1-27)

  2. Ajax (Section 28)

  3. Connecting Vue to PHP and MySQL (Section 29)

  4. Command Line Instrument (Section 30)

  5. NPM (Section 31)

  6. Babel (Section 32)

  7. JS modular system, including module.exports, import and export (Section 33)

  8. Webpack (Section 33)

  9. Vue CLI (Section 34)

  10. Vue Single-file Components (Section 34)

  11. Vue Router (Section 35)

  12. VueX (Section 36)

  13. Axios (Section 37, 38, and 39)

  14. Vue UI Library: iView (Section 40)

  15. Advanced JavaScript: scope, scope chain, JavaScript Garbage Collection, Closure, IIFE(Instantly Invoked Function Expression), THIS, etc. 

  16. Node.js and Express.js

  17. Connecting Vue to Express and MySQL

  18. Nuxt.js

Note: The Vue version taught in this lesson will be 2.0+

Content Description:

Your VueJS study is made of two stages.

In stage one, you will learn Vue basics like Vue instance, directives, components, etc.   

In stage two, you will learn Vue single file component, Vue router, VueX and a Vue UI library called iView.

Between stage one and two, you will learn command line, npm, Babel, and Webpack. You need these skills to take the leap from stage one to stage two.   

By the way, skills you learn between stage one and stage two are not just for Vue. You will also need them when you are learning other modern JS-based frameworks. 

A frontend program alone is useless until it is connected to backend program and database.   

We will teach you how to connect Vue to PHP and MySQL via Ajax and Ajax-based techs like Axios. 

Throughout the course, you will be working on several projects so that you will always have a chance to practice and apply what you have learnt.   

Vue.js for Beginners: Up and Running with Vue

A beginner's guide to learn the basics of the JavaScript Framework Vue.js

Created by Dan Vega - Learn w/ Dan: Best Selling Instructor - 100+K Students

"]

Students: 2998, Price: Free

Students: 2998, Price:  Free

Vue has quickly become one of the most popular JavaScript frameworks around and in my opinion, it is the most approachable. Frameworks can be very intimidating and nobody wants to spend a long time setting up a local development environment just to spin up a basic application.

Vue is a progressive framework and that might sound like a bunch of marketing jargon to you but I promise you it isn't. This means that you can get started using Vue quickly and easily and as your needs grow the framework will grow with you.

To get started with Vue all you need to do is drop a script tag on a page and you are ready to go. This allows you to add Vue to your existing applications without having to buy into complicated toolchains. In this course, all of the examples that we walkthrough can be done by adding Vue to a single HTML file and writing a little bit of JavaScript.

If you're a front end web developer that has a working knowledge of HTML, CSS & JavaScript this course is for you. If you just want to learn the basics of Vue in a couple of hours, this course is for you. This course isn't meant to teach everything you need to know about Vue. It will teach you the fundamental building blocks of Vue and it will do so in under two hours.

You will learn how to build Vue applications through a series of tutorials, exercises and quizzes meant to reinforce the concepts you learn in this course. You will have access to all of the starting code so that you don't have to spend time writing boilerplate and can focus in on the task at hand. You will also have access to all of the solutions in case you get stuck.

This course is meant to help beginners get up and running with Vue JS. What are you waiting for? Enroll in this course today and learn something new.

Quasar V1: PWA (with Vue JS 2, Firebase, NodeJS & Express)

Create a Beautiful Instagram-Style Progressive Web App with Vue 2, Quasar V1, Firebase, NodeJS & Express

Created by Danny Connell - Indie App Developer & Instructor

"]

Students: 2525, Price: $19.99

Students: 2525, Price:  Paid

In this course, I'm gonna show you how to use Quasar Framework V1, Vue JS 2 and Firebase to create an amazing Progressive Web App (PWA).

We're gonna create a gorgeous Instagram clone called Quasagram.

In this app we can display a list of posts; each post has an image, location, caption and the date the image was taken.

We can access the user's camera and take a photo, enter a caption, find the user's location and create a new post.

It's gonna have a beautiful responsive design that adapts across Desktop & Mobile.

We're gonna store all our data in a Firebase Cloud Firestore database.

We'll store our photos in Firebase Storage.

We're gonna create our own NodeJS & Express backend with several different endpoints for interacting with the database.

We'll incorporate all of the 5 Core PWA features:

  • Home Screen Installation

  • Precaching

  • Caching Strategies

  • Background Sync

  • Push Notifications

We'll get the app working on iOS, Android & all the main desktop browsers, and it'll even fall back gracefully for older browsers like Internet Explorer.

You'll also learn about Service Workers, Workbox, Firebase Cloud Firestore database, Firebase Storage, NodeJS & Express and much more.

By the end of this course, you'll be able to create your own Progressive Web Apps using Vue JS, Quasar Framework, Firebase, NodeJS & Express.

NOTE: This course is for Quasar V1 (with Vue 2). Quasar V2 (with Vue 3) is not covered in this course.

The Complete Vue JS Developer Course – inc. Vue JS 2!

Build real web apps with Vuex, Router, Node! Master Vue Js and Vue JS 2!

Created by Filip Jerga - Software Engineer

"]

Students: 2154, Price: $99.99

Students: 2154, Price:  Paid

WHAT IS VUE JS?

Vue JS is a very popular JavaScript front-end framework that was designed specifically to help you write Web apps faster and more easily than ever before!

Used by companies such as Nintendo, Adobe, GitLab, Baidu and Alibaba, Vue JS is rapidly increasing in popularity, so it’s a great time to add it to your CV.

By the end of this course you’ll have the skills and confidence you need to use Vue JS on your own projects!

So, no matter whether you’re a complete beginner to Vue JS, or an experienced programmer keen to improve your skills, this course is for you!

THE COURSE

Students learn best when they’re putting what they learn in to practice straight away, so we’ve build this course around two really great projects (which will look fantastic in your career portfolio!):

Project 1 - Activity Planner app

In this opening project students build their own activity planner web app! It’s a brilliant introduction to the basic concepts of the Vue JS framework, and by the end you’ll:

  • Have learnt how to create Vue components, data and methods

  • Know how to create store data into our browser Local Storage.

  • Fully understand Vue JS concepts like data binding, data manipulation, event handling, state management (and much more!)

Project 2 – VueMeetuper app

A much more difficult project, but one you’ll be proud of completing! Here students take a big step up and build an incredibly functional online meet up web app. Your app will let you make and join various Meetups, create editable threads and dedicated posts, register and authenticate users, build a user profile page and get your location! After doing all that, students will:

  • Be able to manage authentication with JWT (json web tokens) and Session Authentication on the client/server side.

  • Understand forms in JS - including how to integrate and validate plugins, how to use interactive (wizard) forms and how to integrate Datepicker and Timepicker inputs.

  • Create a chat-like functionality using the Socket library (a JS library for realtime web applications) – including real-time page updates!

  • Be able to to get location from IP address and use this location to improve user experience!

  • And much more!

With over 31 hours of on-screen instruction, it doesn’t matter whether you’re planning to start your career as a developer, or just want to improve your programming skills, this is the right course for you!

So what are you waiting for? Enrol now!!

NOTE: Some basic understanding of JavaScript and Node framework recommended (but very basic is fine!) as at one point we switch from our frontend application to our backend Node.js application. HOWEVER(!) the Node sections are completely optional, and you are able to download server code and work only on Vue JS Application.

Vuetify: Create an App with Vue JS & Vuex – in 5 Hours!

Create a Gorgeous Todo App with Vuetify, Vue JS & Vuex - using many different Vuetify Components!

Created by Danny Connell - Indie App Developer & Instructor

"]

Students: 1177, Price: $19.99

Students: 1177, Price:  Paid

In this course you'll learn how to use Vuetify, along with Vue JS & Vuex to create a gorgeous Todo app from scratch.

Vuetify is a hugely popular Vue UI Framework offering 100s of Material Design Components that can be used to create almost ANY website or app.

However, it can be difficult to get started, so in this course you'll learn how to create a beautiful, responsive app from scratch that looks great on both desktop & mobile.

You're gonna use tons of Vuetify Components such as Lists, Text Fields, Menus, Dialogs, Date Pickers, Snackbars & much more.

You'll also use Vuex to centralise the app's core data & logic, setting up State, Mutations, Actions & Getters.

You'll split your app up into Child Components, to make the project easier to manage.

In our course app, Vuetify Todo we can display a list of tasks, add tasks & mark tasks as done by tapping on them.

Each task has a Menu, with options to edit the name of a task, add due date to a task, delete a task and even an option to reorder our tasks using drag & drop.

We can even filter our tasks using an expanding search field.

You'll use Vue Router to setup Pages & Routes which can be navigated by links in the Navigation Drawer.

You're gonna store all the data in the user's browser using IndexedDB & Localbase. So even if the user closes the browser or refreshes it - all their data is maintained.

You'll test, debug & fix the app on real iOS & Android devices.

And when you're done, you'll deploy your finished app to Netlify!

Vue JS 3: The Composition API

Learn Vue.js 3 with TypeScript, the Composition API and Vue Test Utils.

Created by Lachlan Miller - Software Engineer

"]

Students: 236, Price: $39.99

Students: 236, Price:  Paid

(RE-RECORDED JUNE 2021) Vue.js 3 and the Composition API is here!

Learn to build a complex, real world application with the Composition API, TypeScript, Vue Router and testing with Vue Test Utils, taught by Lachlan Miller. maintainer of Vue Test Utils and Vue.js team member. This is an intermediate-advanced course. We move fast and introduce all the required topics to build highly dynamic, complex single page apps with Vue.js 3 and the new Composition API.

Unlike other courses, testing and design patterns are at the core of everything we do. We explore the new features Vue.js 3 brings to the table. Some of the things you'll learn:

- how to use and test new Vue 3 features like Teleport and Suspense

- building reusable modules using the new reactivity API

- TypeScript to create type safe applications

- create a reactive store from scratch

- integrating third party libraries from npm

- Routing, include navigation guards with Vue Router 4

- Writing and testing complex interactions with Vue Test Utils

This is an intermediate to advanced course; some basic programming knowledge is required. I respect your time and have packed as much content into the course as possible. Rather than explaining the same basic concepts 10 times over, move quickly and see the same concepts applied in different contexts to reinforce them.