Backend vs. Frontend Development

Instructor: Lyna Griffin

Lyna has tutored undergraduate Information Management Systems and Database Development. She has a Bachelor's degree in Electrical Engineering and a Masters degree in Information Technology.

In this lesson, we will be defining the terms frontend and backend development, understanding their meaning and examining their differences as related to application development.

Introduction

Frontend and backend development refers to the two parts that constitute the entire development process of an application, whether it is web-based or not. Many years ago, the two roles were not distinctly defined, but today they have become individual specialties of their own.

Imagine you walk into Lashibi Supermarket, your favorite local supermarket. You are greeted with bright lights, soft music and a welcoming ambiance. You pass by rows of fresh flowers. You eventually find yourself in the drinks aisle. The smell of freshly-baked croissants drifts from the bakery somewhere within the store to line your nostrils, and those chilled freshly-squeezed orange juice bottles on the shelf just keep staring at you! One phrase formulates in your mind: the perfect breakfast. The supermarket has organized its decor, aisles and products to make your shopping experience simple, pleasurable and hassle-free (frontend).

Somewhere at the back of the store there are certain combination-locked doors marked 'staff access only' or 'restricted access' or 'no unauthorized personnel allowed'. Beyond those doors is a network of activity involving machinery, processes, personnel, delivery trucks, warehouses and storage units (backend) that make your shopping experience a possibility as well as a pleasure.

Functionality

The frontend of an application refers to that part of the application that is seen, accessed and interacts with the user (supermarket aisles), or targeted audience as the case may be. This means that the frontend development consists of the aesthetics (beauty), user-friendliness as well as web design of the application's user area. Coincidentally, Lashibi Supermarket has an online store! The store's frontend application displays all products on sale and prospective buyers can make their selections, load their virtual carts and process payment from the online checkout system. A shopping experience made equally as simple as well as pleasurable, from the comfort of your home.

The backend of an application normally refers to the server-side of the application. This is the part of the application that the users neither see, nor interact with or have access to (supermarket restricted areas). It consists of the server-side that holds all the pertaining software, the application itself and the supporting database. This is where the store's inventories are uploaded, prices mapped to the products, and payment methods and taxes are configured and made applicable to every sale made. Processing of customer purchases and subsequent deliveries are also carried out from the backend of the application. General web application updates are implemented from the backend. The backend is the backbone that makes the frontend possible.

To unlock this lesson you must be a Study.com Member.
Create your account

Register to view this lesson

Are you a student or a teacher?

Unlock Your Education

See for yourself why 30 million people use Study.com

Become a Study.com member and start learning now.
Become a Member  Back
What teachers are saying about Study.com
Try it risk-free for 30 days

Earning College Credit

Did you know… We have over 200 college courses that prepare you to earn credit by exam that is accepted by over 1,500 colleges and universities. You can test out of the first two years of college and save thousands off your degree. Anyone can earn credit-by-exam regardless of age or education level.

To learn more, visit our Earning Credit Page

Transferring credit to the school of your choice

Not sure what college you want to attend yet? Study.com has thousands of articles about every imaginable degree, area of study and career path that can help you find the school that's right for you.

Create an account to start this course today
Try it risk-free for 30 days!
Create An Account
Support