DEV Community

Cover image for Front-end vs. Back-end in 2 minutes
Eden Jose
Eden Jose

Posted on • Updated on

Front-end vs. Back-end in 2 minutes

When you're first dipping your toes into the IT world, two of the most common terms you'll usually encounter are Front-end and Back-end. You'll typically see this lingo when you're working in web development but they are also important to know when you're working in IT infrastructure.

Now, what really is the difference between the two?

Display and Function

Front-end deals with the instructions that tells your browser how to display a certain website - how texts and images are displayed, what buttons are used, how much spacing is placed, etc. These are directly accessible and can be viewed by the users through their browser.

Think of this as the late-night show host you see when you watch the TV. He is talking to his guests who are comfortably sitting in leather couches. When it's time for a commercial break, he faces the camera again and drops some cliffhanger question before telling the audience that they'll be right back.

frontend

Back-end deals with instructions such as saving information, fetching data, processes business logic, etc. This is basically the work that users doesn't see.

Think of this the cameraman, director, and the rest of the crew that operates the equipments behind the scenes. When it's time for a commercial break, the director signals a cue to the host before cutting the show.

backend

Which uses which

Since front-end programming takes place in your browser, it'll actually use your computer's resources to process the text and images and render the display. Your browser is basically the stage.

Behind the curtains, or rather on a far away location, servers holds the data which the users are accessing. Back-end programming runs on these servers, which is why it is also called as server-side programming.

Unlike front-end programming, back-end uses the server's resources to process requests and complete the task.

Tools for each one

Now that you know how front-end differs with back-end, you can further learn each one by knowing which tools to use. These are just some of the few you can explore.

tools


jeden image

Discussion (0)