How Everything Works Together

In a fullstack application, all parts work together to handle user actions and manage data.

When a user interacts with the interface, the frontend sends a request to the backend. The backend processes the logic and communicates with the database if needed. The result is then sent back to the frontend, and the interface updates.

Simple Flow

Frontend → backend → database → backend → frontend.

Example

Imagine adding a new note in an application.

You type the note and click a button. The frontend sends this data to the backend. The backend saves it in the database and sends a response back. The frontend then updates the screen and shows the new note.

What's Next

You now understand how a fullstack application works as a whole.

To start building your own applications, the first step is learning how to create the structure of a webpage.

Next, you will begin with HTML, which is used to build the foundation of every website.