Full-Stack Web Development with Vue.js and Node

Introducing REST APIs Chapter 4 Introducing Postman Postman is a tool that lets us develop and test our APIs faster. This tool p ...

Introducing REST APIs Chapter 4 We can download the right desktop application for our operating system via https:/​/​www.​getpo ...

Introducing REST APIs Chapter 4 const route = require("./controllers/" + file) route.controller(app) } }) // catch 404 and forwa ...

Introducing REST APIs Chapter 4 Also, in controllers/users.js, we have the following: module.exports.controller = (app) => { ...

Introducing REST APIs Chapter 4 The _id is the Mongo ID of the user, which is sent by Mongoose query by default, and we are fetc ...

Introducing REST APIs Chapter 4 As I mentioned earlier, if we visit http://localhost:3000/users, we should be able to see someth ...

Introducing REST APIs Chapter 4 We can use the save query feature given by Postman to run those queries in future as well. Just ...

Introducing REST APIs Chapter 4 Now create a new query in Postman with the following parameters. We will create a GET request wi ...

Introducing REST APIs Chapter 4 if (error) { console.log(error); } res.send(user) }) }) In Postman, set the method as POST, the ...

Introducing REST APIs Chapter 4 Adding a PUT endpoint in the users controller Let's update a user with ID 5a3153d7ba3a827ecb2417 ...

Introducing REST APIs Chapter 4 Here, we can see that the user's name has been updated. And, if we look at the request parameter ...

Introducing REST APIs Chapter 4 Summary In this chapter, we learned about what a RESTful API is, the different HTTP verbs and th ...

5 Building the Real Application We have covered the basic components that we need to have knowledge of in order to build a full- ...

Building the Real Application Chapter 5 Vue.js is progressive. With Vue.js, you can start with small and then progress gradually ...

Building the Real Application Chapter 5 Using Vue.js as an npm package npm also has a package for vue, which can be installed as ...

Building the Real Application Chapter 5 Vue-router: Vue-router is the official router for Vue.js applications. This option is sp ...

Building the Real Application Chapter 5 When the command is successfully executed, you should be able to see the further steps o ...

Building the Real Application Chapter 5 This will start your application. The default port of the Vue.js application is 8080. As ...

Building the Real Application Chapter 5 Project folder structure Now, if you have noticed, vue-cli commands add a bunch of depen ...

Building the Real Application Chapter 5 App.vue: You can think of App.vue as the main component for rendering the view files. Ot ...