The Server-side and The Client-side 

In this lesson, we'll introduce the server-side and the client-side and what languages each uses. 

We'll cover the following

  • Introduction 
  • Client-side
  • Server-side

Introduction

So far, we’ve had a high-level overview of how the Internet works, what the web is, how databases work, and what web-servers are. Let’s now get into the basics of coding a website.

Client-side

The source code of a website can be broken down into two parts: client-side and server-side. The code on the ‘client’ side runs on the client computer’s browser and handles what the website looks like, how it requests data from the server, and how it interacts with temporary and local storage on the client machine. This includes but is not limited to selecting and styling user interface components, creating layouts, navigation, form validation, and cache handling. It’s okay if you don’t understand what these mean, we’ll define them in later lessons! Client-side languages include HTML, CSS, and JavaScript.

Server-side

Server-side programming is used to deliver information that is queried from websites to clients.

Companies like Amazon use server-side programming to construct search results for products and make targeted product suggestions based on client preferences and previous buying habits. Banks use server-side programming to store account information and restrict access from unauthorized accounts. Social media sites such as Facebook, Twitter, and Instagram, use server-side programming to highlight, share, and control access to content that is relevant to each user. Server-side programming includes but is not limited to, 

  1. Delivering and storing information efficiently

  2. Providing a custom experience for each user

  3. Controlling access to content

  4. Storing session/state information

  5. Notifying and communicating

  6. Analyzing data

 Again, it is alright if you don’t understand any of this. We’ll explain all of this in detail in the coming lessons! Server-side languages include JavaScript, Python, PHP, Ruby, and C#.

In the next lesson, we’ll study the basics of HTML.

Comments

Post a Comment

Popular posts from this blog

Image
How Data Finds its Way? A high-level overview of how packets determine and then traverse the path from their source to destination.   We'll cover the following Internet protocol & IP addresses DNS lookups   So far, we’ve discussed how the Internet is structured, and how it’s abstractions implement the protocols that ensure that the client and server understand one another. Now, we will look into how clients and servers know where they want to send their data and what protocols exist to ensure each end-system on a network has a unique identity that allows it to be reached by other end-systems. Internet protocol & IP addresses Internet Protocol, more commonly known as IP, is a network layer protocol that is responsible for assigning addresses to devices in order to give them unique identities that make them reachable and discoverable. Each device on the Internet has a unique IP address that other devices use to connect with it. You can find your own IP addr...
Read more
Image
  HTML In this lesson, we'll learn the basics of HTML! By the end of this lesson, you should be able to comprehend and write basic HTML . We'll cover the following  Introduction HTML ( H yper T ext M arkup L anguage) is not a programming language. It is a markup language. True programming languages have the ability to describe logic . HTML, however, is used to display and format parts of a webpage. It is strictly presentational. Tag syntax HTML marks up content with HTML ‘tags’. HTML tags are the basic building blocks of all web pages. Essentially, they format the way that information and text is displayed. They put the content into categories (called elements!) such as ‘heading’, ‘paragraph’, and ‘table’. A basic HTML tag consists of a name enclosed within ‘angle brackets’ i.e., less than and greater than symbols. Also, these tags usually come in pairs of opening and closing tags. The closing tag is the same as the opening tag except that the closing tag has a forwa...
Read more