Front-End Development Skill Assessment

Written by Coursera • Updated on

Test your front-end development skills with this quick assessment. Answer 10 multiple-choice questions to get your score, then check the Scoring Guide to find your level and recommended learning path.

Front-End Development Skill Assessment

Front-End Development Quiz

1. What is the purpose of the alt attribute in an HTML image tag?

To show text if the image loads slowly
To provide alternative text for screen readers and if the image fails to load
To display a tooltip when hovering over the image
To provide a source URL for the image

2. Which CSS selector has the highest specificity?

.nav-item
#header
nav > a
div

3. What will be the output of: console.log(2 + "2")?

4
"22"
"4"
Error

4. How do you properly center a div horizontally and vertically using Flexbox?

{align: center; justify: center;}
{display: flex; align-items: center; justify-content: center;}
{position: center;}
{margin: auto auto;}

5. What is the purpose of the useEffect hook in React?

To create new components
To handle form submissions
To perform side effects in function components
To style components

6. What is a closure in JavaScript?

A way to close browser windows
A function that has access to variables in its outer scope
A method to end a loop
A way to close database connections

7. Which HTTP method should be used for a request that retrieves data?

POST
PUT
GET
DELETE

8. What is the purpose of media queries in CSS?

To play audio and video files
To apply different styles based on device characteristics
To query a database
To load external media files

9. What is the Virtual DOM in React?

A lightweight copy of the actual DOM that React uses for performance optimization
A virtual reality interface for web development
A backup of your website
A type of web browser

10. What is the difference between localStorage and sessionStorage?

There is no difference
localStorage is faster
sessionStorage persists after browser close, localStorage doesn't
localStorage persists after browser close, sessionStorage doesn't

Scoring Guide & Course Recommendations

0-30: Beginner Level

40-70: Intermediate Level

80-100: Advanced Level

  • Skill Level: Experienced developer ready for advanced concepts and optimization

  • Recommended Coursera Courses:

Career Paths

  • Beginner Level: Junior Frontend Developer, Web Content Developer, HTML/CSS Developer, UI Developer Assistant

  • Intermediate Level: Frontend Developer, UI Developer, React Developer, Web Application Developer

  • Advanced Level: Senior Frontend Developer, Frontend Architect, Lead Frontend Engineer, Technical Team Lead

Updated on
Written by:

Coursera

Writer

Coursera is the global online learning platform that offers anyone, anywhere access to online course...

This content has been made available for informational purposes only. Learners are advised to conduct additional research to ensure that courses and other credentials pursued meet their personal, professional, and financial goals.