Vue 3 Fundamentals | Beginners Guide 2023

Focused View

John Komarnicki

1:57:42

181 View

1. Introduction

1. Course Introduction.mp4

00:42

2. Prerequisites.mp4

00:50

2. Vue Introduction

1. What is Vue.mp4

02:34

2. Why Use Vue Over a Vanilla Javascript application.mp4

00:54

3. Why Use Vue Over Other Frontend Frameworks.mp4

01:15

4. Vue Single File Components.mp4

00:55

5. Vue Introduction.html

3. Creating & Exploring a Vue Project

1.1 Github Repository.html

1. GitHub Repository.mp4

00:22

2.1 Github Lecture Source Code.html

2. Create Vue Project.mp4

01:47

3. How Does Vue Work.mp4

05:03

4. Overview of a Vue Project.mp4

04:03

4. Todo Project Build

1.1 Github Lecture Source Code.html

1. Project Cleanup.mp4

01:26

2.1 Github Lecture Source Code.html

2. Install Project Dep.mp4

01:03

3.1 Github Lecture Source Code.html

3. Setup Global Styles.mp4

01:36

4.1 Github Lecture Source Code.html

4. Navigation Component.mp4

05:42

5.1 Github Lecture Source Code.html

5. Todo Creator Component.mp4

09:06

6.1 Github Lecture Source Code.html

6. Emit Custom Event From Todo Creator Component.mp4

08:09

7.1 Github Lecture Source Code.html

7. Todo Validation.mp4

10:52

8.1 Github Lecture Source Code.html

8. Button Component With Slots.mp4

03:51

9.1 Github Lecture Source Code.html

9. Todo Item Component.mp4

19:47

10.1 Github Lecture Source Code.html

10. Complete Todo.mp4

06:40

11.1 Github Lecture Source Code.html

11. Edit Todo.mp4

06:09

12.1 Github Lecture Source Code.html

12. Delete Todo.mp4

02:39

13.1 Github Lecture Source Code.html

13. Save & Retrieve Todos ToFrom LocalStorage.mp4

05:14

14.1 Github Lecture Source Code.html

14. Alternative Way To Update Todos To Local Storage ( watch() ).mp4

04:25

15.1 Github Lecture Source Code.html

15. Completed Todo State ( computed() ).mp4

04:34

16. Creating New Routes.mp4

03:16

17. Test.html

5. Conclusion

1. Deploy Vue Application To Netlify.mp4

03:40

2. Whats Next.mp4

01:08

Description

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

Who is this for?

Anyone looking to learn the basics of vue

More details

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 API

What 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 about
Setting up a Vue application using the official Vue build tool.
Structure of a Vue application and How Vue works
Core 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 API
Deploying a Vue application to Netlify

Whether 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.
Who this course is for:
Anyone looking to learn the basics of vue

User Reviews

Rating

average 0

Total votes0

Focused display

Vue JS

John Komarnicki

Instructor's Courses

Hi, I'm John Komarnicki. I've been a front end web developer for the last 3 years. Beyond working as a full time front end dev, i enjoy teaching and helping others learn web development with high quality fast paced tips, tricks & project based tutorials surrounding HTML, CSS, JavaScript & Vue.js.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.