Master Vuejs From Scratch (Incl Vuex, Vue Router)

Learn and master one of the most popular frontend frameworks by building awesome projects

What you'll learn
Build real world vuejs applications from scratch
Integrate Frontend frameworks with vuejs applications
Use vue-cli 3 for more scalable and productive vue-js application development
Handle authentication workflows in vuejs applications
Build vue applications based on real world REST API communication
Requirements
Have an understand of HTML & CSs
Have a basic understanding of the Javascript Programming language
Description
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 likeReactive vue dataDisplaying dataForm data collectionDisplaying data setsEvent handlingComponentsPropsComponent reusabilityAsynchronous api callsJWT AuthenticationLogin & SignupPaginationLoading stateError handlingFrontend css frameworks integrationVue-cliApplication deploymentAND 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. I'LL BE HERE TO SUPPORT YOU EVERY STEP OF THE WAY !!!

Overview

Section 1: Introduction

Lecture 1 Links to the source code for all sections

Lecture 2 Installing vuejs

Lecture 3 Creating our first vue instance

Lecture 4 Creating a dynamic footer

Lecture 5 Introduction to reactive data

Lecture 6 Introduction to event listeners and methods

Lecture 7 Conditionally displaying elements

Lecture 8 Introduction to computed properties

Section 2: Build a currency converter

Lecture 9 Setup application structure

Lecture 10 Get list of currencies

Lecture 11 Caching currencies to limit api requests

Lecture 12 Populating currencies to select lists

Lecture 13 Getting form elements data

Lecture 14 Converting currency

Lecture 15 Conditionally disabling convert button

Lecture 16 Adding button loading state

Lecture 17 Fix amount bug

Section 3: Vuejs components

Lecture 18 What are vue components

Lecture 19 Introduction to props

Lecture 20 Looping through components

Lecture 21 Child to parent component communication

Lecture 22 Stateful vue components

Section 4: Build a shopping cart

Lecture 23 Installing vue cli

Lecture 24 Understanding the vue project structure

Lecture 25 Creating the shop layout

Lecture 26 Creating the product component

Lecture 27 Displaying product via props

Lecture 28 Adding products to cart

Lecture 29 Disabling product button after adding to cart

Lecture 30 The cart component

Lecture 31 Remove items from cart

Lecture 32 Displaying cart total

Section 5: Build a complete community blog app

Lecture 33 Introduction to vue router

Lecture 34 Setting up bootstrap

Lecture 35 Using router link

Lecture 36 The login component

Lecture 37 Getting user form data

Lecture 38 Api requests in vue apps

Lecture 39 Handling successful registration

Lecture 40 Displaying auth user data

Lecture 41 Displaying registration errors

Lecture 42 Add signup loading state

Lecture 43 User login

Lecture 44 Login loading state

Lecture 45 Handling user logout

Lecture 46 Adding toast notifications

Lecture 47 Authentication guards

Lecture 48 Displaying a list of articles

Lecture 49 Passing props to article component

Lecture 50 Single article page

Lecture 51 Single article details

Lecture 52 Add disqus comments

Lecture 53 Implement home page pagination

Lecture 54 Creating articles

Lecture 55 Uploading images to cloudinary

Lecture 56 Vue cli environment variables

Lecture 57 Article categories

Lecture 58 Saving article to api

Lecture 59 Deploying to netlify

Section 6: Vuex from scratch

Lecture 60 Master vuex !

Beginner frontend developers looking to add a frontend javascript framework to their portfolios,Advanced frontend developers looking to add Vue-js to their portfolios,Backend developers willing to start on the frontend