Vue js 3 – The Practical Guide

Learn how to build user interfaces and web applications with Vue js 3 the progressive javascript framework

Vue js is a progressive javascript framework for building user interfaces. This is a project-based course for learning Vue.js. We will build some small projects such as Toast notification and Carousel image slider. Our main project is building Vue Drive, a Google Drive clone.

What you’ll learn

  • Learn how to use Vue js 3 for building web user interfaces.
  • Build web applications with Vue js 3.
  • Dive deeper into Vue js 3.

Course Content

  • Introduction –> 3 lectures • 5min.
  • Project 1 – Build Toast Notification –> 9 lectures • 1hr 3min.
  • Project 2 – Build Carousel Image Slider –> 10 lectures • 58min.
  • Project 3 – Build VueDrive File Uploader (Part 1) –> 18 lectures • 2hr 15min.
  • Project 3 – Build VueDrive File Uploader (Part 2) –> 19 lectures • 2hr 43min.

Vue js 3 – The Practical Guide

Requirements

  • Basic web development knowledge (HTML, Javascript, CSS) is required.
  • Basic Javascript ES6+, Vue js knowledge is recommended.

Vue js is a progressive javascript framework for building user interfaces. This is a project-based course for learning Vue.js. We will build some small projects such as Toast notification and Carousel image slider. Our main project is building Vue Drive, a Google Drive clone.

We will learn the fundamentals of Vue.js includes:

  • Class and Style binding
  • Conditional rendering
  • List rendering
  • Transition and animation
  • Working with components
  • Validating props
  • Slots
  • Composition API
  • Working with Provide & inject
  • Working with Teleport
  • Compute properties
  • Watchers
  • Template refs
  • Custom Directives
  • etc

You will also learn some topics:

  • Working with Axios HTTP library
  • How to connect to a backend server from your app
  • Using async/await
  • Organizing API endpoints
  • How to write clean code
  • Uploading file to Backend API
  • And so 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.

Before you take this course, you should have a basic understanding of modern Javascript features such as arrow functions, destructuring operator, rest Parameters, and Spread Syntax. You should also know the fundamental of Vue js.

By the end of this course, you will have a very solid understanding of Vue and you will be able to dive into your own Vue projects.

Get Tutorial