Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Vue.js - Complete Course For Beginners
Rating: 3.8 out of 5(150 ratings)
12,624 students

Vue.js - Complete Course For Beginners

Learn Vue.js easly
Created byDemian Kostelny
Last updated 2/2023
English

What you'll learn

  • Web-Development
  • Building User Interface with Vue

Course content

2 sections • 25 lectures • 1h 41m total length

  • Installing2:12

    In this video we will install Vue.js and will wrote "Hello world!" with Vue.js

  • Installing (article)0:28
  • Hello world!2:06

    Create a basic user interface to show a hello world message by defining a new object with data properties and wiring the text display to the interface.

  • Directives in Vue.js0:12
  • Conditions and v-if4:47
  • Loops and v-for4:02
  • Components7:53
  • Refs6:10
  • Events6:36

    Explore events in Vue.js by wiring buttons to update a number variable, print its value on screen, and call custom on-click handlers using expressions and the global events variable.

  • Event Modifiers2:54

    Explore the event model in Vue.js and learn how event modifiers prevent default form submissions, stop propagation, and control actions like a function firing once on click.

  • Some events modifiers0:20
  • Keyboard Events2:44

    Learn to handle keyboard events in Vue.js by binding inputs to key up actions, triggering on enter and other keys, and using keyboard modifiers to manage different button actions.

Requirements

  • Basics of HTML/CSS
  • Basics of JavaScript

Description

Welcome to the beginners course of Vue.js. Vue - is one of most popular JS frameworks that using for building user interfaces. This framework have 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 is events in Vue and how we can use. Also here in this course we gonna talk about Vue CLI, and create Vue apps by npm. This is really cool feature from Vue. Because after this we can build Vue apps and host it - on Node.js server. Maybe many people know that this framework have also cool plugins that can help you to get some features when you developing your app. In this course we gonna install Vue router plugin to make routing in our app. Here also is 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

Report abuse