Build 7 Real World Applications with Vue.js

Build 7 Real World Applications with Vue.js, available at $54.99, has an average rating of 3.85, with 61 lectures, 2 quizzes, based on 34 reviews, and has 314 subscribers.

You will learn about Learn to build more complex applications and to share data across components by creating a simple web shop. Manage a real-time chat capability to integrate real-time communication with a backend service and build Vue .JS applications with push capability. Implement three different ways of connecting to the server and routing data around your application Use off-the-shelf libraries to get to the features you want more quickly This course is ideal for individuals who are This course targets JavaScript developers, front-end developers, Vue .js developers, professional web developer to build amazing and complex reactive web applications with Vue .js & and solve real-world problems with their Vue .js applications. It is particularly useful for This course targets JavaScript developers, front-end developers, Vue .js developers, professional web developer to build amazing and complex reactive web applications with Vue .js & and solve real-world problems with their Vue .js applications.

Enroll now: Build 7 Real World Applications with Vue.js

Summary

Title: Build 7 Real World Applications with Vue.js

Price: $54.99

Average Rating: 3.85

Number of Lectures: 61

Number of Quizzes: 2

Number of Published Lectures: 61

Number of Published Quizzes: 2

Number of Curriculum Items: 63

Number of Published Curriculum Objects: 63

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Learn to build more complex applications and to share data across components by creating a simple web shop.

Manage a real-time chat capability to integrate real-time communication with a backend service and build Vue .JS applications with push capability.

Implement three different ways of connecting to the server and routing data around your application

Use off-the-shelf libraries to get to the features you want more quickly

Who Should Attend

This course targets JavaScript developers, front-end developers, Vue .js developers, professional web developer to build amazing and complex reactive web applications with Vue .js & and solve real-world problems with their Vue .js applications.

Target Audiences

This course targets JavaScript developers, front-end developers, Vue .js developers, professional web developer to build amazing and complex reactive web applications with Vue .js & and solve real-world problems with their Vue .js applications.

Are you willing to enhance your basic Vue.js skills with a real-world project to deepen your understanding of Vue.js. Then this course is for you!

Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications.

With this practically oriented course, you will mainly focus on creating 7 real-world projects such as creating a miniature Spotify-like music library to manage your song collection, builds a tracker for TV shows, desktop and web RSS reader & much more. While building this project you will also learn basics of working with Vue.js, vue-router, and using plugin components integrate real-time communication with a backend service, which we can use to build Vue.JS applications with push capability.

By the end of this course, you will be able to build complex and large web applications with Vue.js & also implement your own real-world applications, troubleshoot errors with your Vue.js application.

Contents and Overview

This training program includes 2 complete courses, carefully chosen to give you the most comprehensive training possible.

The first course, Real World Projects with Vue.jsyou’ll create a miniature Spotify-like music library to manage your song collection where you’ll learn the basics of working with Vue.js, vue-router, and using plugin components. The next project builds a tracker for TV shows where we’ll expand on our app-building experience by integrating an external API using the native fetch API. The third project is a simple web shop, which will introduce building more complex applications. We will add Vuex to our stack to share data and state across components. The last project is a real-time chat feature, with the ability to create, join, and manage various rooms. It will integrate real-time communication with a backend service, which we can use to build Vue.JS applications with push capability. By the end of the course, you will have the Vue.JS knowledge needed to implement your own real-world applications.

The second course, Practical Projects with Vue JS 2will walk you through three complete practical projects in Vue.js that show the breadth of the framework, and also show how it is used practically via real-world examples. It fills a void not met by reference guides or cookbooks but adds value to both of those resources. You will not only understand how to use the framework, but also which choices were made, and why. These projects will act as jumping off points for you in your own projects.

About the Authors:

Daniel Khalil is the co-founder of Brainsware. He is a full-stack developer for 12 years now, self-employed freelancer since 2009. Most of his work lately is with Elixir (Phoenix) and Vue.js. He loves creating software that’s usable, testable and maintainable.

Jack Herrington is a Principal Software Engineer at Nike working. He works in React, Vue, and AngularJS and has presented to a wide set of audiences on a variety of web technologies. He has written six books and hundreds of articles covering both the front- and back-end. Before Nike he was the UI Architect at Walmart Labs.

Course Curriculum

Chapter 1: Real World Projects with Vue.js

Lecture 1: The Course Overview

Lecture 2: Setup and Requirements

Lecture 3: A Basic Music Index – Creating Our First Views and Routes

Lecture 4: Pagination and Splitting Up Components

Lecture 5: User Created Playlists – First Steps

Lecture 6: Adding Songs to Playlists

Lecture 7: Customizing and Managing Playlists

Lecture 8: In Search of Songs with Web Workers

Lecture 9: Setup and Requirements

Lecture 10: Integrating Fetch and Firebase

Lecture 11: Searching for Your Favorite Shows

Lecture 12: Detail Page for Shows

Lecture 13: Subscriptions So that You Will Never Miss a New Season

Lecture 14: Subscriptions So that You Will Never Miss a New Season (Continued)

Lecture 15: Setup and Requirements

Lecture 16: Administration and Authentication

Lecture 17: Managing Products

Lecture 18: Products on Display

Lecture 19: Vuex – Centralized State for Our Shop

Lecture 20: A Cart for Shopping

Lecture 21: Processing the Checkout

Lecture 22: Processing the Checkout (Continued)

Lecture 23: Setup and Requirements

Lecture 24: Registration and Authentication

Lecture 25: Sending Messages to a Single Room

Lecture 26: Creating and Joining Multiple Rooms

Lecture 27: User Lists and Kicking Users

Chapter 2: Practical Projects with Vue JS 2

Lecture 1: The Course Overview

Lecture 2: Install Vue

Lecture 3: Why Components?

Lecture 4: Working with Data

Lecture 5: Directives – Iteration and Conditionals

Lecture 6: Events

Lecture 7: Slots, References, and Transitions

Lecture 8: Vuex

Lecture 9: Vuetify

Lecture 10: Introduction to Geo-Store

Lecture 11: Project Setup

Lecture 12: Adding GraphQL

Lecture 13: Creating the Vuex Store

Lecture 14: Adding the Map

Lecture 15: Adding the Toolbar

Lecture 16: Adding Store Info

Lecture 17: Introduction to You News

Lecture 18: Application and Database Setup

Lecture 19: Adding REST Endpoints

Lecture 20: Creating the Vuex Store

Lecture 21: Initial Layout and Left Nav

Lecture 22: Article Viewer

Lecture 23: Add Feed Dialog

Lecture 24: Adding WebSockets

Lecture 25: Local Storage

Lecture 26: Introduction to Photo Spot

Lecture 27: Creating the Server

Lecture 28: Creating the Models

Lecture 29: Creating the Vuex Store

Lecture 30: Getting File Upload Going

Lecture 31: Vuetify, Vue-Router, Layout, and Home Page

Lecture 32: Detail Page and Chat Window

Lecture 33: Integrating Pusher on the Server

Lecture 34: Integrating Pusher on the Client

Instructors

Packt Publishing
Tech Knowledge in Motion

Rating Distribution

1 stars: 1 votes

2 stars: 3 votes

3 stars: 13 votes

4 stars: 6 votes

5 stars: 11 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!