Vue JS - Mastering Web Apps
4.5 (291 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.
14,673 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Vue JS - Mastering Web Apps to your Wishlist.

Add to Wishlist

Vue JS - Mastering Web Apps

Create the VueJS 2.0 apps you always wanted. Build 5 apps, learn development secrets, VueRouter, Vuex, & more!
4.5 (291 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.
14,673 students enrolled
Created by David Katz
Last updated 4/2017
English
English [Auto-generated]
Current price: $10 Original price: $80 Discount: 88% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • 13 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build entire Vue JS, VueRouter, and Vuex applications from scratch.
  • Develop apps that deal with APIs and web requests.
  • Create web apps with a full authentication service, and real-time database.
View Curriculum
Requirements
  • Some JavaScript, HTML, and CSS will help, but not absolutely required.
Description

Become an in-demand software engineer by taking this tutorial on Vue Js. As one of the fastest growing frameworks for web development, learning Vue is a must. Simply put, understanding Vue will open doors and jobs for you.

This project-based course will have you coding right away. By building five carefully thought-out example applications, you will sharpen your skills in modern web development.

First, learn the essentials of Vue 2.0 by going through the main concepts and syntax. Then, build your first single-page app with Vue. Second, create an application that handles HTTP Web Requests in Vue and uses a public API. Extend upon this application next, learning VueRouter for multi-page applications. Fourth, build an application that works with Vuex to manage data. Finally, cap it all off by building an app with full authentication and a real-time database.

You’ll not only learn Vue 2.0, but essential libraries like VueRouter and Vuex. Vuex can have a reputation for complexity, but you’ll find in this course, a secret recipe that boils Vuex down to three simple steps!

Lastly, don’t worry if you’re new to web development. Some JavaScript experience will help, but this course explains every new concept thoroughly.

So what are you waiting for? Take the dive into VueJs. Let’s get started coding!

Who is the target audience?
  • The perfect students knows some JS, HTML, and CSS, but hopes to learn a new web development framework to significantly boost their skills.
  • All levels coding. However this won’t introduce coding from the ground up, so for complete beginners might find it fast-paced.
  • Experienced developers and engineers will find this course perfect for brushing up on Vue and web development.
Compare to Other Vue JS Courses
Curriculum For This Course
69 Lectures
04:33:53
+
Introducing the Course
6 Lectures 10:29



Installing Node
01:57

Installing a Code Editor
01:22

Forking the Repository
01:22
+
Understanding Vue Syntax and Essentials
9 Lectures 38:42



V-for for List Renderings
04:30

V-on for Clicking
04:16

Components
07:23

V-model and Computed Properties
03:56

Lifecycle Hooks
05:56

Section Overview | Vue Syntax and Essentials
01:06
+
Building Notemaster | Application One
6 Lectures 21:24

Setting Up Notemaster
04:20

Using V-models for the Note Form
03:28

Adding Notes
05:03

Looping Through and Removing Notes
06:32

Section Overview | Notemaster
00:48
+
Starbase | Application Two
10 Lectures 38:27

Setting Up Starbase
02:40

.Vue Files
06:17

Basic Styling with CSS
02:59


Introducing the API
06:37

Creating a Character Component
05:33

Finalizing Character Behavior
07:18

Structuring the Characters
04:29

Section Overview | Starbase
00:58
+
Starbase-Router | Application Three
10 Lectures 40:38

Setting Up Starbase-Router
05:02

Quickly Styling the App
02:00

Introducing VueRouter
06:17

Coding Break | VueRouter
00:48

Router-Linking Different Pages
04:55

Developing the Data Component
05:38

Creating an Item Component
08:01

Adding the SwitchItem Method
05:37

Section Overview | Starbase-Router
00:46
+
Jokester | Application Four
12 Lectures 50:59

Setting Up Jokester
05:17

Understanding Vuex
01:44

Creating the Store
03:29

Mutating the Store
06:38

Acting Upon the Store
07:25

Coding Break | The Vuex Recipe
00:53

Building a Joke Component
04:32

Adding One Joke at a Time
05:34

Removing Jokes
07:00

Filtering Jokes
05:58

Section Overview | Jokester
01:08
+
Turnout | Application Five
14 Lectures 01:12:47

Setting Up Turnout
05:31

Adding VueRouter
05:27

Introducing Firebase
06:57

Signing In
07:19

Storing Data with Vuex
07:48

Signing Out
05:37

Developing the Sign Up Component
08:02

Coding Break | Authentication
00:33

Submitting Events
10:41

Adding a Realtime Database
03:31

Initializing Events in Store
03:19

Creating the EventItem Component
05:27

Section Overview | Turnout
00:44
+
Concluding the Course
2 Lectures 00:33
Final Remarks
00:15

Bonus Lecture: Exclusive Course Discounts
00:17
About the Instructor
David Katz
4.4 Average rating
4,672 Reviews
81,659 Students
9 Courses
Coding Instructor & Software Engineer

Hi! I’m David. I spend most of my time building applications and coding tutorials. Currently, I study computer science at the University of San Francisco. I have also had software engineering internships at Zendesk and at a tech education startup called MVCodeClub.

I love sharing the knowledge that I have gained from my experience with other people. I have spent a fair bit of time working as a coding instructor. Because of this, I’ve learned how to explain advanced programming concepts in a clear and understandable way. There's no better feeling than when a students gets that "aha" moment.

Please don’t hesitate to reach out to me! Whether you want to chat, or work on something meaningful, please let me know!