Front-End

Definition: This is the part of the application that the user interacts with directly. This includes all the features that the user will see. Features such as buttons, menus, and graphs are all a part of front end

Programming Languages: HTML, CSS, and JavaScript some of the most popular programming languages but there are a multitude of languages to use.

Open

Open

 

Back-End

Definition: This has to do with all the features that the users do not see. These can include the database, application, and the server.

Database: This is where all of your relevant data for the application is held

Programs: Some database programs include SQL and Firebase

Application: Even though the back end still deals with the application, this more so has to deal with the requests being sent to and from the app to the server

Server: This has to do with all of the communication aspects of the program. For example, the server picks up requests from the front-end, sends them to the back end, and sends the correct data from the back-end to the front end

General Diagrams

Graph #1:

A simple way to think about how Front-End and Back-End communicate can be seen in the graph below. An important thing to note is that every component of the project you work on is interconnected.

Graph #2:

This is a more in depth view of how Front-End and Back-End communicate.