WorksheetsIT12 - Midterm (Long Quiz)
Total questions: 30
Worksheet time: 10mins
Which layer of a web application is responsible for everything the user directly interacts with?
Back-End
Database
Front-End
Middleware
The back-end layer of a web application mainly handles:
Styling web pages
Business logic and request processing
Drawing wireframes
Data visualization
Which of the following describes the main role of the database layer?
Handle user interaction
Provide persistent data storage
Manage routing requests
Validate client input
Which of these tasks is most likely done by the Front-End?
Executing business logic
User interface display and interaction
Database indexing
Server authentication
Ensuring that user passwords are stored and managed properly is the responsibility of:
Front-End
Back-End
Database
Wireframe
Which role best fits the Back-End?
Business logic execution
UI display
Page styling
Client-side input validation
A database system ensures:
Data integrity and retrieval
Navigation between pages
Animation rendering
Wireframe creation
If a user submits a form and expects the data to be saved for later use, which layer is essential?
Front-End
Database
UI Design
API documentation
Wireframing in UI/UX design is mainly used to:
Generate complete color prototypes
Provide a structural guide for layouts and flows
Set up database tables
Optimize business logic
Which type of wireframe is quick to create and often hand-drawn?
Low-fidelity
High-fidelity
Interactive-fidelity
Medium-fidelity
Which type of wireframe is closer to the final product with colors and fonts included?
Rough sketch
Low-fidelity
High-fidelity
Placeholder wireframe
Which tool is widely used for collaborative UI design and wireframing?
Figma
MySQL
Eclipse
GitHub
Low-fidelity wireframes are best used when:
Gathering early feedback on structure and flow
Delivering a final prototype to developers
Testing backend database schemas
Writing CSS animations
High-fidelity wireframes are particularly helpful for:
Brainstorming early concepts only
Stakeholder presentations and usability testing
Server-side validation
Data storage optimization
One advantage of Figma compared to traditional desktop tools is:
It is fully cloud-based, supporting collaboration anywhere
It can run SQL queries directly
It eliminates the need for CSS
It replaces back-end frameworks
Which principle emphasizes building systems from independent, reusable blocks?
Layered design
Modularity
Virtualization
Procedural flow
In component-based front-end development, reusability means:
Components can be applied across different projects without rewriting
All data must be stored in the database layer
A single component handles all app logic
The same CSS is used everywhere
Which of the following is a benefit of modularity?
Easier maintenance and updates
Components must be rewritten often
All logic placed in one file
Database schemas are simplified
Which of the following is a popular front-end framework based on components?
React
Django
Laravel
Spring Boot
Angular’s two-way data binding is an example of:
State synchronization
UI animation
SQL processing
Static styling
Vue.js is often described as:
A back-end scripting language
A progressive JavaScript framework for building UIs
A low-fidelity wireframing tool
A database indexing method
In React, “Props” are best described as:
Properties passed from parent to child components
A tool for server requests
A database query type
A wireframing shortcut
Props in front-end frameworks are:
Immutable inputs for components
Stored values in a database
Temporary backend variables
A CSS formatting tool
The practice of managing data across the whole application so different components stay updated is:
Prop drilling
State management
Component nesting
Model binding
Which of these helps prevent bugs by making components independent and testable?
Component coupling
Single responsibility principle
Random data injection
Layout grouping
Testable components are designed to:
Have clear interfaces and responsibilities
Be dependent on multiple unrelated modules
Only run inside production builds
Replace server-side validation
Storybook is mainly used for:
Building and documenting UI components in isolation
Creating database backups
Handling back-end API requests
Designing wireframe flows
One benefit of using Storybook in a project is:
It serves as living documentation of UI components
It handles SQL query optimization
It replaces CSS styling completely
It manages user authentication
Storybook helps teams by:
Providing a sandbox for isolated component testing
Acting as a version control system
Running back-end scripts automatically
Generating wireframes
Using Storybook improves collaboration because:
It allows developers to visualize components and their states
It eliminates the need for JavaScript
It directly stores user passwords
It replaces all design tools like Figma
