Vue.js Tutorial for beginners (2021)

Vue.js Tutorial for beginners (2021), available at Free, has an average rating of 3.8, with 19 lectures, based on 146 reviews, and has 5404 subscribers.

You will learn about Install Vue & Vite Configure your project Architecture Views & components Data-binding Inputs binding Props & events List rendering Components registration Slots Mixins Use of setup (Vue 3) Reactive properties (Vue 3) Props declarations (Vue 3) Computed properties (Vue 3) Component registration (Vue 3) This course is ideal for individuals who are beginners It is particularly useful for beginners.

Enroll now: Vue.js Tutorial for beginners (2021)

Summary

Title: Vue.js Tutorial for beginners (2021)

Price: Free

Average Rating: 3.8

Number of Lectures: 19

Number of Published Lectures: 19

Number of Curriculum Items: 19

Number of Published Curriculum Objects: 19

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

Install Vue & Vite
Configure your project
Architecture
Views & components
Data-binding
Inputs binding
Props & events
List rendering
Components registration
Slots
Mixins
Use of setup (Vue 3)
Reactive properties (Vue 3)
Props declarations (Vue 3)
Computed properties (Vue 3)
Component registration (Vue 3)

Who Should Attend

beginners

Target Audiences

beginners

Welcome!

Hello dear student. If you clicked on this course, this is probably because you are looking for an efficient tutorial on Vue.js or maybe you are just interested to learn quickly all the basics.

If so, you are absolutely at the right place.

Is this course about VUE 2 or VUE 3?!

As you probably know, a new version of Vue just came out but is in BETA. This course is about Vue 2 basics with a part on introduction with Vue 3.

Guillaume, who are you?

My name is Guillaume Duhan, senior front-end developer since 10 years now.

I am focusing on Vue.js since 2015 now. My goal is to teach you as fast as possible and as clear as possible all the basics of this amazing JavaScript Framework made by Evan You.

What is Vue.js?

“Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.” Vue.js official documentation.

A tutorial for beginners

If you never code before don’t be scared!

This tutorial is for absolute beginners who already learned some HTML, CSS & Javascript.

If you already know Angular, React or JQuery, you’ll love to learn Vue.js!

Why you should learn Vue.js

Vue.js is one of the most popular frameworks at that time.

If you did some front-end dev by the past, you’ll quickly feel at home. Vue is made to develop SPA really quickly because its learning curve is totally efficient. Moreover, Vue has been build to be easy to handle and to understand.

Right now, on job market, Vue is sexy. There are a lot of companies that are choosing Vue.js for many reasons: its huge community of developers, its tools and its large package playground.

What is the program?

As I said before, this course is for absolute beginners. So I made a slow but concrete program:

Install Vue (with Vite.js),
Configure your project,
Architecture,
Views & components,
Data-binding,
Inputs binding,
Props & events,
List rendering (to do list building),
Components registration,
Slots,
Mixins…

And for Vue 3:

Use of setup,
Reactive properties,
Props declarations,
Computed properties,
Component registration,
Data-binding…

A quick travel to Vue.js

At the end of this course, you’ll have a bright idea if you like or not Vue.js. But you’ll also have a basic and useful understanding of this amazing JS Framework.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Install Vue & Vite

Lecture 2: Architecture, views & components

Lecture 3: HTML, CSS & Javascript in Vue

Lecture 4: Functions, data binding & directives

Lecture 5: Loop & mapping objects

Lecture 6: Todo list part 1 : create a dynamic list

Lecture 7: Todo list part 2 : components & props

Lecture 8: Todo list part 3: emit events

Lecture 9: Computed & filters

Lecture 10: Lifecycles & reactivity

Lecture 11: Watch, good & bad practices

Lecture 12: Mixins

Chapter 2: Vue 3 Initiation

Lecture 1: Install new template of Vue 3

Lecture 2: New data binding approach (reactive)

Lecture 3: How to declare Props

Lecture 4: Setup, onMounted & ref

Lecture 5: Computed & Watch

Lecture 6: Composition API : more documentation on this article

Chapter 3: Conclusion

Lecture 1: Thank you very much !

Instructors

Guillaume Duhan
CTO & Front-End Developer

Rating Distribution

1 stars: 2 votes
2 stars: 3 votes
3 stars: 19 votes
4 stars: 40 votes
5 stars: 82 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu