Name: Master Vuejs from scratch (incl Vuex, Vue Router)
Rating: 4.5 (332 reviews)

Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Created byFrantz Kati

Last updated 4/2019

English

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

Course content

6 sections • 60 lectures • 5h 4m total length

Links to the source code for all sections0:16
Installing vuejs2:19
Creating our first vue instance2:37
Create your first Vue instance to take control of a page element via an element id, bind the current year to the footer, and update it dynamically.
Creating a dynamic footer2:06
Introduction to reactive data2:48
Introduction to event listeners and methods3:41
Conditionally displaying elements3:34
Introduction to computed properties2:34

Setup application structure3:44
Get list of currencies4:07
Caching currencies to limit api requests3:34
Populating currencies to select lists4:39
Getting form elements data5:18
Learn to bind form inputs in Vue.js using v-model for two-way data binding, capture amounts and currencies, and prepare data for the currency conversion API request.
Converting currency6:24
Conditionally disabling convert button2:45
Adding button loading state3:09
Fix amount bug2:31

What are vue components5:24
Introduction to props4:05
Looping through components2:33
Learn to display a list of articles by looping through an articles array with a custom component, and bind each article's title and content to render dynamic blog cards.
Child to parent component communication8:21
Learn how a child component communicates with its parent using v-on and custom events to trigger actions like deleting an article, with payloads such as the article title.
Stateful vue components4:32
Master stateful Vue components by using a data function that returns an object for each instance, giving unique state to each card or article and enabling individual claps.

Installing vue cli2:05
Understanding the vue project structure4:09
Explore the Vue project structure by examining the public and source directories, rendering the up component into the element with id up, and using single-file .vue components.
Creating the shop layout4:50
Creating the product component4:39
Displaying product via props2:15
Adding products to cart2:53
Disabling product button after adding to cart2:47
The cart component3:34
Remove items from cart2:45
Displaying cart total4:04

Introduction to vue router6:49
Setting up bootstrap5:31
Using router link2:20
The login component3:37
Getting user form data1:52
Api requests in vue apps4:01
Handling successful registration7:45
Displaying auth user data6:14
Displaying registration errors8:48
Add signup loading state3:28
User login9:09
Login loading state1:41
Handling user logout3:32
Adding toast notifications4:49
Authentication guards3:48
Implement authentication guards in Vue.js using a before guard to check login state from localStorage and redirect unauthenticated users to login, ensuring components mount only after next is called.
Displaying a list of articles7:50
Passing props to article component4:06
Single article page5:50
Single article details6:14
Add disqus comments5:01
Implement home page pagination8:45
Creating articles5:28
Uploading images to cloudinary7:45
Learn to implement a Vue image uploader with a third-party input component, preview images, and upload them to cloud nine using presets, an API key, and a post request.
Vue cli environment variables2:58
Article categories5:21
Saving article to api9:19
Deploying to netlify3:50

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 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.

I'LL BE HERE TO SUPPORT YOU EVERY STEP OF THE WAY !!!

Who this course is for:

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

What you'll learn

Explore related topics

Course content

Introduction8 lectures • 20min

Build a currency converter9 lectures • 36min

Vuejs components5 lectures • 25min

Build a shopping cart10 lectures • 34min

Build a complete community blog app27 lectures • 2hr 26min

Vuex from scratch1 lecture • 44min

Requirements

Description

Who this course is for: