Web Development flash cards: Journeyman level

32 Web Development terms at the Journeyman level, as flash cards.

Updated

Terms in this deck

409 Conflict
The request clashes with the current state, like a duplicate.
422 Unprocessable Content
Well-formed data whose values break the rules.
429 Too Many Requests
You sent too many requests; wait and try again.
aria-hidden
An ARIA attribute that removes an element and its descendants from the accessibility tree when true.
aria-label
An ARIA attribute that supplies an accessible name as a text value.
aria-labelledby
An ARIA attribute that uses other elements' text to form an accessible name.
Art direction
Providing differently composed or cropped images for different presentation conditions.
Authentication
Proving who you are.
Authorization
Deciding what an identified user is allowed to do.
Breakpoint
A screen width where the layout changes.
Canonical link
A link identifying the preferred URL for content available through multiple URLs.
Character encoding declaration
Markup near the start of a document that declares its text encoding as UTF-8.
Cookie
Small data the browser stores and sends back to the same site on every request.
CORS
Server rules that tell browsers which other sites may call it.
Document language
The primary human language of a document or element's text.
Favicon
An icon associated with a website or page for browser tabs, bookmarks, and similar interfaces.
JWT
A signed token carrying who the user is and when it expires.
Lazy loading
Delaying an off-screen resource until it is likely to be needed.
Location Header
A header pointing to a new resource or a redirect target.
Media query
Applies CSS only when a condition is true, like a minimum screen width.
Meta description
A short document summary supplied as metadata, often used by search and sharing tools.
Mobile-first design
Phone layout first, then media queries for bigger screens.
noopener
A link relationship that prevents a newly opened page from receiving an opener reference.
noreferrer
A link relationship that omits referrer information and also prevents an opener relationship.
prefers-color-scheme
Checks whether the user prefers a light or dark theme.
prefers-reduced-motion
Checks whether the user asked for less animation.
Responsive design
One page that adapts its layout to any screen size.
Responsive image
An image setup that lets the browser select a suitable resource for the display and layout.
Safe Method
A method that only reads and never changes data, like GET.
tabindex
A global attribute that controls whether and where an element participates in sequential focus navigation.
Text direction
The direction in which text and inline content progress.
Viewport metadata
Metadata that guides how a page's viewport is sized and scaled on mobile devices.

Read them in the glossary