IT: C777 ITWD 3120 Web Development
Applications
Final Assessment Review
Questions & Solutions
2025
©2025
, Question 1 (Multiple Choice)
Case Study:
A startup is revamping its e-commerce platform by adopting a modern
React-based framework that supports both server-side and client-side
rendering. This hybrid approach is intended to improve SEO while
preserving a dynamic user experience.
Question:
Which framework is best suited for this scenario?
a) Create React App
b) Next.js
c) Angular Universal
d) Gatsby
Correct ANS: b) Next.js
Rationale:
Next.js builds on React by offering built-in server-side rendering (SSR)
and static site generation, making it ideal for dynamic content that also
requires strong SEO. It simplifies hybrid rendering techniques and
optimizes performance compared to frameworks that support only
client-side rendering.
---
Question 2 (Fill in the Blank)
Case Study:
A development team is designing a web application that communicates
with multiple services via GraphQL. To ensure that data is well-organized
and strictly typed, they need to define the available queries and
mutations clearly.
©2025
, Question:
In GraphQL, the overall structure defining data types and relationships is
called the ______.
Correct ANS: schema
Rationale:
The GraphQL schema is central to a GraphQL API. It defines the types of
data that can be queried or mutated and establishes how clients can
interact with the service, ensuring consistency and type safety.
---
Question 3 (True/False)
Case Study:
A group of developers is leveraging service workers in their progressive
web application (PWA) to provide offline functionality and instant page
loads. The service worker is configured to intercept network requests.
Question:
True or False: A service worker can intercept network requests to serve
cached content, ensuring offline functionality and faster load times.
Correct ANS: True
Rationale:
Service workers run in the background and intercept network requests,
allowing the application to serve cached assets when offline. This
technique is pivotal in PWAs for enhancing reliability and performance.
---
Question 4 (Multiple Response)
©2025
, Case Study:
To ensure a maintainable and scalable front-end codebase, a web
development team is adopting modern CSS methodologies. They plan to
use structured naming conventions and modular design in their
components.
Question:
Which of the following CSS methodologies support these goals? (Select
all that apply)
a) BEM (Block Element Modifier)
b) OOCSS (Object-Oriented CSS)
c) SMACSS (Scalable and Modular Architecture for CSS)
d) Inline styling
e) CSS-in-JS
Correct ANSs: a) BEM, b) OOCSS, c) SMACSS, e) CSS-in-JS
Rationale:
BEM, OOCSS, and SMACSS provide modular and scalable approaches to
CSS, while CSS-in-JS offers the benefits of component-scoped styling in
JavaScript frameworks. Inline styling, although sometimes used, does not
support maintainability or modular design in large-scale applications.
---
Question 5 (Multiple Choice)
Case Study:
A company’s web application is experiencing performance issues on
mobile devices because of large JavaScript bundles. The development
team opts to integrate a modern bundler that offers advanced
optimizations like tree shaking and code splitting.
Question:
©2025
Applications
Final Assessment Review
Questions & Solutions
2025
©2025
, Question 1 (Multiple Choice)
Case Study:
A startup is revamping its e-commerce platform by adopting a modern
React-based framework that supports both server-side and client-side
rendering. This hybrid approach is intended to improve SEO while
preserving a dynamic user experience.
Question:
Which framework is best suited for this scenario?
a) Create React App
b) Next.js
c) Angular Universal
d) Gatsby
Correct ANS: b) Next.js
Rationale:
Next.js builds on React by offering built-in server-side rendering (SSR)
and static site generation, making it ideal for dynamic content that also
requires strong SEO. It simplifies hybrid rendering techniques and
optimizes performance compared to frameworks that support only
client-side rendering.
---
Question 2 (Fill in the Blank)
Case Study:
A development team is designing a web application that communicates
with multiple services via GraphQL. To ensure that data is well-organized
and strictly typed, they need to define the available queries and
mutations clearly.
©2025
, Question:
In GraphQL, the overall structure defining data types and relationships is
called the ______.
Correct ANS: schema
Rationale:
The GraphQL schema is central to a GraphQL API. It defines the types of
data that can be queried or mutated and establishes how clients can
interact with the service, ensuring consistency and type safety.
---
Question 3 (True/False)
Case Study:
A group of developers is leveraging service workers in their progressive
web application (PWA) to provide offline functionality and instant page
loads. The service worker is configured to intercept network requests.
Question:
True or False: A service worker can intercept network requests to serve
cached content, ensuring offline functionality and faster load times.
Correct ANS: True
Rationale:
Service workers run in the background and intercept network requests,
allowing the application to serve cached assets when offline. This
technique is pivotal in PWAs for enhancing reliability and performance.
---
Question 4 (Multiple Response)
©2025
, Case Study:
To ensure a maintainable and scalable front-end codebase, a web
development team is adopting modern CSS methodologies. They plan to
use structured naming conventions and modular design in their
components.
Question:
Which of the following CSS methodologies support these goals? (Select
all that apply)
a) BEM (Block Element Modifier)
b) OOCSS (Object-Oriented CSS)
c) SMACSS (Scalable and Modular Architecture for CSS)
d) Inline styling
e) CSS-in-JS
Correct ANSs: a) BEM, b) OOCSS, c) SMACSS, e) CSS-in-JS
Rationale:
BEM, OOCSS, and SMACSS provide modular and scalable approaches to
CSS, while CSS-in-JS offers the benefits of component-scoped styling in
JavaScript frameworks. Inline styling, although sometimes used, does not
support maintainability or modular design in large-scale applications.
---
Question 5 (Multiple Choice)
Case Study:
A company’s web application is experiencing performance issues on
mobile devices because of large JavaScript bundles. The development
team opts to integrate a modern bundler that offers advanced
optimizations like tree shaking and code splitting.
Question:
©2025
