Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Vue.js - Complete Course For Beginners

person icon Demian

3.9

Vue.js - Complete Course For Beginners

Learn Vue.js easly

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Demian

category icon IT & Software,Network & Security,Vue JS

Lectures -20

Duration -1.5 hours

3.9

price-loader

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

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

First, we gonna create our first Vue instance, after this we gonna learn what are events in Vue and how we can use them. Also here in this course, we gonna talk about Vue CLI, and create Vue apps by npm. This is really cool feature from Vue. After this, we can build Vue apps and host it - on the Node.js server. Maybe many people know that this framework has also cool plugins that can help you to get some features when you are developing your app. In this course we gonna install the Vue router plugin to make routing in our app. Here also is the full plan of course:

1. Installing of Vue.js

2. Hello world - Example

3. Directivies in Vue.js

4. Conditions and v-if

5. Loops and v-for

6. Components in Vue instance

7. Refs

8. Events

9. Event Modifiers

10. Keyboard Events

11. Dynamic CSS classes

12. Templating

13. Forms

14. Vue CLI

15. Vue CLI Project structure

16. Working with other instances

17. Nested components

18. Component Props

19. Events (from parent to child)

20. Lifecycle hooks

21. Slots

Who this course is for:

  • Beginners in JavaScript
  • Beginners in Vue

Goals

What will you learn in this course:

  • Web-Development
  • Building User Interface with Vue

Prerequisites

What are the prerequisites for this course?

  • Basics of HTML/CSS

  • Basics of JavaScript

Vue.js - Complete Course For Beginners

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
9 Lectures
  • play icon Installing 02:12 02:12
  • play icon Hello world! 02:06 02:06
  • play icon Conditions and v-if 04:47 04:47
  • play icon Loops and v-for 04:02 04:02
  • play icon Components 07:53 07:53
  • play icon Refs 06:10 06:10
  • play icon Events 06:36 06:36
  • play icon Event Modifiers 02:54 02:54
  • play icon Keyboard Events 02:44 02:44
Building App by Vue CLI
11 Lectures
Tutorialspoint

Instructor Details

Demian

Demian

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515