Knowledge check: Improving the experience

11. What is a heuristics evaluation?

  • A heuristics evaluation applies the brand style to a product,
  • A heuristics evaluation detects accessibility problems.
  • A heuristics evaluation examines and assesses the usability of a particular project.

12. Which of the following people are notable for making various product and UI design recommendations? Choose all that apply.

  • Donald Knuth
  • Dennis Ritchie
  • Jakob Nielson
  • Dieter Rams

13. There are four core principles of accessibility upon which WCAG (Web Content Accessibility Guidelines) has been built. Choose all that apply.

  • Perceivable
  • Understandable
  • Readable
  • Robust
  • Operable

14. What is the term for the technical procedure where information is checked to determine if the data entered by the user is accurate?

  • Double entry
  • Verification
  • Validation

15. In client-side validation, the form data is validated in the browser

  • True
  • False

Module Quiz: Project Functionality

16. Which of the following code snippets will set the initial state of a component to contain two people, one with brown hair and brown eyes and the other with blond hair and blue eyes?

  • const [person, usePerson] = setState([
    { hairColor: “brown”, eyeColor: “brown” },
    { hairColor: “blond”, eyeColor: “blue” }
    ]);
  • const [person, setPerson] = useState([
    { hairColor: “brown”, eyeColor: “brown” },
    { hairColor: “blond”, eyeColor: “blue” }
    ]);
  • const [person, setPerson] = useEffect([
    { hairColor: “brown”, eyeColor: “brown” },
    { hairColor: “blond”, eyeColor: “blue” }
    ]);
  • const {person, setPerson} = useState([
    { hairColor: “brown”, eyeColor: “brown” },
    { hairColor: “blond”, eyeColor: “blue” }
    ]);

17. Which type of destructuring is used when destructuring the useState hook?

  • JSON destructuring
  • Map destructuring
  • Array destructuring
  • Object destructuring

18. What is the type of data which is passed from a parent component to a child component?

  • variable data
  • state data
  • mutable data
  • props data

Shuffle Q/A 2

19. True or False: Form elements keep their own state in regular HTML.

  • True
  • False

20. Which one of the following is a common use of JSON in a React project?

  • To store large amounts of data.
  • To send data to a REST API.
  • To display an error message to the user.

Leave a Reply