Knowledge

Frontend and backend

Source đź“ť

166: 776: 883: 784: 914: 602:
request/response. The API is sometimes designed using the "Backend for Frontend" (BFF) pattern, that serves responses to ease the processing on frontend side.
974: 852: 148:
is that the client-side (or "frontend") is any component manipulated by the user. The server-side (or "backend") code usually resides on the
943: 807: 259:, and the backend works with the intermediate representation to produce code in a computer output language. The backend usually 969: 906: 517: 310:
Another way to understand the difference between the two is to understand the knowledge required of a frontend vs. a backend
704: 753: 724: 646: 497: 875: 521: 501: 256: 107: 456: 399: 377: 268: 679: 525: 212: 658: 287: 684: 79: 403: 395: 280: 272: 90:
is usually considered the backend, even when some presentation work is actually done on the server itself.
540: 295: 248: 51: 844: 719: 689: 565: 423: 99: 582:
Note that both positions, despite possibly working on one product, have a very distinct set of skills.
446:
to transform and bundle JavaScript files, reduce image sizes and other processes using tools such as
276: 260: 31: 694: 619: 570: 299: 291: 75: 237:
representation, and the backend converts the symbolic phonetic representation into actual sounds.
489: 390: 311: 149: 87: 83: 55: 550: 530: 513: 461: 339: 230:, the frontend refers to the part of the synthesis system that converts the input text into a 223:
may refer to the end-user facing views of the CMS and the administrative views, respectively.
130: 103: 63: 699: 638: 611: 443: 438: 434: 386: 227: 935: 714: 709: 631: 623: 472: 413: 327: 315: 298:(CLI) programs, to save the user from learning the special terminology and memorizing the 818: 556: 535: 477: 123: 963: 634:. Network traffic passes through the front-end hardware before entering the network. 560: 428: 344: 145: 115: 263:
to produce code that runs faster. The frontend/backend distinction can separate the
191: 17: 907:"Network Front-End Processors, Yet Again | June 2009 | Communications of the ACM" 745: 674: 670: 545: 252: 417: 373: 335: 241: 234: 180: 657:
would be the process of mapping that behavior to physical transistors on a
176: 71: 650: 595: 509: 451: 447: 264: 114:
is an abstraction, simplifying the underlying component by providing a
575: 407: 381: 275:, offer choices between multiple frontends (parsing different source 231: 746:"Front End vs Back End of Your Website: Everything You Need to Know" 645:
would be the initial description of the behavior of a circuit in a
376:, and ancillary libraries commonly used in those languages such as 352: 599: 505: 468: 365: 591: 493: 369: 348: 331: 159: 936:"Front-End Design | Online Documentation for Altium Products" 27:
Presentation and data access aspecs in software architecture
777:"Difference Between Frontend and Backend MVC – Joomlatuts" 141:
is the infrastructure that supports provision of service.
876:"The BFF Pattern (Backend for Frontend): An Introduction" 267:
section that deals with source code and the backend that
187: 279:) or backends (generating code for different target 416:(largest contentful paint, time to interactive, 60 590:The frontend communicates with backend through an 294:are implemented as a thin frontend for underlying 137:can be considered a device or service, while the 598:and mobile frontends, the API is often based on 420:animations and interactions, memory usage, etc.) 152:, often far removed physically from the user. 8: 874:Wickramarachchi, Viduni (24 February 2021). 467:Basic usage of image editing tools such as 86:is usually considered the frontend and the 817:. Texas A&M University. Archived from 737: 630:because it is placed on the network's 756:from the original on 1 September 2022 7: 431:compatibility issues and workarounds 74:, or the physical infrastructure or 855:from the original on 31 August 2018 632:outward-facing frontend or boundary 886:from the original on 27 March 2024 25: 808:"L18: Speech synthesis (backend)" 364:Markup and web languages such as 122:usually handles data storage and 975:Software engineering terminology 290:(GUI) applications running in a 164: 946:from the original on 2016-12-30 917:from the original on 2016-12-30 628:application front-end hardware 179:format but may read better as 1: 725:Application program interface 647:hardware description language 306:Web development as an example 347:tools and protocols such as 314:. The list below focuses on 269:generates code and optimizes 806:Gutierrez--Osuna, Ricardo. 622:that optimizes or protects 257:intermediate representation 991: 457:Search engine optimization 213:content management systems 851:. Kent State University. 845:"Operating Systems Notes" 705:Publish–subscribe pattern 680:Front-end web development 106:between the hardware and 396:Single-page applications 288:graphical user interface 271:. Some designs, such as 541:Database administration 251:a computer programming 188:converting this section 843:Bin Muhammad, Rashid. 398:(with frameworks like 296:command-line interface 52:separation of concerns 42:(sometimes written as 970:Software architecture 849:www.personal.kent.edu 720:Remote procedure call 690:Out-of-box experience 566:Software Architecture 424:Responsive web design 389:request handling and 118:interface, while the 100:software architecture 606:Hardware definitions 578:methods and software 156:Software definitions 102:, there may be many 32:software engineering 940:techdocs.altium.com 824:on 14 February 2019 787:on 30 December 2016 752:. 7 February 2020. 695:Modular programming 685:Client–server model 571:Data transformation 555:Security concerns, 490:Scripting languages 292:desktop environment 80:client–server model 18:Backend (computing) 775:Thapliyal, Vimal. 514:Compiled languages 435:End-to-end testing 312:software developer 190:, if appropriate. 56:presentation layer 618:can refer to any 612:network computing 594:. In the case of 551:High availability 531:Data access layer 209: 208: 131:telecommunication 64:data access layer 16:(Redirected from 982: 955: 954: 952: 951: 932: 926: 925: 923: 922: 902: 896: 895: 893: 891: 871: 865: 864: 862: 860: 840: 834: 833: 831: 829: 823: 812: 803: 797: 796: 794: 792: 783:. Archived from 772: 766: 765: 763: 761: 742: 700:Observer pattern 639:processor design 444:Build automation 439:headless browser 359:Frontend focused 228:speech synthesis 204: 201: 195: 186:You can help by 168: 167: 160: 70:) of a piece of 21: 990: 989: 985: 984: 983: 981: 980: 979: 960: 959: 958: 949: 947: 934: 933: 929: 920: 918: 904: 903: 899: 889: 887: 880:Bits and pieces 873: 872: 868: 858: 856: 842: 841: 837: 827: 825: 821: 810: 805: 804: 800: 790: 788: 774: 773: 769: 759: 757: 744: 743: 739: 735: 730: 715:Push technology 710:Pull technology 666: 643:frontend design 626:. It is called 624:network traffic 608: 588: 486: 484:Backend focused 414:Web performance 361: 328:Version control 324: 318:as an example. 316:web development 308: 205: 199: 196: 185: 169: 165: 158: 96: 50:) refer to the 28: 23: 22: 15: 12: 11: 5: 988: 986: 978: 977: 972: 962: 961: 957: 956: 927: 905:O'Dell, Mike. 897: 866: 835: 798: 781:joomlatuts.net 767: 736: 734: 731: 729: 728: 722: 717: 712: 707: 702: 697: 692: 687: 682: 677: 667: 665: 662: 655:backend design 607: 604: 587: 584: 580: 579: 573: 568: 563: 557:authentication 553: 548: 543: 538: 536:Business logic 533: 528: 485: 482: 481: 480: 478:User Interface 475: 465: 459: 454: 441: 432: 426: 421: 411: 393: 384: 360: 357: 356: 355: 342: 330:tools such as 323: 320: 307: 304: 207: 206: 200:September 2020 172: 170: 163: 157: 154: 124:business logic 95: 92: 26: 24: 14: 13: 10: 9: 6: 4: 3: 2: 987: 976: 973: 971: 968: 967: 965: 945: 941: 937: 931: 928: 916: 912: 908: 901: 898: 885: 881: 877: 870: 867: 854: 850: 846: 839: 836: 820: 816: 809: 802: 799: 786: 782: 778: 771: 768: 755: 751: 750:DOJO Creative 747: 741: 738: 732: 726: 723: 721: 718: 716: 713: 711: 708: 706: 703: 701: 698: 696: 693: 691: 688: 686: 683: 681: 678: 676: 672: 669: 668: 663: 661: 660: 656: 652: 648: 644: 640: 635: 633: 629: 625: 621: 617: 613: 605: 603: 601: 597: 593: 585: 583: 577: 574: 572: 569: 567: 564: 562: 561:authorization 558: 554: 552: 549: 547: 544: 542: 539: 537: 534: 532: 529: 527: 523: 519: 515: 511: 507: 503: 499: 495: 491: 488: 487: 483: 479: 476: 474: 470: 466: 463: 462:Accessibility 460: 458: 455: 453: 449: 445: 442: 440: 436: 433: 430: 429:Cross-browser 427: 425: 422: 419: 415: 412: 409: 405: 401: 397: 394: 392: 388: 385: 383: 379: 375: 371: 367: 363: 362: 358: 354: 350: 346: 345:File transfer 343: 341: 337: 333: 329: 326: 325: 321: 319: 317: 313: 305: 303: 301: 297: 293: 289: 284: 282: 278: 274: 270: 266: 262: 258: 254: 250: 247: 243: 238: 236: 233: 229: 224: 222: 218: 214: 203: 194:is available. 193: 189: 183: 182: 178: 173:This section 171: 162: 161: 155: 153: 151: 147: 146:rule of thumb 142: 140: 136: 132: 127: 125: 121: 117: 116:user-friendly 113: 109: 105: 101: 93: 91: 89: 85: 81: 77: 73: 69: 65: 61: 57: 53: 49: 45: 41: 37: 33: 19: 948:. Retrieved 939: 930: 919:. Retrieved 911:cacm.acm.org 910: 900: 888:. Retrieved 879: 869: 857:. Retrieved 848: 838: 826:. Retrieved 819:the original 814: 801: 789:. Retrieved 785:the original 780: 770: 758:. Retrieved 749: 740: 654: 642: 636: 627: 615: 609: 589: 581: 387:Asynchronous 309: 285: 245: 239: 225: 220: 216: 215:, the terms 210: 197: 192:Editing help 174: 143: 138: 134: 128: 119: 111: 97: 94:Introduction 67: 59: 54:between the 47: 43: 39: 35: 34:, the terms 29: 890:13 November 859:30 December 828:29 December 791:30 December 675:Server-side 671:Client-side 546:Scalability 253:source code 62:), and the 964:Categories 950:2016-12-30 921:2016-12-30 733:References 374:JavaScript 340:Subversion 281:processors 249:translates 760:31 August 473:Photoshop 336:Mercurial 277:languages 261:optimizes 242:compilers 78:. In the 944:Archived 915:Archived 884:Archived 853:Archived 815:tamu.edu 754:Archived 664:See also 653:, while 649:such as 620:hardware 616:frontend 464:concerns 300:commands 255:into an 246:frontend 235:phonetic 232:symbolic 217:frontend 108:end user 76:hardware 72:software 60:frontend 48:back-end 44:back end 36:frontend 651:Verilog 510:Node.js 452:Gulp.js 448:Webpack 437:with a 404:Angular 221:backend 68:backend 40:backend 576:Backup 498:Python 408:Vue.js 382:jQuery 265:parser 244:, the 175:is in 150:server 133:, the 110:. The 104:layers 88:server 84:client 82:, the 822:(PDF) 811:(PDF) 727:(API) 516:like 512:, or 492:like 400:React 353:rsync 338:, or 286:Some 181:prose 135:front 112:front 892:2021 861:2016 830:2016 793:2016 762:2022 659:die. 600:HTTP 559:and 522:Java 506:Perl 502:Ruby 469:GIMP 450:and 391:AJAX 378:Sass 366:HTML 322:Both 219:and 177:list 139:back 120:back 38:and 637:In 610:In 596:web 592:API 586:API 524:or 494:PHP 471:or 418:FPS 406:or 380:or 370:CSS 351:or 349:FTP 332:Git 283:). 273:GCC 240:In 226:In 211:In 129:In 98:In 46:or 30:In 966:: 942:. 938:. 913:. 909:. 882:. 878:. 847:. 813:. 779:. 748:. 673:, 641:, 614:, 526:Go 520:, 518:C# 508:, 504:, 500:, 496:, 402:, 372:, 368:, 334:, 302:. 144:A 126:. 953:. 924:. 894:. 863:. 832:. 795:. 764:. 410:) 202:) 198:( 184:. 66:( 58:( 20:)

Index

Backend (computing)
software engineering
separation of concerns
presentation layer
data access layer
software
hardware
client–server model
client
server
software architecture
layers
end user
user-friendly
business logic
telecommunication
rule of thumb
server
list
prose
converting this section
Editing help
content management systems
speech synthesis
symbolic
phonetic
compilers
translates
source code
intermediate representation

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.

↑