Learn by Doing: Vue JS 2.0 the Right Way
4.5 (236 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,172 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn by Doing: Vue JS 2.0 the Right Way to your Wishlist.

Add to Wishlist

Learn by Doing: Vue JS 2.0 the Right Way

Learn how to build a standalone client app with routing and authentication in VueJS 2.0 (Single page application)
4.5 (236 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,172 students enrolled
Created by Dejan Stošić
Last updated 12/2016
English
Curiosity Sale
Current price: $10 Original price: $95 Discount: 89% off
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • 1 Article
  • 13 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build your own VueJS application of any size
  • Plan and structure your project
  • Write maintainable code
  • Use smart development tools like vue-cli
View Curriculum
Requirements
  • HTML/CSS (Bootstrap Framework)
  • Some knowledge of JavaScript (the more you know the easier this will be for you!)
  • Recommended (NOT required): Basic Understanding of Client-Server Communication (HTTP protocol)
Description

If you are ready to take your frontend web development skills to the next level and learn a new technology which is rapidly growing - then you've come to the right place!

In this course we'll learn VueJS - the version 2.0 to be specific, which quickly became highly valued among professional web developers, because it is really simple (unlike 2.0 versions of some other JS frameworks...) while also very powerful at the same time! The version 2.0 is mature and is already used both by small startups and in the enterprise apps by many corporations in the real world.

We'll focus on the practical side of things by building a small microblogging social network called "Beeper"! The focus is on medium and large scale applications, so you will learn, through example, how to structure your code and how real applications work.

Also, you'll receive a custom API built specifically for this course, you'll run it on your computer and we will build the client app with VueJS that interacts with the said API.

This is as close to the real world development experience as it gets, folks!


Credits

  • Intro song: "Local Forecast - Elevator" by Kevin MacLeod
Who is the target audience?
  • People who are stuck with jQuery and didn't move on to modern frameworks - this course is perfect for you
  • People who have some knowledge of JavaScript and want to build their own real-world app
  • Developers who know other modern frameworks/libraries (Angular, React...)
Students Who Viewed This Course Also Viewed
Curriculum For This Course
32 Lectures
03:31:24
+
Getting Started
8 Lectures 01:00:06

Course overview

Preview 05:53

Let's see what two way data binding is and how it works

Preview 09:31

We learn more about components and how to use them

Preview 10:03

Step by step guides for installing PHP, NodeJS and NPM

Preview 01:08

$ php -S localhost:9090 public/index.php

Preview 06:18


Learn more about Vue 2.0 components with Vue Loader

Vue Loader Components
06:38

Learn more about Vue Router and how to build your client side routing

Vue 2.0 routing
08:11
+
Authetication
8 Lectures 01:01:01

Finally! We're starting to build our VueJS app

Setting up Auth + Login + Register components
08:25

Where do we add the CSS?

Let's make it pretty 1/2: Applying CSS to components
04:01

Create amazing transitions between pages with just few lines of code.

Let's make it pretty 2/2: State transitions
02:02

Finalizing registration functionality
13:45

Login 1/3: Getting started
13:00

Learn more about JSON Web Tokens

Login 2/3: What's JWT?
03:20

Login 3/3: Let's build our AuthPlugin
13:59

More HTTP interceptors!
02:29
+
News Feed
7 Lectures 41:50
Setting up Dash + Sidebar + Newsfeed Components
08:17

Redirecting Logged in Users/Guests
02:56

Sidebar Component Functionality
06:03

Newsfeed With Beeps
06:05

Beep Date and Time With MomentJS
03:43

Beeplist Pagination
11:54

Beep Like/Unlike
02:52
+
Profile
3 Lectures 18:51
Setting up the Profile Component
08:28

Introducing Watchers
05:31

Making Profiles Accesible to Unauthenticated Users
04:52
+
Settings
3 Lectures 22:23
Setting up Settings Component
01:43

Introducing Vuex
13:29

Finalizing Settings Functionality
07:11
+
Beeps
2 Lectures 05:19
Finally: Let's publish some beeps!
01:57

Introducing Events
03:22
+
Outro
1 Lecture 02:03
Closing Words
02:03
About the Instructor
Dejan Stošić
4.5 Average rating
235 Reviews
1,172 Students
1 Course
Fullstack Web Developer

I'm a 26 year old web developer from Serbia.

Started working when I was 19 and I've played around with all kinds of different technologies and languages since. Currently my goto choice is Laravel (PHP) for server side code and Vue JS or Angular for client apps.

I enjoy writing clean and useful code and I hope that you'll be able to learn a thing or two from me!