Front end and back end

In software engineering, the terms front end and back end refer to the separation of concerns between the presentation layer (front end), and the data access layer (back end) of a piece of software, or the physical infrastructure or hardware. In the client–server model, the client is usually considered the front end and the server is usually considered the back end, even when some presentation work is actually done on the server itself.

Introduction

In software architecture, there may be many layers between the hardware and end user. The front is an abstraction, simplifying the underlying component by providing a user-friendly interface, while the back usually handles data storage and business logic.

In telecommunication, the front can be considered a device or service, while the back is the infrastructure that supports provision of service.

A rule of thumb is that the client-side (or "front end") is any component manipulated by the user. The server-side (or "back end") code usually resides on the server, often far removed physically from the user.

Software definitions

• In content management systems, the terms front end and back end may refer to the end-user facing views of the CMS and the administrative views, respectively.[1]
• In speech synthesis, the front end refers to the part of the synthesis system that converts the input text into a symbolic phonetic representation, and the back end converts the symbolic phonetic representation into actual sounds.[2]
• For major computer subsystems, a graphical file manager is a front end to the computer's file system, and a shell interfaces with the operating system. The front end faces the user, and the back end launches the programs of the operating system in response.
• In compilers, the front end translates a computer programming source code into an intermediate representation, and the back end works with the intermediate representation to produce code in a computer output language. The back end usually optimizes to produce code that runs faster. The front-end/back-end distinction can separate the parser section that deals with source code and the back end that generates code and optimizes. Some designs, such as GCC, offer choices between multiple front ends (parsing different source languages) or back ends (generating code for different target processors). [3]
• Using the command-line interface (CLI) requires the acquisition of special terminology and memorization of commands, so a graphical user interface (GUI) acts as a front end desktop environment instead.

Web development as an example

Another way to understand the difference between the two is to understand the knowledge required of a front-end vs. a back-end software developer. The list below focuses on web development as an example.

Both

• Version control tools such as Git, Mercurial, or Subversion
• File transfer tools and protocols such as FTP or rsync

Front-end focused

• Markup and web languages such as HTML, CSS, JavaScript, and ancillary libraries commonly used in those languages such as Sass or JQuery
• Asynchronous request handling and AJAX
• Single-page applications (with frameworks like React, AngularJS or Vue.js)
• Web performance (first meaningful paint, time to interactive, 60 FPS animations and interactions, memory usage, etc)
• Responsive web design
• Cross-browser compatibility issues and workarounds
• End-to-end testing with a headless browser
• Build automation to transform and bundle JavaScript files, reduce images size... with tools like Webpack or Gulp.js
• Search engine optimization
• Accessibility concerns
• Basic usage of image editing tools such as GIMP or Photoshop
• User Interface

Back-end focused

• Scripting languages like JavaScript, Node.js, PHP, Python, Ruby, or Perl or Compiled languages like C#, Java or Go
• Automated testing frameworks for the language being used
• Application Data Access
• Application Business Logic
• Database administration
• Scalability
• High availability
• Security concerns, authentication and authorization
• Software Architecture
• Data transformation
• Backup methods and software

Note that both positions, despite possibly working on one product, have a very distinct set of skills.

Hardware definitions

In network computing, front end can refer to any hardware that optimizes or protects network traffic.[4] It is called application front-end hardware because it is placed on the network's outward-facing front end or boundary. Network traffic passes through the front-end hardware before entering the network.

In processor design, front end design would be the initial description of the behavior of a circuit in a hardware description language such as Verilog, while back end design would be the process of mapping that behavior to physical transistors on a die.[5]

See also

• Front-end web development
• Client–server model
• Out-of-box experience
• Modular programming
• Observer pattern
• Publish–subscribe pattern
• Pull technology
• Push technology
• Remote procedure call
• Application program interface (API)

References

1. Thapliyal, Vimal. "Difference Between Frontend and Backend MVC – Joomlatuts". joomlatuts.net. Archived from the original on 2016-12-30. Retrieved 2016-12-30.
2. Gutierrez--Osuna, Ricardo. "L18: Speech synthesis (back end)" (PDF). tamu.edu. Texas A&M University. Retrieved 2016-12-29.
3. Bin Muhammad, Rashid. "Operating Systems Notes". www.personal.kent.edu. Kent State University. Retrieved 2016-12-30.
4. O'Dell, Mike. "Network Front-End Processors, Yet Again | June 2009 | Communications of the ACM". cacm.acm.org. Retrieved 2016-12-30.
5. "Front-End Design | Online Documentation for Altium Products". techdocs.altium.com. Retrieved 2016-12-30.