Part 1 - Basics of Web Application Architecture

Introduction

A website is software built using a tech stack such as HTML, CSS, and JavaScript.

The software can be accessed via a web browser.

Functions of a web app

Can be used to perform a wide range of tasks such as:

• Shopping,
• Banking,
• Streaming media,
• Managing finances

Modern Web app architecture layout

1. Presentation layer

• User interface (UI)
• Visual aspects like graphics, etc
• Screens
• Navigations

2. Application Layer

• Business logic
• Business processes
• Processing user inputs
• Data manipulations
• Execution of business rules
• One or multiple web servers live here

3. Data Layer

• Persistent data storage
• Retrieval of data when needed
• Composed of one or several databases
• Data stores
• Files handling
• Web services

Can be one or multiple databases depending on the architecture

Note:

1. 3-tier architecture is important because it helps to separate the different elements of a software application
2. By separating these compounds, the application can be designed to be more efficient and secure
3. Maintainable

Part 2 - Importance of web application architecture