Udemy

Vue.js Essentials - 3 Course Bundle

Enroll Now
  • 7,211 Students
  • Updated 7/2019
4.3
(1,541 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
12 Hour(s) 35 Minute(s)
Language
English
Taught by
Anthony Gore
Rating
4.3
(1,541 Ratings)

Course Overview

Vue.js Essentials - 3 Course Bundle

Learn and master VueJS by building 3 professional, real world web application using Vue!

If you're looking to learn and master Vue.js with an expert instructor, look no further than Vue.js Essentials.

In this series of three courses, you'll build three real-world Vue.js apps that take you from the very basics of Vue to the cutting edge.

With over 6000 past students, this course bundle includes 10 hours of high-quality video with English closed captions.

Keep reading to see what's included...

Course 1: Build Your First Vue.js App

This first course is an introduction for those who've never used Vue.js or who need to brush up on the basics.

We'll cover key Vue concepts such as:

  • Installing Vue

  • Adding Vue to a web page

  • Template syntax (interpolations and directives)

  • Lifecycle hooks

  • Transitions

And more!

The best way to learn is by doing, so we'll put this theory into practice and build a simple but powerful eCommerce user interface complete with products and a shopping cart called Vue.js Poster Shop.

Course 2: Build A Vue.js Single-Page App with Vue Router

Now that you know the basics of Vue, you're ready to learn Vue's most powerful features!

By the end of this second course, you'll be able to build a high-performing, feature-rich Vue.js app using the single-page application (SPA) architecture.

Topics covered in this course include:

  • Components

  • Vue Router

  • Slots

  • Single-file components

  • Custom plugins and directives

  • Webpack configuration for Vue.js projects

And more!

Together, we'll build a movie session times app called Vue.js Cinema that, unlike the app from the first course, includes multiple pages managed with Vue Router.

Building this app will introduce you to the power and versatility of components-based app design. You'll also learn how to utilize Webpack for an enhanced Vue development experience. 

Course 3: Build A Professional Vue App with Vuex & Server-Side Rendering

Are you ready to become a Vue expert?

Now that you're comfortable building Vue.js SPAs, you're ready for Vue's advanced concepts!

In this course, I'll show you the tools and techniques that front-end experts use to build highly optimized, high performing web UI. 

Firstly, we'll cover the Vuex state management pattern, which is a special method for storing data in your app that's essential for bigger and more complex sites. 

We'll then set up server-side rendering (SSR) from scratch. This is where we compile our app on the Node.js server in order to drastically improve page load time.

The case-study project for this course is our most ambitious yet; a Google Calendar clone called Vue.js Cinema that utilizes Vuex, SSR and a host of other optimizations.

Course Content

  • 10 section(s)
  • 182 lecture(s)
  • Section 1 Introduction & Crash Course
  • Section 2 Build Your First Vue.js App - Introduction
  • Section 3 Build Your First Vue.js App - Setting up the project
  • Section 4 Build Your First Vue.js App - Up and running with Vue
  • Section 5 Build Your First Vue.js App - Building the shopping cart
  • Section 6 Build Your First Vue.js App - Adding product search
  • Section 7 Build Your First Vue.js App - Building the product list
  • Section 8 Build Your First Vue.js App - Scroll loading products
  • Section 9 Build Your First Vue.js App - Adding finishing touches
  • Section 10 Build A Vue.js Single-Page App with Vue Router - Introduction

What You’ll Learn

  • Understand all Vue concepts from beginner to advanced
  • Build three real world applications using Vue.js utilising every Vue feature
  • Use the Vuex statement management library
  • Write basic Vue with ES5 and also modern Vue with ES6
  • Setup VueJS environment with development tools including Webpack
  • Create a universal application with server-side rendering
  • Use popular plugins from the Vue ecosystem like vue-router and vue-resource
  • Cutting-edge features like Single File Components, Render functions and Server-Side Rendering


Reviews

  • J
    Jeremy Hester
    5.0

    well thought out, great explanations...not only explained the how, but also the why...way above and beyond and I really appreciate the work put in here

  • A
    Anonymized User
    3.0

    None of the 3 apps actually have everything set up so that it can be used as a template structure. Basic javascript issues. The one that stuck the most was the incorrect use of do whiles. Overall i feel like just doing 1 complete app from start to finish would take less time and deliver more in the end.

  • V
    Vignesh Sridharan
    4.5

    I like knowing all the important aspects through the hands on , that is provided. Helping in growing my skills. It was a great mentoring Anthony and everything what was needed was given clean and crisp. Thanks a lot once agian.

  • E
    Elliot Richardson
    4.0

    Very good pace and I love going through building simple apps to help with the concepts of how you would use vuejs in a SPA app. SSR section didn't work for me and I spent a few hours trying to rewind and follow along with the app continuing not to work. Everything before that is great, although it does seem a bit out of date now as far as vuex is concerned. Still a great course to pair up with another course to learn bits from each.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed