Book Image

Real World Projects with Vue.js [Video]

By : Daniel Khalil
Book Image

Real World Projects with Vue.js [Video]

By: Daniel Khalil

Overview of this book

<p>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.</p> <p>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.</p> <p>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.</p> <p>By the end of the course, you will have the Vue.JS knowledge needed to implement your own real-world applications.</p> <p>The code bundle for this course is available at <a href="https://github.com/PacktPublishing/Real-world-Projects-with-Vue.js" target="_blank">https://github.com/PacktPublishing/Real-world-Projects-with-Vue.js</a></p> <h1>Style and Approach</h1> <p>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.</p>
Table of Contents (4 chapters)
Chapter 2
TV Show Tracker
Content Locked
Section 3
Searching for Your Favorite Shows
The most essential part of a TV show tracker is being able to search for shows. So a search bar we shall implement! - Create a new component with a themed searchbar - Include the helper library and get the search results from the TV Maze API - Display the search result in our new component