Chapter 2. Under the Hood – Tutorial Explained

In the previous chapter, we built a simple single-page application from scratch. We used Vue.js to implement the application's functionality, Bootstrap to make it beautiful, and Firebase to manage the backend part of the application.

In this chapter, we will get to know all these technologies in depth and see how and why they can work nicely together. We will mostly discuss Vue.js since this will be our number one framework to build our application. Then, we will touch on Bootstrap and Firebase to get a basic understanding of how powerful these technologies are. Having said that, in this chapter we will:

• Discuss the Vue.js framework, reactivity, and data binding. Not only will we cover Vue.js' basics, but we will also dig into topics such as directives, components, routing, and so on.
• Discuss the Bootstrap framework. We will see what is possible to achieve with it, discuss how it can be useful to lay out an application, and discuss how its components can enrich your application with useful self-contained functionality.
• Discuss the Firebase platform. We will see what it is, what functionalities it provides, and how to use its API to bring those functionalities to the application.
• Check how all the mentioned technologies can be combined together in order to achieve simplicity in the development of complex things.