frontend
What visitors see
Frontend refers to the part of a computer system, website, or application that users interact with directly—the visible interface rather than the underlying code and servers.
A frontend developer builds what you see and click.
Often written as two words or hyphenated: front end, front-end.
The counterpart is backend, which handles data processing behind the scenes.
Web programming language
- HTMLWeb page code
- CSSWeb presentation language
- ReactFrontend JavaScript framework
- TypeScriptTyped JavaScript superset
Spatial arrangement of elements
- typographyArranging letters for display
- colorVisual hue property
- spacingInterval arrangement between objects
- gridFramework of intersecting lines
flexbox · responsive · mockup · prototype · wireframe · composition · whitespace · contrast
Determining position and course
- dashboardVehicle control panel
- menuList of available dishes
- toolbarSoftware button strip
- headerTop line of document
footer · sidebar · form · modal · button · dropdown · carousel · accordion
Technique creating movement illusion
- hoverRemain suspended midair
- clickBrief sharp noise
- scrollWound document of parchment
- drag-and-dropMoving items via cursor
gesture · transition · real-time · dynamic · touch · swipe · parallax · debounce
Ease of approach
- navigationDetermining position and course
- intuitivenessNatural ease of understanding
- learnabilityEase of acquisition
- user-friendlyEasy to operate
feedback · consistency · affordance · discoverability · responsiveness · clarity · ARIA · screen-reader
JavaScript
Web programming language
layout
Spatial arrangement of elements
- typographyArranging letters for display
- colorVisual hue property
- spacingInterval arrangement between objects
grid · flexbox · responsive · mockup · prototype · wireframe · composition · whitespace · contrast · alignment
navigation
Determining position and course
header · footer · sidebar · form · modal · button · dropdown · carousel · accordion · breadcrumbs
animation
Technique creating movement illusion
drag-and-drop · gesture · transition · real-time · dynamic · touch · swipe · parallax · debounce · toggle
accessibility
Ease of approach
- navigationDetermining position and course
- intuitivenessNatural ease of understanding
- learnabilityEase of acquisition
user-friendly · feedback · consistency · affordance · discoverability · responsiveness · clarity · ARIA · screen-reader
- computingcomputer, computers, software, hardware, code
- softwaresoftware, app, apps, application, program
- techsoftware, hardware, code, coding, programming
- tech jobsprogrammer, developer, coder, engineers, software developers
- informáticasoftware, hardware, Python, Java, JavaScript
- software developmentcoding, programming, bug, debug, debugging
frontendbackend
Non-visible system layer
back-end · back end · server-side · server · API
frontendbackend
Non-visible system layer
back-end · behind-the-scenes · behind the scenes · under the hood · back office