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

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

Software Development Life Cycle

  Hi Friends!! Interested in developing software projects? Need a website for your business? Want to develop an app of your idea? Yes!. So before developing, let us understand what are the different stages to develop software. Below 7 stages will help in developing a quality software product. Requirements Gathering  Analysis Design Coding Testing Implementation Maintenance Requirements gathering If you want to make your product. Understand what product you want to develop. Plan the product. Gather the content required for making the product. Ex: Want to develop a website for school. Plan the website, like website should contain pages for home, about, courses, gallery, contact. Get the content of mission, vision, gallery, etc of school. If you are working for a client(who needs software) product, then understand the client requirement. Ask questions to understand the product like what functionalities should the product contain?collect all his requirements and have a basic plan ...
Post a Comment
Read more

C pointers

  C pointers theory C pointers practice 1)Adding two numbers using pointer 2)multiplying 3 numbers using pointers 3)Program to Swap Elements Using Call by Reference(using pointer) 4)Access the elements of array using pointer and display the largest number      
Post a Comment
Read more