Frontend And Backend — What Is The Difference?

Frontend and Backend. You’ve probably already heard these buzzwords in the field of web-programming, but what is behind them? I propose to figure it out.

Frontend and Backend. Source: Vectors Market

Let’s start with the definitions.

Frontend and Backend — How it might look like. Source: Twitter

Frontend

Frontend — anything the browser can read, display, and / or run. That is, it is HTML, CSS and JavaScript.

HTML (Hyper Text Markup Language) tells the browser what the content of the page is, for example, “heading”, “paragraph”, “list”, “list item”.

CSS (Cascading Style Sheets) tells the browser how to display elements, for example, “after the first paragraph, there is a 20-pixel indent” or “all text in the element bodyshould be dark gray and written in Verdana font."

JavaScript tells the browser how to react to some interactions using a lightweight programming language. Most sites don’t actually use a lot of JavaScript, but if you click on something and the page content changes without blinking the screen white, then JavaScript was being used somewhere.

If you want to become a Frontend Developer (or at least try yourself in that role 😉) you can…