Git Product home page Git Product logo

real-world-projects-with-vue.js's Introduction

Real World Projects with Vue.js [Video]

This is the code repository for Real World Projects with Vue.js [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.

About the Video Course

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

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.

Instructions and Navigation

Assumed Knowledge

To fully benefit from the coverage included in this course, you will need:
Already have working and practical knowledge of Vue.JS and Javascript. Also basic knowledge of Web development.

Technical Requirements

This course has the following software requirements:
Recommended Hardware Requirements

For an optimal experience with hands-on labs and other practical activities, we recommend the following configuration:

Processor: Not Applicable Memory: 4GB or above Storage: 50GB free space

Software Requirements Operating system: Windows or Mac Browser: Google Chrome Atom IDE, Latest Version Node.js LTS 8.9.1 Installed

Related Products

real-world-projects-with-vue.js's People

Contributors

packt-itservice avatar packtabhishek avatar dkhalil avatar

Stargazers

Bunyamin Eymen Alagoz avatar Xtra IO PUrE avatar Aleksey Armashov avatar Michael Orr avatar asdadadasd avatar John avatar  avatar Brian Chen avatar nodojo avatar femaimi avatar LaminarRainbow avatar Alishen avatar  avatar Cristian Galeano avatar Daniel Stanzani avatar  avatar Artur Khachaturov avatar Mozy Okubo avatar  avatar Radosław Włodkowski avatar Net205 avatar xuyuanbin avatar  avatar

Watchers

James Cloos avatar  avatar Dominic Pereira avatar  avatar  avatar

real-world-projects-with-vue.js's Issues

Music Library Search not working

Hi,

The last exercise of the music library with the search component doesn't work and I couldn't figure it out. Please help. Here are the error messages
`
music.worker.js?4fe3:5 Uncaught TypeError: Cannot read property 'filter' of undefined
at eval (music.worker.js?4fe3:5)
(anonymous) @ music.worker.js?4fe3:5
postMessage (async)
sendMsg @ index.js?bed3:67
ok @ index.js?bed3:136
onmessage @ socket.js?57b2:41
EventTarget.dispatchEvent @ sockjs.js?3600:170
(anonymous) @ sockjs.js?3600:887
SockJS._transportMessage @ sockjs.js?3600:885
EventEmitter.emit @ sockjs.js?3600:86
WebSocketTransport.ws.onmessage @ sockjs.js?3600:2961
music.worker.js?4fe3:5 Uncaught TypeError: Cannot read property 'filter' of undefined
at eval (music.worker.js?4fe3:5)
(anonymous) @ music.worker.js?4fe3:5
postMessage (async)
setTimeout @ VM5111:1
setTimeout (async)
(anonymous) @ VM5111:1
(anonymous) @ VM5111:1
i @ detector.js:1
180 @ detector.js:1
n @ detector.js:1
(anonymous) @ detector.js:1
(anonymous) @ detector.js:1
vue.esm.js?efeb:610 [Vue warn]: Error in callback for watcher "searchInput": "TypeError: __WEBPACK_IMPORTED_MODULE_0__music_worker___default.a is not a constructor"

found in

---> at src/components/MusicSearch.vue
at src/components/MusicIndex.vue
at src/App.vue

`

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.