Skip to main content

Frontend Vs Backend Coding

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.    



               


Labels:

Comments

Post a Comment

Popular posts from this blog

Web Front-End Development

Web Front-End Development Web pages can be developed using languages  HTML,CSS,JAVASCRIPT,BOOTSTRAP. html( HyperText Markup Language ) HTML is the standard markup language for Web pages HTML  elements  are the building blocks of HTML pages HTML elements are represented by  <> tags HTML adds content to webpage. ex:- paragraphs,tables,images,buttons etc.. CSS(Cascading Style Sheets) CSS describes how HTML elements are to be displayed CSS adds styles to the webpage Ex:- colors,alignments,font-size,background-image etc.. Javascript JavaScript is the  Programming Language  for the Web. JavaScript can update and change both  HTML  and  CSS. JavaScript can  calculate ,  manipulate , and  validate  data. Bootstrap CSS Framework for developing responsive and mobile-first websites. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, im...
Post a Comment
Read more

C Programming Introduction

  hi friends! Before we depth into c program let us understand, what is programming Programming is the process of creating a set of instructions that tell a computer how to perform a task.Programming can be done using a variety of computer programming languages, such as JavaScript, Python, and C++, PHP, react native, etc. ex:- websites are developed using php mobile application can be developed using reactnative etc Depending on application type, we choose different programming languages to develop it. Let us see an example of c programming to print "hello world" on screen program #include <stdio.h> int main() { /* Our first simple C basic program */ printf("Hello World! "); return 0; } output Hello World! run the code on online compiler https://www.onlinegdb.com/online_c_compiler or install c compiler on system and run c programs. C Basic commands Explanation #include <stdio.h> This is a preprocessor command that include...
Post a Comment
Read more