Real World Projects with Vue.js

Real World Projects with Vue.js
Real World Projects with Vue.js
English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 2h 58m | 601 MB

Four projects to sharpen your skills in modern web development

Nothing enhances your theoretical knowledge more than practice with actual projects. If you want to enhance your basic Vue.js skills with real-world projects, then this course is the perfect guide. With four projects, this course will show you how to implement Vue.js concepts, teaching you as you go.

In your first project, you’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.

This course has four different projects which will give you a clear understanding of Vue.js. By the end of the course, you’ll be able to use Vue.js in real-life projects with ease. The first project is about managing your song collection with a miniature Spotify. The second one builds a tracker for TV shows. The third builds a simple web shop and the last project is a real-time chat feature.

What You Will Learn

  • You’ll implement your basic Vue.js skills in different practical projects.
  • Learn to create a music library (a mini Spotify) with Vue.js, the view-router, and using plugin components for Vue.js.
  • Build a tracker for TV shows using the TV Maze API.
  • 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.
Table of Contents

Music Library (Mini Spotify)
1 Course Overview
2 Setup and Requirements
3 A Basic Music Index – Creating Our First Views and Routes
4 Pagination and Splitting Up Components
5 User Created Playlists – First Steps
6 Adding Songs to Playlists
7 Customizing and Managing Playlists
8 In Search of Songs with Web Workers

TV Show Tracker
9 Setup and Requirements
10 Integrating Fetch and Firebase
11 Searching for Your Favorite Shows
12 Detail Page for Shows
13 Subscriptions So that You Will Never Miss a New Season
14 Subscriptions So that You Will Never Miss a New Season(Continued)

Small Webshop
15 Setup and Requirements
16 Administration and Authentication
17 Managing Products
18 Products on Display
19 Vuex – Centralized State State for Our Shop Registering as a New Customer
20 A Cart for Shopping
21 Processing the Checkout
22 Processing the Checkout(Continued)

Realtime Chat
23 Setup and Requirements
24 Registration and Authentication
25 Sending Messages to a Single Room
26 Creating and Joining Multiple Rooms
27 User Lists and Kicking Users