Video description
Four projects to sharpen your skills in modern web development
About This Video
- This course offers various interesting web projects created using Vue.js.
- Learn Vue.js 2.0, and essential libraries such as Vue.js Router and Vuex, which can be used within the projects by implementing even complex topics with great simplicity.
- You'll explore different projects to deepen your understanding of Vue.js.
In Detail
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 uses Vue.js 2.5, while not the latest version available, it provides relevant and informative content for legacy users of Vue.js.
Publisher resources
Table of contents
-
Chapter 1 : Music Library (Mini Spotify)
- The Course Overview 00:02:28
- Setup and Requirements 00:03:31
- A Basic Music Index – Creating Our First Views and Routes 00:07:22
- Pagination and Splitting Up Components 00:08:09
- User Created Playlists – First Steps 00:08:16
- Adding Songs to Playlists 00:09:14
- Customizing and Managing Playlists 00:05:33
- In Search of Songs with Web Workers 00:05:19
-
Chapter 2 : TV Show Tracker
- Setup and Requirements 00:02:00
- Integrating Fetch and Firebase 00:03:15
- Searching for Your Favorite Shows 00:05:20
- Detail Page for Shows 00:05:43
- Subscriptions So that You Will Never Miss a New Season 00:04:31
- Subscriptions So that You Will Never Miss a New Season (Continued) 00:04:25
-
Chapter 3 : Small Webshop
- Setup and Requirements 00:03:40
- Administration and Authentication 00:05:44
- Managing Products 00:09:21
- Products on Display 00:10:00
- Vuex – Centralized State for Our Shop 00:07:02
- A Cart for Shopping 00:09:55
- Processing the Checkout 00:06:20
- Processing the Checkout (Continued) 00:12:11
-
Chapter 4 : Realtime Chat
- Setup and Requirements 00:04:09
- Registration and Authentication 00:09:23
- Sending Messages to a Single Room 00:07:06
- Creating and Joining Multiple Rooms 00:09:22
- User Lists and Kicking Users 00:09:29
Product information
- Title: Real World Projects with Vue.js
- Author(s):
- Release date: August 2018
- Publisher(s): Packt Publishing
- ISBN: 9781789340754
You might also like
video
Vue JS 2 - The Complete Guide (incl. Vue Router and Vuex)
Vue JS is an awesome JavaScript framework for building frontend applications! VueJS mixes the best of …
video
React - The Complete Guide (incl. Hooks, React Router and Redux)
Dive in and learn React from scratch! Learn Reactjs, Redux, React Routing, Animations, Next.js basics and …
video
The Modern JavaScript Bootcamp (2019)
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7! About …
video
Learn Flutter and Dart to Build iOS and Android Apps 2020
A complete guide to the Flutter SDK and Flutter framework to build native iOS and Android …