Client-Server Technologies in a Web-Based Application

client-side-scriptingIf you are learning to build websites you will most likely have started learning about HTML, eventually CSS and JavaScript. These three languages are client-side languages which run on your computer through the web-browser.

A website that only relies on client-side languages is called a static website. This means that the webpages remain the same unless you edit the HTML code. To start with (back in the 90s), the World Wide Web was only made of static websites.

Web 2.0

server-side-scripting
Progressively, the internet evolved to more dynamic websites. We call this web2.0.

Websites such as amazon, eBay, Facebook, etc. are dynamic websites. Their content changes constantly based on the user interactions with the site.

Web2.0 websites are full web applications that use both client-side technologies (HTML, CSS, JavaScript) and server-side technologies such as PHP, ASP, .Net, C#, Python, etc. as well as a database to store and retrieve information from (MySQL, Oracle, SQL Server).

Server-side scripts interact with the database using SQL queries to select, update, insert or delete data. They then combine this data with HTML tags to create HTML, CSS and JavaScript code that is then sent to the client computer to be viewed in the web-browser as a static web page would be viewed.

The following diagram summarises some of the key concepts of client-server web-based applications:

client-server-technologies

Did you like this challenge?

Click on a star to rate it!

Average rating 4.8 / 5. Vote count: 18

No votes so far! Be the first to rate this post.

As you found this challenge interesting...

Follow us on social media!