Getting Started with Vue.js
4.3 (16 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
67 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Getting Started with Vue.js to your Wishlist.

Add to Wishlist

Getting Started with Vue.js

Learn the fundamental Vuejs concepts
4.3 (16 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
67 students enrolled
Last updated 2/2017
English
Curiosity Sale
Current price: $10 Original price: $100 Discount: 90% off
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 3 Articles
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Utilize Vuejs in applications
  • Learn the fundamental Vuejs concepts
  • Learn what can be done with Vuejs and how to apply it to your applications
  • Learn about Single Page Applciations and how to make them
  • Learn how to build fully functional application from scratch
  • Learn about creating Vue instances and how to connect them to your page view
View Curriculum
Requirements
  • Students should have some HTML, and JavaScript experience. Also other code languages help as well, but not necessary.
  • Computer access and a desire to learn are the others.
Description

The technology world is awash with web developers. While this means there are plenty of new and exciting developments and creations emerging on a regular basis, it also has a downside. For an employer, it can be difficult to find a really, REALLY good web developer. Knowing a few different web app frameworks and libraries is guaranteed to get you noticed, and one of the most beneficial choices around is Vue.js. This course will teach you everything you need to know to get up and running.

Take your Web Development Skills to the Next Level

  • Learn fundamental Vue.js concepts
  • Utilize Vue.js in your web applications
  • Build a fully functioning application from scratch with Vue.js
  • Create instances, learn about single page apps, and more
  •  Upgrade your web development skills


Everything You Need to Know About Vue.js

This Vue.js online course teaches you the core skills you need to know to utilize reactive components in your web applications. Each aspect is taught in a hands-on manner, so you’ll not only get to grips with the fundamentals, but have a crystal clear idea of how to use them in your own projects.

The only requirements for this course are a working knowledge of HTML and JavaScript, access to a computer, and a desire to learn! After a very brief introduction you’ll get started with data handling. You’ll add data structures, learn about data binding, get to grips with render listing and computed values and more.

Once you’ve gotten a handle on the basics you’ll move on to the really fun stuff. Binding classes, isolated scopes, advanced shopping cart functionality and various other cool features are covered. Then it’s on to even more interesting elements like resource libraries, data and arrays.

By the end of this course you’ll know how to implement functionality that is expected in all top-class, modern applications. You’ll be using Vue.js as a solution to everyday web development tasks to make your apps easier and more dynamic. And lastly, you’ll know every step to take to start creating applications from the ground up with Vue.js.

What is Vue.js?

To put it as simply as possible, Vue.js is an advanced web app framework architecture. Think of it as another Laravel PHP or React.js. It provides reactive components for modern web interfaces. Basically, it’s a simple but powerful library for building cool web stuff. Any web developer who knows their stuff will know Vue.js, so if you’re not one of them now is time to get up to speed. 

Who is the target audience?
  • Web developers and designers looking to learn Vuejs
  • Developers who want to implement reactive technology to web applications
  • Developers and designers who are looking for newer ways to create easy web interfaces
Students Who Viewed This Course Also Viewed
Curriculum For This Course
34 Lectures
02:29:45
+
Introduction to the Course
1 Lecture 02:58

Vuejs is a great starting point to learning more complex JavaScript Frameworks, or even as a simple easy to implement solution to save time when developing your applications.   

Download source code here

Preview 02:58
+
Introduction to using Vue.js Data Handling
11 Lectures 57:05

 How to add Vue js into your website and how Vuejs works

Preview 03:09



 LifeCycle of the Vue instance

Vuejs LifeCycle hooks
02:11

Binding Data to Form fields, v-model

Data Binding with Form fields
07:07

Rendering out an array as a list of items, v-for directive

Render List array to page view
02:47

 Sorting and applying filters to object arrays

Apply Filters
05:53

Creating values on the fly, Tracks data values as dependencies and automatically syncs them

Computed Values
09:47

setup HTML for shopping cart, Add items arrays and data

Vue project Setup: Vue Shopping Cart project Setup
08:19

Demonstrate filters, lists and computed values

Vue project Setup: Vue Shopping Cart computed values and filters
07:43

Section Summary
02:25
+
Getting Creative with Vue.js
13 Lectures 56:06

Methods for more functionality, Event listeners made easy - custom directives, Components - make your own custom elements, Global components vs instance components 

Section Introduction
04:50

v-if  v-else  V-for v-bind

Directives Vuejs
04:23

Global method and instance methods

Introduction to methods
04:36

v-on:click (events) ,Blur,change,select,mouseover, click, load, submit, Bind to function when event is triggered

Event listeners
01:58

Ability to easily bind classes on boolean values

Binding Classes
02:28

Creating templates that can be used and reused,Passing data into a template

Components Template Building
06:20

 Decoupling data from the data object and using isolated values for each component

Isolated scopes
04:33

 add item and sort

Project Building Shopping Cart Sort Order Methods
03:25

Methods click events to update cart and quantities, Moving content between arrays

Project Building Add Methods use Inventory Data
06:42

 Update array

Remove from array
04:00

If else elements

Dynamic inputs to array

Add dynamic items to Shopping cart
04:58

Clear shopping cart

Bind Classes Clear Shopping Cart add Discounts
05:00

Binding data to the page view

 Dynamically data updates
 Using new values within logic of page
 Hide show display as needed
 How we can generate value dynamically
 Use filters and methods
 Project completion

Section Summary
02:53
+
Doing more with Vue.js
5 Lectures 25:44

 Pull data in from an external source, Binding img paths to data, Binding urls to data, Built in helpers $remove, http://vuejs.org/guide/plugins.html

Section Introduction
02:19

 Using plugin libraries for added functionality

Use Vue Resource Libraries Get API data
06:53

Creating empty data arrays to hold data 

Data and arrays
03:29

Build a data sorting app in minutes full of functionality 

Mini Project Use API data
11:09

Lots of resources that are ready to go,Easy data binding and sorting large amounts of data

Section Summary
01:54
+
Course Summary
2 Lectures 07:01

Download source files here


Resources
00:37

Closing message from instructor
06:24
+
Bonus Material
2 Lectures 01:18
Bonus Lecture: Certificate of Completion
01:04

Bonus Lecture: Course Discounts
00:14
About the Instructor
Stone River eLearning
4.2 Average rating
16,730 Reviews
276,166 Students
201 Courses
270,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.