1. Not part of the CSS box model

✔️ The outline property
❌ Margin
❌ Padding
❌ Border

2. Required in a function declaration

✔️ The function name
❌ Assignment operator
❌ Argument name

3. Git command to upload latest changes

✔️ git push
❌ git commit
❌ git clone
❌ git pull

4. What appears in a user story?

✔️ A user’s need or goal
✔️ A feature of the website written from the user’s perspective
❌ A user’s personal information
❌ A detailed list of requirements

5. Best HTML element for blog content

✔️ <article>
❌ <body>
❌ <main>

6. Function of <article> & <section>

✔️ You can use <article> for an independent, self-contained block of content and <section> for a standalone section of the document.

7. git clone does what?

✔️ Creates a local copy of a remote repo
❌ Fetches changes
❌ Creates a new repo

8. Not a valid Open Graph tag

✔️ og:keywords
(All others are valid.)

9. Top-level element in the component

✔️ <> (React Fragment)
❌ <ul>
❌ <li>

10. Hook for complex state

✔️ useReducer
❌ useState
❌ useEffect

11. Unique key required for list items

✔️ True
❌ False

12. True statements about CSS Grid

✔️ CSS grids are created using display: grid
✔️ CSS grids can be used to create flexible layouts
❌ Created using float
❌ Used for inline-block

13. Stage where simulation is created

✔️ Prototype
❌ Ideation
❌ Empathize
❌ Test & Build

14. Most common JS object instantiation

✔️ var anObject = {};
❌ []
❌ ‘’
❌ new Object[]

15. What’s wrong with the code?

✔️ The function has not been declared with function().
(bee.buzz should be function() { console.log('buzz') })

16. Output of typeof(100)

✔️ number
❌ string
❌ undefined
❌ object

17. Paradigm separating data & functionality

✔️ Functional programming
❌ Imperative
❌ OOP
❌ Declarative

18. Output of code

✔️ undefined
(var is hoisted, initialized with undefined)

19. Output of for-of loop

✔️ ‘Iron Man’
❌ object
❌ prop
❌ incorrect syntax

20. Component with value + callback

✔️ Controlled component
❌ Uncontrolled
❌ HTML component
❌ Formatted component

21. Feature to mitigate re-render cost

✔️ React.memo()
❌ React.memory()
❌ React.component()
❌ React.cache()

22. Rule for naming custom hooks

✔️ Must begin with “use”
❌ Underscore
❌ End with Log
❌ 12 characters max

23. Margin value to center child

✔️ auto
❌ fill
❌ center
❌ even

24. True about inline elements

✔️ They only occupy the width/height of content
❌ appear on new line
❌ full width
❌ full height

25. Protocol for resolving IP addresses

✔️ DNS
❌ SMTP
❌ POP
❌ FTP

26. Purpose of a mood board

✔️ Centralized asset source with ideas
❌ Tasks
❌ Grievances
❌ Functional design

27. A ______ contains patterns, components, guidelines

✔️ design system
❌ marketing system
❌ development system
❌ design board

28. Content between tags is passed as

✔️ children
❌ component
❌ parents
❌ element

29. What happens if script fails in CI?

✔️ A report is sent & process stops
❌ Continues
❌ Retries
❌ Skips

30. Invalid hook usage

✔️ Using a hook inside a conditional statement
❌ Using hook in component
❌ Using multiple hooks
❌ Using hook at top level

📘 Summary Table

Q	Correct Answer
1	outline
2	function name
3	git push
4	need/goal, user perspective feature
5	<article>
6	article = independent, section = standalone
7	clone → local copy
8	og:keywords
9	<>
10	useReducer
11	True
12	display:grid, flexible layouts
13	Prototype
14	{}
15	Missing function declaration
16	number
17	Functional programming
18	undefined
19	‘Iron Man’
20	Controlled component
21	React.memo
22	Name must start with use
23	auto
24	content-sized
25	DNS
26	centralized idea board
27	design system
28	children
29	process stops + report
30	hook inside conditional

Final Graded Quiz :Front-End Developer Capstone (Meta Front-End Developer Professional Certificate) Answers 2025