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.

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

Module Quiz: Starting the Project

11. Which Git command can be used to show the history of commits?

  • git commit
  • git history
  • git status
  • git log

12. After a project has been set up with version control, which two commands should be used together to commit files to the staging area? Select all that apply.

  • git commit
  • git push
  • git add
  • git init

13. After pushing your latest code changes to GitHub, what is usually a good idea to do next?

  • Delete the branch since you won’t need it anymore.
  • Checkout a new branch to continue working on the code.
  • Check that the changes are present on GitHub.

14. Which one of the following commands correctly creates a new React project called secret-technology?

  • npx create-react-app
  • npx secret-technology create-react-app
  • npm react-app init secret-technology
  • npx create-react-app secret-technology

15. What must be installed on your computer in order for you to use the node package manager and npm commands?

  • React
  • JavaScript
  • Node.js

16. True or False: Figma allows you to create animations to demonstrate things such as opening a drop down menu.

  • False
  • True

17. Which one of the following is true about wireframes?

  • Wireframes don’t need to contain fonts, colors, or images.
  • Wireframes need to have proper brand fonts, colors, and images.
  • Wireframes should serve as a prototype to the client so they can see what the finished product will look like.

18. When working on a React project, what troubles might you encounter if you do not have internet access?

  • Cannot use React hooks.
  • Cannot locally test your web application.
  • Cannot install npm packages.
  • Cannot save code changes.

19. Which of the following commands will create a version of your React project which can be uploaded to a web hosting service?

  • npm run production
  • npm run dist
  • npm run build
  • npm version

20. Which step of the UX design process has participants interact with a product while trying to accomplish a task from a pre-written script?

  • Prototype
  • Design the UI
  • Test and build
  • Define the problem

Leave a Reply