Site icon 1app Blog

What is the difference between front-end and back-end development?

Okay, let’s take it from the top:

There are three people in any Web Development team

1. Front End Developer – Let’s call him John
2. Back End Developer – Let’s call him Dave
3. Web Designer – Let’s call him Leo

John codes what you see on your screen when you visit a website. This includes the buttons, text fields, forms and animations.

John doesn’t design the website.

He doesn’t choose the colours and the layout to use.

Leo does.

Leo creates a design for pages in an image format, and then John converts that image into a live page with codes.

Dave’s code handles all the data that is required by the application. If John, Dave and Leo create a registration page for their website, here’s what the process will look like:

Leo creates a design with a tool like Adobe Photoshop or Adobe InDesign.

This design is currently in Image format and is non-interactive. You cannot click any of the buttons or interact with the forms.

Leo, the Web Designer, sends this image file to the Front End Developer, John.

Now, John writes code that builds a real page that looks just like the one in the image.

At this stage, the page has a form that can be submitted, but if a user tries to submit the form, the data goes nowhere.

This is where Dave, the back-end Developer, comes in. He writes some magical code that handles all the data that comes from the user when she submits the form.

Dave’s code validates the data for errors like invalid email, empty password field, etc.

If Dave’s code finds no validation errors in the data, the data is stored in the database.

Now, the user is able to login to the website.

The same process is followed for every page of a website.

Found this illustration helpful? Then visit our website at to see an overview of what has been said so far

#1app #frontenddeveloper #backenddeveloper #webdevelopment #fintechpayment #design

Exit mobile version