Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn Vue 1 JS introduction to simple reactive JavaScript
Rating: 4.0 out of 5(221 ratings)
32,076 students

Learn Vue 1 JS introduction to simple reactive JavaScript

Starting point introduction to Vuejs and how to use Vuejs to create interactive dynamic content via JavaScript and Vuejs
Created byLaurence Svekis
Last updated 11/2019
English

What you'll learn

  • create amazing applications with Vuejs
  • learn about reactive JavaScript and how to use it
  • Starting point for more complex frameworks like AngularJS

Course content

2 sections • 30 lectures • 1h 30m total length

  • Vuejs introduction to course5:34
  • Getting started with Vue JS2:52
  • First VueJS Code2:48
  • Resources0:02
  • LifeCycle Hooks VueJS4:22
  • Data Binding Dynamic Content via VueJS4:01
  • VueJS directives and filters6:16
  • Source Code0:22
  • VueJS methods Toggle Visible6:22

    Learn how to toggle visibility in Vue by wiring a button to a click event, using v-show to display or hide the Jason data, and updating counter with a method.

  • Source Code Toggle0:28
  • Form events with VueJS6:20
  • VueJS forms Source Code0:26
  • Filters working with Lists6:37
  • Source Code0:15
  • Hide Show Event Toggle4:51
  • Source Code Hide show0:19
  • Shorthand image binding2:41
  • Vue Shorthand0:21
  • Vue Transitions CSS5:58
  • If Else Vue Methods4:54
  • Source Code Login0:15
  • VUE computed Values4:55

    create a computed binding to perform actual calculations in Vue by defining a computed value, binding inputs to data, parsing inputs as integers, and returning the computed result.

  • Source Code Computed0:15
  • Create Custom Components Templates3:40
  • Source Code Components0:16
  • Dynamic Templates in Vue2:12
  • Templates with separate values9:12
  • Source Code Templates0:24
  • VUEjs Summary2:10

    Discover Vue's reactive data binding and components, preview real-world examples like a Markdown editor and a to-do list, and explore the API and guides to start building apps.

Requirements

  • HTML
  • Basics of JavaScript
  • Computer access

Description

Welcome to using Vuejs

This course is an introduction to using Vuejs which is a JavaScript library that provide easy to use reactive technology.  Its the perfect starting point for more complex frameworks such as Angular.  

Learn to create reactive JavaScript applications. 

Vuejs lets you use you data effectively binding data to the DOM and using it within HTML elements.  

Vuejs is flexible, simple and easy to use.   You will be amazed at what you can do with Vuejs and how easy it is.   Its similar to angularjs but much much easier to get the hang of.  Use Vuejs to bind data to the DOM and sync to create reactive effects.  Once binding is setup the DOM keeps data and elements in sync.  

  • Course covers an introduction on how to get started with Vuejs
  • How to add vuejs to your web application.
  • Creating a vue instance
  • Data binding with Vue
  • Working with Lists
  • Adding events
  • Filters and components
  • Default Vue Directives that perform cool stuff right out of the box
  • Vuejs source code included.

Reactive technology is in demand, it makes web applications more functional.  This course will get you started creating your own reactive applications.  Start binding your data and create amazing effects for your application users.  Lets get started today.

Who this course is for:

  • Web developers who want to learn vuejs
  • Web application builders
  • JavaScript developers

Report abuse