
This section introduces VueJS basics, compares VueJS to other technologies like React and Angular, and shows setup with script tags, the Vue CLI, and webpack to compile apps.
Install and explore Vue CLI with webpack template, generate a new project, configure ESLint and Karma tests, and inspect the source structure and devtools to understand components and live reloading.
Explore Vue.js interpolation and directives to render data. Use moustache syntax, text and bind directives, v-once, and colon shorthand to bind attributes and evaluate JavaScript expressions in templates.
Explore two-way input binding with v-model, handle events with the v-on directive, create custom filters, and implement transitions and simple CSS animations in Vue.js.
Demonstrate handling events in VueJS using v-on for click, incrementing a counter, and calling methods; work with input events, v-model, and form submit, and access the event object.
Learn how to create and apply custom filters in Vue.js after pre-made filters were removed in Vue 2.0, including uppercase, capitalize, and currency transformations.
Learn to implement CSS animations and transitions in VueJS by toggling a show state, using bounce in and bounce out keyframes with scale transforms.
Explore section 4 on watchers and computed properties in VueJS, showing reactive updates to full name. Show questioner project fetching a yes/no image from API using low dash and acciona.
Your One Stop Shop for Vue.JS is here!
This course has been design to be your only go to resource for learning the brilliant Vue.JS front-end framework.
Vue.JS is a simple and adoptable JavaScript framework that work as a view-only framework, similar to ReactJS and Angular. However, it differs from these drastically. Vue is not only faster but also easier to work with and comes with less overheads.
It has been designed to be adoptable and is easy to integrate with other existing technologies or libraries. This brilliant framework is currently one of the most popular frameworks on the market for simple single page applications (SPAs).
Here is your chance to learn this amazing technology from the start. You don’t need any other course, tutorial or resource. We have created this course to be your only guide for learning this amazing technology
In this comprehensive course, you start from the ground up understanding what is Vue, what is it good for, how can it benefit you for programming, it’s basic fundamentals, the UI development syntax, components, how to incorporate APIs and even design a complete project using Vue.
The course starts with helping the learner understand what is Vue and how it can help in development, as well as compare it to other technologies such as React.JS. It will provide a detailed look into the syntax including directives, interpolation, what is data-binding and how can we create two-way data bindings through input fields and handle events.
It will then progress on to discussing watchers, reactive properties and how to use them in an app, components (stand-alone as well as ones that are used with the Vue CLI and Webpack), and also understanding the Vue Router.
The last section includes a project that will help you get some hands-on experience with Vue.JS, allowing the student to learn how this technology can be used in practical applications. In this project, you will design a webpage using Vue that makes API requests using the Vue Resource Package to Reddit, and has subreddits displayed on the webpage.
This truly is the complete course to help you learn Vue. So, what are vue waiting for?! Enroll now and master this framework.