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
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.
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.
LifeCycle of the Vue instance
Binding Data to Form fields, v-model
Rendering out an array as a list of items, v-for directive
Sorting and applying filters to object arrays
Creating values on the fly, Tracks data values as dependencies and automatically syncs them
setup HTML for shopping cart, Add items arrays and data
Demonstrate filters, lists and computed values
Methods for more functionality, Event listeners made easy - custom directives, Components - make your own custom elements, Global components vs instance components
v-if v-else V-for v-bind
Global method and instance methods
v-on:click (events) ,Blur,change,select,mouseover, click, load, submit, Bind to function when event is triggered
Ability to easily bind classes on boolean values
Creating templates that can be used and reused,Passing data into a template
Decoupling data from the data object and using isolated values for each component
add item and sort
Methods click events to update cart and quantities, Moving content between arrays
If else elements
Dynamic inputs to array
Clear shopping cart
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
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
Using plugin libraries for added functionality
Creating empty data arrays to hold data
Build a data sorting app in minutes full of functionality
Lots of resources that are ready to go,Easy data binding and sorting large amounts of data
Download source files here
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.