Skip to main content

Browser ↔ UA Program to GET & display Web Pages

aka Client

Layout engine​

Browser engine to interpret HTML, CSS & JS, & render pixels to screen

User Agent​

Program to rep person || bot to browse WWW

Source: User agent - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

Chrome​

Google-flavor Chromium with free ads, tracking & telemetry (BUT SOME nice Proprietary dev-tools)

Opera

Edge​

new MS IE bloat Browser

Safari​

default Apple OS Browser, Webkit JS Engine

Firefox​

FOSS Browser by Mozilla

Sources: firefox archive.mozilla.org/pub/firefox/nightly/latest www.mozilla.org/en

Internet Explorer​

MS Dinosaur & antitrust play

CORS​

(mechanism) Browser-enforced rule to restrict Web Resource access to Domain external to current Web Page

Chromium​

FOSS Browser foundation to Chrome & many other variants

DNT​

Do Not Track header to politely request no tracking - pointless placebo 💩

≡

🍔 "Hamburger" menu button

References​

  1. window ↔ Interface to rep Browser. Global Object to access most global properties & methods

  2. Web Assembly ↔ Assembly language to run Low-LevelProgramming Language in Browser with near-native performance as portable binary executable

  3. indexedDB ↔ Web API indexed database built into Browser with Async access

  4. Layout Viewport ↔ Whole Viewport (rep all available to be seen) into which Browser renders Web Page

  5. Layout engine ↔ Browser engine to interpret HTML, CSS & JS, & render pixels to screen

  6. Node.js ↔ Runtime Environment to execute JS outside Browser

  7. open() ↔ to open new Browser window

  8. <title\> ↔ Metadata Content Element to display Document title in Browser window title bar (or page tab)

  9. <wbr\> ↔ Word Break Opportunity Inline Element to mark optional line break in text for Browser based on Viewport

  10. ICO ↔ Windows OS desktop icon, for Browser as favicon.ico

  11. Web App ↔ App run in Browser

  12. Thick Client ↔ Browser Client to hold more logic & client-side interactivity

  13. Thin Client ↔ Browser Client only req to display (pre-rendered) static content from Server

  14. React DevTools ↔ Browser Extension to inspect React App (dev build only!) to view Component Hierarchy, props & state

  15. parcel-bundler ↔ CLI Dev tool to run TS in Browser

  16. <picture> ↔ Picture Inline Element to load alternative versions of image to match based on Viewport/Browser into Document

  17. browserify ↔ node-style in Browser for self-contained node module to share code

  18. Script ↔ Code fragment run in Global Scope by Browser

  19. AMD Module ↔ Async Module Definition format used in Browser

  20. Polyfill ↔ Code to emulate native Web Platform feature for backwards compatibility with older Browser

  21. /public/index.html ↔ root HTML Web Page to serve App Component, entry point for Browser

  22. Node.js Runtime ↔ JS Runtime Environ to execute JS outside Browser via JS Engine with C++ Bindings & Thread Pool

  23. CORS ↔ (mechanism) Browser-enforced rule to restrict Web Resource access to Domain external to current Web Page

  24. localStorage ↔ Web Storage API to persist data in Browser across sessions incl window close

  25. Browsing Context ↔ environ where Browser displays Document

  26. Chromium ↔ FOSS Browser foundation to Chrome & many other variants

  27. sessionStorage ↔ Web Storage API to persist data in Browser across browsing sessions, but not window close

  28. History Stack ↔ Log of previous browsed locations, kept track by Browser

  29. Client State ↔ state store by Client (Browser), TSC

  30. firebase login ↔ to connect localhost to firebase via 2FA on Browser

  31. Browser Module Path ↔ to import Module via Module Specifier to point to CDN URL link - to allow immediate Execution in Browser w/o Bundler

  32. WebRTC Leak ↔ (vulnerability) Browser WebRTC leaks local public IP, mic/camera settings, media permissions

  33. Safari ↔ default Apple OS Browser, Webkit JS Engine

  34. Edge ↔ new MS IE bloat Browser

  35. Firefox ↔ FOSS Browser by Mozilla

  36. Redux DevTools ↔ Browser Extension to inspect/debug redux with Time-Travel

  37. Bundler ↔ Dev tool to combine Modules into fewer file to optimize for Browser

  38. react-router ↔ core Deps import by react-router-dom for Browser or react-router-native for mobile - always use react-router-dom for desktop/web!