What is client-side? A client-side is basically what the FBI see through your camera, but for real a client-side is what the web browser application is showing to the client (a.k.a you). In this article, we will talk about three client-side concept components, server, and API.
Let go more in about what is a web browser application. A web browser application is an environment that executes code inside a web browser that’ll give clients access to the code functionality.
Components are different parts of the web application that allows the client to do many things on the web browser app. Components break things down on the conceptual level of things. For instance, the like button on facebook is a simple component that allows the client to like posts on the feed. Components that are dynamic are parts of the web browser application that needs to be updated frequently. You can think about it as when you gain a new follower on twitter your followers' count goes up. Components that are static are part of the app that does not require updating until the client request the update. For example, it can be updating your bio on tinder. Also, many components can have components inside a component like a Russian doll. Lastly Component can have encapsulation components meaning that some components can have related behaviors. An example of this is every time you post a picture on Instagram your picture will appear on your profile, the timeline, and your post count will also increase.
A server is an application that runs on your computer, laptop, or whatever electronic you use to access the web. The server provides an interface to data & resource that the client doesn’t have access to. You can think of a server as a server in the restaurant. If you tell the server what food you want, then the server goes run to the kitchen tells the chef what you want. After all that waiting, he brings the food out. You can see the server but never see the chef. Unless it’s a hibachi-style restaurant. You'll never see the data the server is getting for you to retweet that tweet.
Application Programming Interface, or API, is a way that allows coders to specify how to interact with servers in their program. Think of API as making a certain request to the URL then these actions will happen. There is an API called the RESTful API. REST stands for REpresentational State Transfer meaning that a pattern is created that construct interfaces to our server applications that use URLs that include noun to refer to their resources, called endpoint. The RESTful API is exactly like the REST pattern but it’s an interface that conforms to the REST pattern.
In conclusion, the client-side concept are a lot of things. But know we know about the different components on the web browser. We know there is a little server that responds to our every request we tell the server. I hope the article gave you a new way to think about every time you use the web. Also, if this is your first time reading a coding blog, welcome to the matrix! :)
Top comments (0)