IT371
Web Design & Development
3.0 Credits
Midterm Exam Review (Qns & Ans)
2025
©2025
, Multiple Choice Questions (10 Questions)
1. Question:
Which HTML5 semantic element is most appropriate for marking
up a self-contained piece of content that could be independently
distributed or syndicated (e.g., a blog post or news article)?
- a. `<section>`
- b. `<article>`
- c. `<aside>`
- d. `<div>`
ANS: b. `<article>`
Rationale:
The `<article>` element is intended for self-contained content that
is independently distributable, which enhances SEO and
accessibility by conveying meaning to browsers and assistive
technologies.
2. Question:
Which CSS3 layout module is designed to handle complex two-
dimensional layouts by defining rows and columns?
- a. Flexbox
- b. Grid
- c. Float
- d. Multi-column
ANS: b. Grid
Rationale:
CSS Grid Layout is specifically created to enable two-
dimensional layout mechanisms, allowing designers to position
items in rows and columns in a concise manner.
3. Question:
Which JavaScript feature introduced in ES6 simplifies
asynchronous operations by allowing developers to write
©2025
, asynchronous code in a synchronous style?
- a. Callbacks
- b. Promises
- c. Async/await
- d. Generators
ANS: c. Async/await
Rationale:
Async/await builds on promises and makes asynchronous code
easier to read and maintain by allowing developers to write code as
if it were synchronous, thereby reducing callback nesting.
4. Question:
In the context of responsive web design, which technique is
essential for ensuring that a website's layout adapts to different
screen sizes?
- a. Absolute positioning
- b. CSS Media Queries
- c. Fixed pixel dimensions
- d. Server-side rendering
ANS: b. CSS Media Queries
Rationale:
CSS Media Queries enable developers to apply different styling
rules based on screen size, orientation, and resolution, which is
fundamental for creating responsive designs.
5. Question:
Which framework is known for its component-based architecture
and is widely used to build dynamic single-page applications
(SPAs)?
- a. jQuery
- b. React
- c. Bootstrap
- d. AngularJS
ANS: b. React
Rationale:
©2025
Web Design & Development
3.0 Credits
Midterm Exam Review (Qns & Ans)
2025
©2025
, Multiple Choice Questions (10 Questions)
1. Question:
Which HTML5 semantic element is most appropriate for marking
up a self-contained piece of content that could be independently
distributed or syndicated (e.g., a blog post or news article)?
- a. `<section>`
- b. `<article>`
- c. `<aside>`
- d. `<div>`
ANS: b. `<article>`
Rationale:
The `<article>` element is intended for self-contained content that
is independently distributable, which enhances SEO and
accessibility by conveying meaning to browsers and assistive
technologies.
2. Question:
Which CSS3 layout module is designed to handle complex two-
dimensional layouts by defining rows and columns?
- a. Flexbox
- b. Grid
- c. Float
- d. Multi-column
ANS: b. Grid
Rationale:
CSS Grid Layout is specifically created to enable two-
dimensional layout mechanisms, allowing designers to position
items in rows and columns in a concise manner.
3. Question:
Which JavaScript feature introduced in ES6 simplifies
asynchronous operations by allowing developers to write
©2025
, asynchronous code in a synchronous style?
- a. Callbacks
- b. Promises
- c. Async/await
- d. Generators
ANS: c. Async/await
Rationale:
Async/await builds on promises and makes asynchronous code
easier to read and maintain by allowing developers to write code as
if it were synchronous, thereby reducing callback nesting.
4. Question:
In the context of responsive web design, which technique is
essential for ensuring that a website's layout adapts to different
screen sizes?
- a. Absolute positioning
- b. CSS Media Queries
- c. Fixed pixel dimensions
- d. Server-side rendering
ANS: b. CSS Media Queries
Rationale:
CSS Media Queries enable developers to apply different styling
rules based on screen size, orientation, and resolution, which is
fundamental for creating responsive designs.
5. Question:
Which framework is known for its component-based architecture
and is widely used to build dynamic single-page applications
(SPAs)?
- a. jQuery
- b. React
- c. Bootstrap
- d. AngularJS
ANS: b. React
Rationale:
©2025
