Flashcards › Technology & Coding › Web Development
Web Development Concepts
How websites are built: front end, back end, tools and standards.
0 of 74 known
74 cards
- Front endTermWhat the user sees and interacts with in the browser
- Back endTermThe server side that stores data and runs logic
- Full stackTermWorking on both front end and back end
- HTMLTermStructure and content of a web page
- CSSTermStyle and layout of a web page
- JavaScriptTermProgramming language that makes pages interactive
- DOMTermDocument Object Model, the tree of elements in a page that scripts can change
- Browser dev toolsTermBuilt-in tools to inspect and debug pages
- Responsive designTermPages that adjust to screen size
- Mobile firstTermDesigning for phones before larger screens
- Accessibility (a11y)TermMaking sites usable by people with disabilities
- Alt textTermText describing an image for screen readers
- Screen readerTermSoftware that reads page content aloud
- Semantic HTMLTermUsing tags that describe the meaning of content
- WCAGTermWeb Content Accessibility Guidelines
- SEOTermSearch engine optimization, helping pages be found in search
- Meta descriptionTermA short page summary shown in search results
- Domain nameTermThe address people type to visit a site
- HostingTermA service that stores and serves your website
- Web serverTermSoftware that sends pages to browsers
- HTTP requestTermA browser asking a server for something
- HTTP responseTermThe server's reply
- GET requestTermAsks to read data
- POST requestTermSends data to the server
- Status codeTermA number telling how a request went
- CookieTermA small piece of data stored in the browser
- Local storageTermBrowser storage for data kept on the user's device
- SessionTermA visit during which a server remembers a user
- APITermA way for programs to exchange data
- REST APITermAn API style using URLs and HTTP methods
- JSONTermA text format for structured data
- AJAX / fetchTermLoading data without reloading the page
- FrameworkTermA toolkit for building apps, such as React or Django
- ReactTermA JavaScript library for building user interfaces
- Vue and AngularTermOther popular front-end frameworks
- Node.jsTermRuns JavaScript on servers
- npmTermThe package manager for JavaScript
- Package managerTermA tool that installs and updates code libraries
- BundlerTermA tool that combines many files into a few for the browser
- MinifyTermRemove spaces and comments to make files smaller
- Compile / transpileTermConvert code into another form
- TypeScriptTermJavaScript with types
- CSS preprocessorTermA tool like Sass that extends CSS
- DatabaseTermWhere a site stores its data
- CMSTermContent management system, like WordPress
- Static siteTermPages that are fixed files, not made on request
- Dynamic siteTermPages built on request, using data
- Single-page app (SPA)TermA site that loads once and updates without full reloads
- Server-side renderingTermBuilding pages on the server before sending them
- Client-side renderingTermBuilding pages in the browser
- CacheTermStored copies to speed up loading
- CDNTermNetwork of servers that deliver content quickly worldwide
- Page load speedTermHow fast a page appears; faster is better
- Lazy loadingTermLoading images only when needed
- Image optimizationTermMaking images smaller without losing quality
- HTTPSTermEncrypted connection for safety
- CORSTermRules about which sites can request data from others
- AuthenticationTermProving who a user is
- AuthorizationTermDeciding what a user may do
- Hash passwordsTermNever store plain passwords
- Sanitize inputTermClean user input to prevent attacks
- DeploymentTermPutting a site online for users
- StagingTermA test version of a site before it goes live
- ProductionTermThe live version of a site
- Version controlTermTracking code changes with Git
- CI/CDTermAutomated testing and deployment
- Unit testTermA test of one small piece of code
- LintingTermAutomatically checking code for mistakes and style
- Open sourceTermCode anyone can view and improve
- WireframeTermA simple sketch of a page layout
- UXTermUser experience, how it feels to use something
- UITermUser interface, what the user sees and touches
- FaviconTermThe small icon shown in the browser tab
- ViewportTermThe visible part of a web page
Download this deck
- CSVExcel, Google Sheets, Numbers
- Anki / Quizlet (tab-separated)Import straight into Anki or Quizlet
- JSONFor programmers and apps
- Plain textOne card a line, “front : back”, ready for Peabody's flashcard maker to print
Want paper cards? Paste the plain-text download into the flashcard maker.