D277 ITSW 2131
Front-End Web
Development
LATEST COMPLETE FA GUIDE
2024
,1. Which of the following is a main purpose of a CSS preprocessor like
SASS or LESS?
- A) To improve JavaScript performance
- B) To create responsive designs
- C) To write reusable styles and variables
- D) To manage browser compatibility
- Correct Answer: C
- Rationale: CSS preprocessors allow developers to use variables,
nesting, and functions, making styles reusable and easier to maintain.
2. In React, what lifecycle method is called immediately after a component
is mounted?
- A) componentDidUpdate
- B) componentWillMount
- C) componentDidMount
- D) componentWillUnmount
- Correct Answer: C
- Rationale: `componentDidMount()` is called right after a component
is inserted into the DOM, making it a good place for API calls or
subscriptions.
3. Which of the following methods can be used to optimize images for
web applications?
, - A) Compressing images
- B) Using appropriate file formats (e.g., JPEG for photographs)
- C) Lazy loading images
- D) All of the above
- Correct Answer: D
- Rationale: All mentioned methods can significantly improve website
loading times and efficiency.
4. What technology does the term "WebAssembly" refer to?
- A) A markup language for digital documents
- B) A low-level binary format for high-performance web applications
- C) A new CSS feature for animations
- D) A JavaScript library for creating server-side applications
- Correct Answer: B
- Rationale: WebAssembly is a binary instruction format designed for
safe and efficient execution of code on web browsers.
5. In Angular, what is the purpose of RxJS?
- A) To handle HTTP requests easily
- B) To manage application states
- C) To enable reactive programming with observables
- D) To create routing mechanisms
- Correct Answer: C
Front-End Web
Development
LATEST COMPLETE FA GUIDE
2024
,1. Which of the following is a main purpose of a CSS preprocessor like
SASS or LESS?
- A) To improve JavaScript performance
- B) To create responsive designs
- C) To write reusable styles and variables
- D) To manage browser compatibility
- Correct Answer: C
- Rationale: CSS preprocessors allow developers to use variables,
nesting, and functions, making styles reusable and easier to maintain.
2. In React, what lifecycle method is called immediately after a component
is mounted?
- A) componentDidUpdate
- B) componentWillMount
- C) componentDidMount
- D) componentWillUnmount
- Correct Answer: C
- Rationale: `componentDidMount()` is called right after a component
is inserted into the DOM, making it a good place for API calls or
subscriptions.
3. Which of the following methods can be used to optimize images for
web applications?
, - A) Compressing images
- B) Using appropriate file formats (e.g., JPEG for photographs)
- C) Lazy loading images
- D) All of the above
- Correct Answer: D
- Rationale: All mentioned methods can significantly improve website
loading times and efficiency.
4. What technology does the term "WebAssembly" refer to?
- A) A markup language for digital documents
- B) A low-level binary format for high-performance web applications
- C) A new CSS feature for animations
- D) A JavaScript library for creating server-side applications
- Correct Answer: B
- Rationale: WebAssembly is a binary instruction format designed for
safe and efficient execution of code on web browsers.
5. In Angular, what is the purpose of RxJS?
- A) To handle HTTP requests easily
- B) To manage application states
- C) To enable reactive programming with observables
- D) To create routing mechanisms
- Correct Answer: C
