How a Website Loads
When you type a website address in your browser, multiple systems work together:
- Browser sends request
- DNS finds server IP
- Server processes request
- Database provides data
- Server sends response back
Client and Server
- Client: User device (browser or mobile app)
- Server: Computer that provides data and services
This model is called the Client–Server architecture.
Frontend
Frontend is what the user sees in the browser.
- HTML – structure
- CSS – styling
- JavaScript – interactivity
Your Quantum Valley website frontend is built using HTML and CSS.
Backend
Backend runs on the server and processes logic.
It handles authentication, databases and APIs.
Examples: Node.js, Python, Java, PHP.
APIs
An API (Application Programming Interface) allows applications to communicate.
Example: mobile app requesting user data from a server.
Hosting
Hosting is where a website is stored so people can access it online.
Your website is hosted on GitHub Pages, which provides a public web server.
Why Web Architecture Matters
Understanding web architecture helps you connect all fields:
Cloud, Cybersecurity, Databases, DevOps and even AI systems depend on it.