Modern Web Practices

Q1. What is TypeScript?

1. A.A CSS preprocessor for advanced style syntax
2. B.A typed superset of JavaScript compiling to JS✓ Correct
3. C.A new unrelated programming language for web
4. D.A database language for structured query access

Report an error in this question

Q2. What is a package manager?

1. A.A database manager for schema and migration control
2. B.A CSS framework for responsive component-based design
3. C.A tool automating installing and managing dependencies✓ Correct
4. D.A delivery service for shipping physical packages

Report an error in this question

Q3. What is Sass/SCSS?

1. A.A database language for writing structured queries
2. B.A web server for hosting static and dynamic content
3. C.A JavaScript library for building reactive interfaces
4. D.A CSS preprocessor adding variables, nesting, mixins✓ Correct

Report an error in this question

Q4. What is a linter?

1. A.A CSS animation for transition visual effects
2. B.A database tool for query optimization and profiling
3. C.A testing framework for automated unit test execution
4. D.A tool analyzing code to flag errors and enforce standards✓ Correct

Report an error in this question

Q5. What is Git?

1. A.A NoSQL database for storing document collections
2. B.A CSS framework for building responsive layouts
3. C.A web browser for viewing internet content
4. D.A distributed version control system for code✓ Correct

Report an error in this question

Q6. What is a code formatter?

1. A.A CSS beautifier for styling elements only
2. B.A database formatter for prettifying query output
3. C.A JavaScript compiler for transpiling modern syntax
4. D.A tool automatically formatting code to consistent style✓ Correct

Report an error in this question

Q7. What is Tailwind CSS?

1. A.A utility-first CSS framework with low-level classes✓ Correct
2. B.A database tool for managing schema migrations
3. C.A testing framework for end-to-end browser tests
4. D.A JavaScript framework for building user interfaces

Report an error in this question

Q8. What is a component library?

1. A.A CSS file for global application style definitions
2. B.A book library for reading documentation offline
3. C.A collection of pre-built reusable UI components✓ Correct
4. D.A JavaScript runtime for executing server code

Report an error in this question

Q9. What is Markdown?

1. A.A JavaScript library for DOM manipulation events
2. B.A lightweight markup language for formatted text✓ Correct
3. C.A database query language for structured access
4. D.A CSS framework for responsive component styling

Report an error in this question

Q10. What is an environment variable?

1. A.A variable set outside the app configuring behavior✓ Correct
2. B.A CSS variable defined with custom property syntax
3. C.A database field for storing record attribute values
4. D.A JavaScript global variable accessible from any scope

Report an error in this question

Q11. What is a monorepo?

1. A.A type of database for centralized data storage
2. B.A CSS methodology for organizing style declarations
3. C.Multiple related projects stored in one repository✓ Correct
4. D.A single repository for one individual project

Report an error in this question

Q12. What is Jamstack?

1. A.A music stack for audio processing applications
2. B.An architecture using JavaScript, APIs, and Markup✓ Correct
3. C.A CSS framework for building styled web components
4. D.A database stack for managing data storage layers

Report an error in this question

Q13. What is a headless CMS?

1. A.A CMS providing content via API without a frontend✓ Correct
2. B.A CSS framework for headless browser rendering
3. C.A CMS without advanced content management features
4. D.A CMS without a header section in the layout

Report an error in this question

Q14. What is Web Assembly (WASM)?

1. A.A binary format enabling near-native browser performance✓ Correct
2. B.A JavaScript engine for parsing and executing scripts
3. C.A web framework for server-side rendering pages
4. D.A CSS assembler for compiling stylesheet syntax

Report an error in this question

Q15. What is the purpose of ESLint?

1. A.Managing databases through a graphical admin interface
2. B.Compiling JavaScript into optimized machine code
3. C.Minifying CSS files for reduced production bundle sizes
4. D.Analyzing JavaScript to find problems and enforce standards✓ Correct

Report an error in this question

Q16. What is Prettier?

1. A.A testing framework for automated end-to-end testing
2. B.A CSS framework for responsive web design layouts
3. C.An opinionated code formatter enforcing consistent style✓ Correct
4. D.A database tool for formatting query output results

Report an error in this question

Q17. What is a design system?

1. A.A testing framework for running automated test suites
2. B.A CSS file for global application styling needs
3. C.A database schema for normalized table structure design
4. D.A comprehensive set of reusable components and guidelines✓ Correct

Report an error in this question

Q18. What is Storybook?

1. A.A CSS framework for styling web page component layouts
2. B.A tool for building and documenting UI components in isolation✓ Correct
3. C.A book reading app for digital publications
4. D.A database tool for visual query builder access and management

Report an error in this question

Q19. What is a micro-frontend architecture?

1. A.A component library for sharing reusable UI element sets
2. B.A small frontend with limited feature scope overall
3. C.Independently deployable micro apps composing the frontend✓ Correct
4. D.A CSS grid layout for building responsive page designs

Report an error in this question

Q20. What is Deno?

1. A.A modern JS/TS runtime with built-in security and TypeScript✓ Correct
2. B.A dinosaur-themed web application framework library
3. C.A CSS preprocessor for compiling advanced style syntax
4. D.A NoSQL database for document-based data storage systems

Report an error in this question

Q21. What is Islands Architecture?

1. A.A database architecture for isolated schema partitioning
2. B.An architecture for building island-themed websites
3. C.Interactive components hydrated independently in static HTML✓ Correct
4. D.A CSS layout technique for island-shaped page elements

Report an error in this question

Q22. What is Edge Computing in web development?

1. A.A database optimization for edge-case query handling
2. B.Computing at the physical edge of a desk surface
3. C.A CSS technique for styling elements at container edges
4. D.Running code on servers geographically close to users✓ Correct

Report an error in this question

Q23. What is the difference between SSR, SSG, and ISR?

1. A.They are identical in rendering strategy and output
2. B.ISR renders only once and never updates content again
3. C.SSR renders per request; SSG at build; ISR updates after deploy✓ Correct
4. D.SSG renders per request at the time of each user visit

Report an error in this question

Q24. What is Module Federation in Webpack?

1. A.A plugin allowing independent builds to share modules✓ Correct
2. B.A country federation of web development standards
3. C.A database federation distributing queries across nodes
4. D.A CSS module system for scoping styles to components

Report an error in this question

Q25. What is Streaming SSR?

1. A.Streaming CSS stylesheets for progressive loading
2. B.Progressively sending HTML chunks as they are rendered✓ Correct
3. C.Streaming video content to the end user browser
4. D.Streaming database query results for batch processing

Report an error in this question

Q26. What are React Server Components?

1. A.Components rendering exclusively on the server side✓ Correct
2. B.CSS server-side components for pre-rendering styles
3. C.Database components for managing query execution
4. D.Components that look like physical server hardware

Report an error in this question

Q27. What is the purpose of an Abstract Syntax Tree (AST) in web tooling?

1. A.A CSS tree layout for hierarchical navigation menus
2. B.A tree representation of code used by compilers and linters✓ Correct
3. C.A database index structure for optimizing query lookups
4. D.A tree visualization for displaying data hierarchies

Report an error in this question

Q28. What is Partial Hydration?

1. A.Partial CSS loading for progressive style application
2. B.Partial database loading for lazy data fetching
3. C.Partially loading water into server cooling systems
4. D.Selectively hydrating only interactive components✓ Correct

Report an error in this question

Q29. What is the concept of Zero-JS pages?

1. A.Pages delivered without any visible content at all
2. B.Pages with zero interactive features for static content
3. C.Blank pages served as placeholder loading screen views
4. D.Pages delivered with no JavaScript, relying on HTML/CSS✓ Correct

Report an error in this question

Q30. What is Resumability in frameworks like Qwik?

1. A.Continuing execution on client from where server left off✓ Correct
2. B.A database feature for resuming interrupted transactions
3. C.A CSS property for resuming paused animation effects
4. D.Pausing a video player for later playback resumption

Report an error in this question