Learn Vue-js from scratch 2018

Are you a javascript / frontend developer looking forward to improve your fields ? Search no more ! Vuejs is the most popular javascript framework in 2018. Yes, it is, and it keeps increasing in popularity and more and more companies keep adapting it.

Vue-js is really EASY TO LEARN. In this short 5-hour course, I will take you from beginner to master in vue-js. I will teach you everything you need to be able to build applications with vue-js. After taking this course, you will have and know everything you need to build your own real world vue-js applications.

We are going to cover topics like

Reactive vue data

Displaying data

Form data collection

Displaying data sets

Event handling

Components

Props

Component reusability

Asynchronous api calls

JWT Authentication

Login & Signup

Pagination

Loading state

Error handling

Frontend css frameworks integration

Vue-cli

Application deployment

AND SO SO SO MUCH MOOORE !!!!!

You'll build real world projects and solutions in this course to be able to build your own projects. Go ahead and enroll into this course and start learning immediately. By this time tomorrow you can complete this course and add vue-js to your skill set.

Introduction to vue-js

Let's get a basic understanding of this amazing framework. We'll start by going through the installation, then the fundamentals, the go through the principles the framework is built on.

1. Course overview

2. Installing vuejs

3. Creating our first vue instance

4. Creating a dynamic footer

5. Introduction to reactive data

6. Introduction to event listeners and methods

7. Conditionally displaying elements

8. Introduction to computed properties

Build a currency converter

In this section, we'll build a currency converter app. Using this application, a user can convert from one currency to another using the free converter api. This would give us the oportunity to learn interesting topics like event listeners,
watchers, computed properties, form data, asynchronous api calls and so much more.

1. Setup application structure

2. Get list of currencies

3. Caching currencies to limit api requests

4. Populating currencies to select lists

5. Getting form elements data

6. Converting currency

7. Conditionally disabling convert button

8. Adding button loading state

9. Fix amount bug

Understanding Vue-js components

Components are reusable parts of our application. One can hardly build a small to medium-sized production ready application without the use of components. Let's dive deep and understand what they are.

1. What are vue components

2. Introduction to props

3. Looping through components

4. Child to parent component communication

5. Stateful vue components

Build a shopping cart

With everything we've learned, we are going to build a shopping cart. We'll use techniques like component composition, custom events, and event handlers, parent to children communication and so much more.