IT: D276 ITSW 2120 Web Development
Foundations
Final Assessment Review
Questions & Solutions
2025
©2025
, Question 1 (Multiple Choice)
Case Study:
A mid-sized enterprise is redesigning its website to use modern layout
techniques. The design team has chosen a CSS module that allows them
to define both rows and columns explicitly, making it easier to create
complex two-dimensional layouts while ensuring the site remains
responsive.
Question:
Which CSS module is best suited for this task?
a) Flexbox
b) CSS Grid
c) Floats
d) Bootstrap Grid System
Correct ANS: b) CSS Grid
Rationale:
CSS Grid provides a powerful two-dimensional layout system, allowing
developers to explicitly define rows and columns. This makes it especially
useful for complex designs that require both horizontal and vertical
alignment, surpassing older techniques like floats or even Flexbox, which
is optimized for one-dimensional layouts.
---
Question 2 (Fill in the Blank)
Case Study:
A web developer is enhancing semantic HTML and needs to embed
custom data into HTML elements without violating the standard attribute
rules.
©2025
, Question:
In HTML5, custom attributes must be prefixed with ______.
Correct ANS: data-
Rationale:
HTML5 requires that custom attributes be prefixed with “data-” to
remain compliant with specifications. These attributes (e.g., data-user-id)
allow developers to store extra information on standard HTML elements
without affecting webpage semantics or validation.
---
Question 3 (True/False)
Case Study:
A freelance developer is building a highly accessible website to comply
with WCAG guidelines. The developer assumes that even without
semantic markup, modern assistive technologies can automatically
interpret and navigate non-semantic web content.
Question:
True or False: Relying on non-semantic HTML is acceptable because
assistive technologies will correctly interpret all website content
regardless of markup.
Correct ANS: False
Rationale:
Semantic HTML is crucial for accessibility. Assistive technologies such as
screen readers depend on well-structured and meaningful HTML
elements (such as <nav>, <article>, or <section>) to navigate and
interpret content. Failing to use semantic markup can hinder the usability
of a website for users with disabilities.
©2025
, ---
Question 4 (Multiple Response)
Case Study:
In designing a modern web application, a development team is
incorporating asynchronous JavaScript operations to manage API calls
and background tasks. They are assessing various mechanisms that
enable non-blocking operations.
Question:
Select all that apply: Which of the following JavaScript features provide
built-in mechanisms for handling asynchronous operations?
a) Promises
b) Async/Await
c) Callbacks
d) Synchronous loops
e) (Not applicable)
Correct ANSs: a), b), c)
Rationale:
JavaScript uses callbacks, promises, and async/await to handle
asynchronous operations effectively, ensuring that processes like API
calls do not block the event loop. Synchronous loops, by definition, block
execution and therefore are not suitable for asynchronous operations.
---
Question 5 (Multiple Choice)
Case Study:
A client-side application needs to dynamically update its content based
on data received from an API. The developer must select a method that
©2025
Foundations
Final Assessment Review
Questions & Solutions
2025
©2025
, Question 1 (Multiple Choice)
Case Study:
A mid-sized enterprise is redesigning its website to use modern layout
techniques. The design team has chosen a CSS module that allows them
to define both rows and columns explicitly, making it easier to create
complex two-dimensional layouts while ensuring the site remains
responsive.
Question:
Which CSS module is best suited for this task?
a) Flexbox
b) CSS Grid
c) Floats
d) Bootstrap Grid System
Correct ANS: b) CSS Grid
Rationale:
CSS Grid provides a powerful two-dimensional layout system, allowing
developers to explicitly define rows and columns. This makes it especially
useful for complex designs that require both horizontal and vertical
alignment, surpassing older techniques like floats or even Flexbox, which
is optimized for one-dimensional layouts.
---
Question 2 (Fill in the Blank)
Case Study:
A web developer is enhancing semantic HTML and needs to embed
custom data into HTML elements without violating the standard attribute
rules.
©2025
, Question:
In HTML5, custom attributes must be prefixed with ______.
Correct ANS: data-
Rationale:
HTML5 requires that custom attributes be prefixed with “data-” to
remain compliant with specifications. These attributes (e.g., data-user-id)
allow developers to store extra information on standard HTML elements
without affecting webpage semantics or validation.
---
Question 3 (True/False)
Case Study:
A freelance developer is building a highly accessible website to comply
with WCAG guidelines. The developer assumes that even without
semantic markup, modern assistive technologies can automatically
interpret and navigate non-semantic web content.
Question:
True or False: Relying on non-semantic HTML is acceptable because
assistive technologies will correctly interpret all website content
regardless of markup.
Correct ANS: False
Rationale:
Semantic HTML is crucial for accessibility. Assistive technologies such as
screen readers depend on well-structured and meaningful HTML
elements (such as <nav>, <article>, or <section>) to navigate and
interpret content. Failing to use semantic markup can hinder the usability
of a website for users with disabilities.
©2025
, ---
Question 4 (Multiple Response)
Case Study:
In designing a modern web application, a development team is
incorporating asynchronous JavaScript operations to manage API calls
and background tasks. They are assessing various mechanisms that
enable non-blocking operations.
Question:
Select all that apply: Which of the following JavaScript features provide
built-in mechanisms for handling asynchronous operations?
a) Promises
b) Async/Await
c) Callbacks
d) Synchronous loops
e) (Not applicable)
Correct ANSs: a), b), c)
Rationale:
JavaScript uses callbacks, promises, and async/await to handle
asynchronous operations effectively, ensuring that processes like API
calls do not block the event loop. Synchronous loops, by definition, block
execution and therefore are not suitable for asynchronous operations.
---
Question 5 (Multiple Choice)
Case Study:
A client-side application needs to dynamically update its content based
on data received from an API. The developer must select a method that
©2025
