Real World Projects with Vue.js

Real World Projects with Vue.js

Packt Admin
Updated Feb 13, 2019

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..The code bundle for this course is available at and Approach.

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.

Target Audience 

This course targets JavaScript developers who already know some Vue.js and want to get more confident with it by building real-world projects. They should have some knowledge of JavaScript programming; a working knowledge of Vue.js is required. They also need to have a basic knowledge of Web development. 

Business Outcomes 

  • 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.