Frontend Vs Backend Coding

Let us understand how this development is done.Development is divided into two parts frontend development and backend development.

The front end, also called “client-side” programming, is what happens in the browser. It’s everything the user sees and interacts with.

The back end, also called “server-side” programming, happens on the server and the database. It’s the machinery that works behind the scenes.

developing a website

Front-end Development

Part of a website that the user interacts. Everything that users experience directly: text colors and styles, images, graphs and tables, buttons, colors, and navigation menu. HTML, CSS, and Javascript are the languages used for Front End development.

• HTML(HyperText Markup Language) adds content on the web page with the help of HTML elements

• CSS (Cascading Style Sheets)  adds styles to HTML elements

• Javascript adds behavior in the webpage 

 Ex: calculate, manipulate, and validate data.

Back-end Development

Part of the website that the user cannot see and interact with. Backend is the server side of the website. It stores and arranges data, and also makes sure everything on the client-side of the website works. Backend is developed using programming languages like PHP,JAVA,Node.js  etc.. 

developing a mobile application

Front-end Development

Screens of the app that the user interacts with. Text colors and styles, images, buttons, colors, and navigation menu. XML, React-native, etc.., are the languages used for Front End development.

Back-end Development

The back-end is the code that runs on the server, that receives requests from the clients(user), and contains the logic to send the appropriate data back to the client. It also includes the database. It is developed using programming languages like PHP,JAVA,Node.js etc..  

Ex:-retrieving data from the database and connecting it to front-end screens.

example of front-end vs back-end

Filling a registration form.

Here registration screen which is seen by the user is front-end development.

After filling the form register button is pressed, then validating the data and sending the information to the database is done by backed-end code and storing the data in the database.