front end
Vehicle's nose area
Front end refers to the part of something that faces forward or meets the user first.
A car's front end includes the grille, bumper, and headlights.
In computing, the front end is what users see and interact with—the interface, design, and client-side code—as opposed to the back end, which handles servers, databases, and processing.
A front-end developer builds websites' visible elements.
She specializes in front-end development.
Visual computer interface
- wireframeEdge-only geometric model
- prototypeFirst functional specimen
- mockupPreliminary design representation
- navigationDetermining position and course
buttons · menus · widgets · forms · modal · dropdown · carousel · tooltip
Web page code
- CSSWeb presentation language
- JavaScriptWeb programming language
- AngularGoogle's web development framework
- TypeScriptTyped JavaScript superset
Babel · DOM · API · AJAX · Node.js · framework · browser · client-side
Purposeful creative planning
- layoutSpatial arrangement of elements
- graphicsVisual design elements
- typographyArranging letters for display
- color paletteRange of selected hues
imagery · branding · logo · banner · illustration · animation · iconography · theme
Interaction quality perception
- accessibilityEase of approach
- intuitiveKnown without reasoning
- responsiveQuick to react
- user-friendlyEasy to operate
navigation · simplicity · learnability · efficiency · feedback · clarity · consistency · customization
Vehicle's protective edge
- grilleProtective metal grating
- headlightsFront vehicle lamps
- hoodAttached head covering
- fenderProtective wheel housing
windshield · spoiler · air dam · fog lights · license plate · emblem · fascia · tow hook
Carried weight or burden
- commissionPayment for services rendered
- fee structureOrganized pricing scheme
- entry feePayment for access
- offering priceSeller's requested payment amount
NAV · prospectus · broker · distributor · breakpoints
GUI
Visual computer interface
- wireframeEdge-only geometric model
- prototypeFirst functional specimen
- mockupPreliminary design representation
navigation · buttons · menus · widgets · forms · modal · dropdown · carousel · tooltip · accordion
HTML
Web page code
- CSSWeb presentation language
- JavaScriptWeb programming language
- AngularGoogle's web development framework
TypeScript · Babel · DOM · API · AJAX · Node.js · framework · browser · client-side · rendering
design
Purposeful creative planning
- layoutSpatial arrangement of elements
- graphicsVisual design elements
- typographyArranging letters for display
color palette · imagery · branding · logo · banner · illustration · animation · iconography · theme · contrast
user experience
Interaction quality perception
- accessibilityEase of approach
- intuitiveKnown without reasoning
- responsiveQuick to react
user-friendly · navigation · simplicity · learnability · efficiency · feedback · clarity · consistency · customization · adaptability
bumper
Vehicle's protective edge
- grilleProtective metal grating
- headlightsFront vehicle lamps
- hoodAttached head covering
fender · windshield · spoiler · air dam · fog lights · license plate · emblem · fascia · tow hook · splash guard
load
Carried weight or burden
- commissionPayment for services rendered
- fee structureOrganized pricing scheme
- entry feePayment for access
offering price · NAV · prospectus · broker · distributor · breakpoints
- frontsfrontline, storefront, waterfront, beachfront, lakefront
- shoppingbuying, shopping cart, shop, purchases, sale
- BBSBBS, sysop, modem, dial-up, message board
- radio receiversAM radio, crystal radio, tuner, detector, tube radio
- startup jargonMVP, fail fast, scaling, unicorn, disrupt
- retail jobscashier, sales clerk, sales reps, cashiers, shop assistant
front endback end
Posterior portion
backend · server-side · infrastructure · API · middleware
front endback end
Posterior portion
backend · back office · tail end · fulfillment · operations