front-end developer capstone coursera week 1 quiz answers

Knowledge check: Setting up the project

1. Which of the following command allows you to quickly create a React project?

  • npx create-react-app
  • npx create-react-app app-name
  • npm build
  • npm test

2. Before pushing your changes to a Git repository, you need to commit the changes first.

  • True
  • False

3. Which of the following commands sends the local change to a remote git repository like GitHub?

  • git tag
  • git fetch
  • git commit
  • git push

4. What is the purpose of using this ES7+ React/Redux/GraphQL/React-Native extension in VS Code?

  • It helps to convert your code for older JavaScript engines
  • It helps you to debug the React and GraphQL-based projects
  • It provides quick JavaScript snippets to help you code faster in your React and GraphQL-based projects.

5. In a project, which directory contains all the dependencies?

  • build
  • node_modules
  • src

Knowledge check: Planning the UX and UI

6. UX is an iterative process that solves usability problems.

  • True
  • False

7. What is a wireframe in UX design?

  • It’s a complete design of the product
  • It’s a simulation of the final functional product
  • It’s representation of the interface concerned with placement and hierarchy of content and functionalities.
  • It’s a 3D printed view of the project

8. Which of the following statements about designing forms are true?

  • It is important to design forms from the user’s perspective to create a good user experience.
  • Forms are not an important part of user experience and can be designed quickly without considering the user’s needs.
  • Forms are only used to collect information for the stakeholder’s benefit, so it is not worth putting effort into designing them.
  • Time should be spent on good form design to create an appealing and approachable form that represents the brand.

Shuffle Q/A 1

9. Which of the following is true about responsive design? Select all that apply.

  • Responsive design involves creating separate versions of a website or app for different devices.
  • Responsive design is a technique that automatically scales and rearranges the layout of a website or app to fit the screen size and resolution of the device it is being viewed on.
  • Responsive design is a design approach that ensures a website or app looks good on all devices, regardless of screen size or resolution.
  • Responsive design only applies to desktop devices and is not necessary for mobile devices.

10. How many columns are generally used in a desktop grid system?

  • 12
  • 4
  • 8

Leave a Reply