D277 ITSW 2131
Front End Web Development
Final Assessment (Qns & Ans)
2025
General Instructions
1. Read All Questions Carefully: Make sure you understand each question.
2. Time Management: You have a specific amount of time to complete the exam.
Keep an eye on the clock and pace yourself.
3. Allowed Materials: Only use materials that are explicitly allowed. Unauthorized
materials can lead to disqualification.
4. ANS Format: Follow the required format for your ANS. For example, multiple-
choice questions might need you to select the best ANS, while essay questions
require detailed responses.
5. Academic Integrity: Adhere to the university's honor code. Any form of cheating or
plagiarism is strictly prohibited.
6. Technical Requirements: Ensure your computer and internet connection are
stable. For online exams, you might need a webcam and microphone for proctoring
purposes.
7. Submission: Submit your ANS before the time expires. Late submissions might
not be accepted.
©2024/2025
,1. Which of the following CSS properties is responsible for
defining the space between elements?
- A) padding
- B) margin
- C) border
- D) display
Correct ANS: B) margin
Rationale: The margin property is used to create space
around elements, while padding creates space within an element.
2. What does the 'box-sizing' property in CSS do?
- A) Changes the color of the box
- B) Controls the overall dimensions of an element
- C) Sets the position of the box on the page
- D) None of the above
Correct ANS: B) Controls the overall dimensions of an
element
©2024/2025
, Rationale: The 'box-sizing' property affects how the width
and height of elements are calculated (e.g., whether padding and
borders are included).
3. Which of the following is a JavaScript method for creating
HTTP requests?
- A) createRequest()
- B) new XMLHttpRequest()
- C) fetchRequest()
- D) AJAX()
Correct ANS: B) new XMLHttpRequest()
Rationale: XMLHttpRequest is a standard way to make
HTTP requests in JavaScript, although newer methods like fetch
are also available.
4. In React, what does the 'state' of a component represent?
- A) The current props passed to the component
- B) A built-in method for user input
- C) The internal data and state at a given time
- D) The component lifecycle
Correct ANS: C) The internal data and state at a given time
©2024/2025
, Rationale: In React, 'state' refers to an object that holds the
data that may change over the lifetime of a component.
5. What is the purpose of CSS preprocessors such as SASS or
LESS?
- A) To compile pure CSS code directly
- B) To add additional features like variables and nesting to
standard CSS
- C) To minify CSS files for faster loading
- D) To replace CSS entirely
Correct ANS: B) To add additional features like variables
and nesting to standard CSS
Rationale: Preprocessors extend the capabilities of CSS,
offering variables, functions, and other programming constructs.
---
True/False Questions
6. True or False: The document object model (DOM) allows
JavaScript to interact with HTML and CSS directly.
Correct ANS: True
©2024/2025
Front End Web Development
Final Assessment (Qns & Ans)
2025
General Instructions
1. Read All Questions Carefully: Make sure you understand each question.
2. Time Management: You have a specific amount of time to complete the exam.
Keep an eye on the clock and pace yourself.
3. Allowed Materials: Only use materials that are explicitly allowed. Unauthorized
materials can lead to disqualification.
4. ANS Format: Follow the required format for your ANS. For example, multiple-
choice questions might need you to select the best ANS, while essay questions
require detailed responses.
5. Academic Integrity: Adhere to the university's honor code. Any form of cheating or
plagiarism is strictly prohibited.
6. Technical Requirements: Ensure your computer and internet connection are
stable. For online exams, you might need a webcam and microphone for proctoring
purposes.
7. Submission: Submit your ANS before the time expires. Late submissions might
not be accepted.
©2024/2025
,1. Which of the following CSS properties is responsible for
defining the space between elements?
- A) padding
- B) margin
- C) border
- D) display
Correct ANS: B) margin
Rationale: The margin property is used to create space
around elements, while padding creates space within an element.
2. What does the 'box-sizing' property in CSS do?
- A) Changes the color of the box
- B) Controls the overall dimensions of an element
- C) Sets the position of the box on the page
- D) None of the above
Correct ANS: B) Controls the overall dimensions of an
element
©2024/2025
, Rationale: The 'box-sizing' property affects how the width
and height of elements are calculated (e.g., whether padding and
borders are included).
3. Which of the following is a JavaScript method for creating
HTTP requests?
- A) createRequest()
- B) new XMLHttpRequest()
- C) fetchRequest()
- D) AJAX()
Correct ANS: B) new XMLHttpRequest()
Rationale: XMLHttpRequest is a standard way to make
HTTP requests in JavaScript, although newer methods like fetch
are also available.
4. In React, what does the 'state' of a component represent?
- A) The current props passed to the component
- B) A built-in method for user input
- C) The internal data and state at a given time
- D) The component lifecycle
Correct ANS: C) The internal data and state at a given time
©2024/2025
, Rationale: In React, 'state' refers to an object that holds the
data that may change over the lifetime of a component.
5. What is the purpose of CSS preprocessors such as SASS or
LESS?
- A) To compile pure CSS code directly
- B) To add additional features like variables and nesting to
standard CSS
- C) To minify CSS files for faster loading
- D) To replace CSS entirely
Correct ANS: B) To add additional features like variables
and nesting to standard CSS
Rationale: Preprocessors extend the capabilities of CSS,
offering variables, functions, and other programming constructs.
---
True/False Questions
6. True or False: The document object model (DOM) allows
JavaScript to interact with HTML and CSS directly.
Correct ANS: True
©2024/2025
