Vue 3 Crash Course | Project From Scratch

Learn the basics of Vue 3 & the Composition API through a project based course.

What you'll learn

What is Vue 3?

Why use Vue?

Why choose Vue over other frontend frameworks?

Build a Vue 3 CRUD application from scratch using the official vue build tool

Requirements

Basic understanding of HTML, CSS & JavaScript

Asynchronous JavaScript would be helpful, but not required

ES6 Knowledge would be helpful, but not required

Description

Learn the basics of Vue 3 & the Composition API through a project-based course.About me:My name is John Komarnicki. I'm a full-time Vue.js developer. Over the past 3 years, I've been using Vue to build production applications.I've put this course together to serve as an entry point to learning Vue 3 & the Composition APIWhat will we cover?Using the latest version of Vue 3 with Vite, we will cover the fundamentals of Vue 3 by building a modern CRUD (Create, Read, Update and Delete) todo tracking application.Within this 2 hour course, you'll learn aboutSetting up a Vue application using the official Vue build tool.Structure of a Vue application and How Vue worksCore Vue 3 fundamentals such as reactive data, special vue directives, reusable components, vue routing basics, and much more by building a CRUD todo application using Vue 3's Composition APIDeploying a Vue application to NetlifyWhether you're brand new to Vue or just looking for a refresher by the end of this course, you'll be in a great place to start building vue applications!This course requires a basic understanding of HTML, CSS & JavaScript.Please check out the preview videos & I look forward to seeing you in the course.

Overview

Section 1: Introduction

Lecture 1 Course Introduction

Lecture 2 Prerequisites

Section 2: Vue Introduction

Lecture 3 What is Vue?

Lecture 4 Why Use Vue Over a Vanilla Javascript application?

Lecture 5 Why Use Vue Over Other Frontend Frameworks?

Lecture 6 Vue Single File Components

Section 3: Creating & Exploring a Vue Project

Lecture 7 GitHub Repository

Lecture 8 Create Vue Project

Lecture 9 How Does Vue Work?

Lecture 10 Overview of a Vue Project

Section 4: Todo Project Build

Lecture 11 Project Cleanup

Lecture 12 Install Project Dep

Lecture 13 Setup Global Styles

Lecture 14 Navigation Component

Lecture 15 Todo Creator Component

Lecture 16 Emit Custom Event From Todo Creator Component

Lecture 17 Todo Validation

Lecture 18 Button Component With Slots

Lecture 19 Todo Item Component

Lecture 20 Complete Todo

Lecture 21 Edit Todo

Lecture 22 Delete Todo

Lecture 23 Save & Retrieve Todo's To/From LocalStorage

Lecture 24 Alternative Way To Update Todo's To Local Storage ( watch() )

Lecture 25 Completed Todo State ( computed() )

Lecture 26 Creating New Routes

Section 5: Conclusion

Lecture 27 Deploy Vue Application To Netlify

Lecture 28 What's Next?

Anyone looking to learn the basics of vue