Frontend Development Certificate — Questions and Answers

Question 1: Subresource Integrity (SRI) checks on third-party script tags help mitigate which front-end risk?

CORS errors when loading cross-origin resources
Render-blocking caused by synchronous scripts
Slow DNS resolution for external scripts
Serving of a tampered or hijacked third-party file (Correct answer)

Correct answer: Serving of a tampered or hijacked third-party file

SRI hashes verify that the fetched file exactly matches the expected content, blocking execution if the CDN-hosted file has been compromised.

Question 2: Which HTTP response header helps prevent cross-site scripting (XSS) attacks by controlling resource loading?

X-Frame-Options
Content-Security-Policy (Correct answer)
Strict-Transport-Security
X-XSS-Protection

Correct answer: Content-Security-Policy

Content-Security-Policy (CSP) lets servers specify which sources browsers may load scripts, styles, and other resources from.

Question 3: How should Front End Development professionals handle conflicts with stakeholders?

Avoid all conflict
Ignore stakeholder concerns
Address issues professionally through active listening, finding common ground, and seeking resolution (Correct answer)
Escalate immediately to management

Correct answer: Address issues professionally through active listening, finding common ground, and seeking resolution

This is fundamental to Front End Development practice. Address issues professionally through active listening, finding common ground, and seeking resolution represents the professional standard for communication in the Front End Development certification framework.

Question 4: What does the HTML doctype declaration <!DOCTYPE html> specify?

The page title
The page language
The character encoding
The document type as HTML5 (Correct answer)

Correct answer: The document type as HTML5

<!DOCTYPE html> instructs the browser to render the page in standards mode using the HTML5 doctype.

Question 5: Which image format offers the best compression for photographs on modern web browsers?

BMP
GIF
TIFF
WebP (Correct answer)

Correct answer: WebP

WebP provides superior lossless and lossy compression for photos compared to JPEG and PNG, reducing file sizes significantly.

Question 6: Which state management library is most associated with Vue.js applications?

MobX
Zustand
Pinia (Correct answer)
Redux

Correct answer: Pinia

Pinia is the official, recommended state management library for Vue 3, replacing Vuex as the standard choice for Vue applications.

Question 7: How do Front End Development professionals maintain digital competency?

Skills from initial training are sufficient
By hiring IT support for all tasks
Digital skills are not required
Through ongoing training, practice with new tools, and staying current with technological advances (Correct answer)

Correct answer: Through ongoing training, practice with new tools, and staying current with technological advances

This is fundamental to Front End Development practice. Through ongoing training, practice with new tools, and staying current with technological advances represents the professional standard for technology in the Front End Development certification framework.

Question 8: In React, what is the purpose of the useState hook?

To fetch data from an API
To handle side effects
To manage global application state
To add local state to a functional component (Correct answer)

Correct answer: To add local state to a functional component

The useState hook allows functional components to declare and update local state variables, triggering re-renders when state changes.

Question 9: Which metric best quantifies the potential financial impact of a risk event when performing a quantitative risk assessment?

Expected Monetary Value (EMV) (Correct answer)
Risk appetite
Risk velocity
Risk probability

Correct answer: Expected Monetary Value (EMV)

EMV multiplies the probability of a risk by its monetary impact to produce a single comparable figure.

Question 10: What role does active listening play in Front End Development practice?

It ensures accurate understanding, demonstrates respect, and improves outcomes (Correct answer)
It wastes time
It means staying silent
It is only for counseling professionals

Correct answer: It ensures accurate understanding, demonstrates respect, and improves outcomes

This is fundamental to Front End Development practice. It ensures accurate understanding, demonstrates respect, and improves outcomes represents the professional standard for communication in the Front End Development certification framework.

Question 11: What is the acronym for CSS?

Cascading Style Sheets (Correct answer)
Colorful Style Sheets
Creative Style Sheets
Computer Style Sheets

Correct answer: Cascading Style Sheets

CSS stands for Cascading Style Sheets. It is a stylesheet language used for describing the presentation of a document written in HTML or XML. CSS allows developers to control the layout, colors, fonts, and other visual aspects of web pages, effectively separating content from its visual presentation.

Question 12: You discover that 40% of your users are on slow 3G connections and your bundle is 4 MB. What risk does this pose?

Data integrity risk from partial file transfers
Security risk from unencrypted data transfer
Performance risk leading to high bounce rates and revenue loss (Correct answer)
Compliance risk under WCAG accessibility guidelines

Correct answer: Performance risk leading to high bounce rates and revenue loss

A 4 MB bundle on 3G can take 10+ seconds to load, causing users to abandon the page before it becomes interactive.

Question 13: Which browser developer tool metric measures the time until the largest visible content element is rendered?

Largest Contentful Paint (Correct answer)
First Contentful Paint
Time to Interactive
Cumulative Layout Shift

Correct answer: Largest Contentful Paint

Largest Contentful Paint (LCP) measures when the largest image or text block is rendered within the viewport, a key Core Web Vital.

Question 14: A front-end team stores API keys directly in client-side JavaScript. Which risk does this MOST directly create?

Denial of service against the client browser
Cross-site request forgery (CSRF)
SQL injection in the database layer
Unauthorized access to backend services by anyone who inspects the source (Correct answer)

Correct answer: Unauthorized access to backend services by anyone who inspects the source

Client-side code is publicly visible, so any API key embedded in it can be extracted and misused by attackers.

Question 15: What is JSX in React?

A JavaScript XML syntax extension that allows HTML-like code in JavaScript (Correct answer)
A state management library
A testing framework
A CSS preprocessor

Correct answer: A JavaScript XML syntax extension that allows HTML-like code in JavaScript

JSX is a syntax extension for JavaScript that lets developers write HTML-like markup directly within JavaScript files, compiled by Babel.

Question 16: Which HTTP caching header tells the browser how long to cache a resource?

Last-Modified
Cache-Control (Correct answer)
ETag
Content-Type

Correct answer: Cache-Control

The Cache-Control header specifies caching directives, including max-age, which tells browsers how long to store a resource.

Question 17: How do Front End Development professionals evaluate research quality?

By assessing methodology, sample size, peer review status, and relevance to practice (Correct answer)
By publication date only
Research quality cannot be evaluated
By the reputation of the author only

Correct answer: By assessing methodology, sample size, peer review status, and relevance to practice

This is fundamental to Front End Development practice. By assessing methodology, sample size, peer review status, and relevance to practice represents the professional standard for research in the Front End Development certification framework.

Question 18: How many rule categories does SMACSS (Scalable and Modular Architecture for CSS) define?

9
3
5 (Correct answer)
7

Correct answer: 5

SMACSS defines 5 rule categories: Base, Layout, Module, State, and Theme, providing a structured approach to organizing CSS at scale.

Question 19: What role does data analytics play in Front End Development practice?

It is only for IT professionals
It supports evidence-based decision making by identifying patterns and trends in relevant data (Correct answer)
It creates unnecessary complexity
It replaces professional judgment

Correct answer: It supports evidence-based decision making by identifying patterns and trends in relevant data

This is fundamental to Front End Development practice. It supports evidence-based decision making by identifying patterns and trends in relevant data represents the professional standard for technology in the Front End Development certification framework.

Question 20: What is the purpose of minifying CSS and JavaScript files?

To encrypt code for security
To convert code to a different language
To add comments for documentation
To reduce file size by removing whitespace and unnecessary characters (Correct answer)

Correct answer: To reduce file size by removing whitespace and unnecessary characters

Minification removes whitespace, comments, and redundant code to reduce file sizes, resulting in faster download times.

Question 21: What is the value of written documentation in Front End Development professional communication?

It is optional
It is only for formal occasions
It creates permanent records, ensures clarity, and provides legal protection (Correct answer)
It replaces verbal communication

Correct answer: It creates permanent records, ensures clarity, and provides legal protection

This is fundamental to Front End Development practice. It creates permanent records, ensures clarity, and provides legal protection represents the professional standard for communication in the Front End Development certification framework.

Question 22: How do Front End Development professionals ensure compliance in daily practice?

Compliance is checked only annually
By integrating compliance requirements into standard operating procedures and regular audits (Correct answer)
By memorizing all regulations
By hiring a compliance officer

Correct answer: By integrating compliance requirements into standard operating procedures and regular audits

This is fundamental to Front End Development practice. By integrating compliance requirements into standard operating procedures and regular audits represents the professional standard for regulatory in the Front End Development certification framework.

Question 23: In CSS, which property controls the space between an element's border and its content?

spacing
margin
gap
padding (Correct answer)

Correct answer: padding

The padding property defines the space between an element's content and its border.

Question 24: How should Front End Development professionals evaluate new technology tools?

Adopt all new technology immediately
Assess functionality, reliability, security, cost-effectiveness, and alignment with professional needs (Correct answer)
Wait until competitors adopt first
Avoid all new technology

Correct answer: Assess functionality, reliability, security, cost-effectiveness, and alignment with professional needs

This is fundamental to Front End Development practice. Assess functionality, reliability, security, cost-effectiveness, and alignment with professional needs represents the professional standard for technology in the Front End Development certification framework.

Question 25: What is the benefit of interdisciplinary collaboration in Front End Development practice?

It slows down decision making
It is only for complex projects
It brings diverse expertise and perspectives that improve outcomes and innovation (Correct answer)
It creates confusion

Correct answer: It brings diverse expertise and perspectives that improve outcomes and innovation

This is fundamental to Front End Development practice. It brings diverse expertise and perspectives that improve outcomes and innovation represents the professional standard for practical in the Front End Development certification framework.

Question 26: In Vue.js, which directive conditionally renders an element by toggling its display property?

v-show (Correct answer)
v-if
v-bind
v-for

Correct answer: v-show

v-show toggles an element's CSS display property without removing it from the DOM, unlike v-if which adds/removes the element entirely.

Question 27: Which WCAG 2.1 success criterion requires text to have a contrast ratio of at least 4.5:1?

1.4.6 Contrast (Enhanced)
1.4.3 Contrast (Minimum) (Correct answer)
1.1.1 Non-text Content
1.4.4 Resize Text

Correct answer: 1.4.3 Contrast (Minimum)

WCAG 2.1 Success Criterion 1.4.3 specifies a minimum 4.5:1 contrast ratio for normal text at Level AA compliance.

Question 28: What is the purpose of browser caching in web performance?

To encrypt user data
To store copies of resources locally so repeat visits load faster (Correct answer)
To compress server responses
To block third-party scripts

Correct answer: To store copies of resources locally so repeat visits load faster

Browser caching stores previously downloaded resources locally, so repeat page visits can load assets from the local cache instead of re-downloading them.

Question 29: What is the primary benefit of using CSS sprites?

Enables responsive images
Converts images to vector format
Adds 3D effects to images
Combines multiple images into one to reduce HTTP requests (Correct answer)

Correct answer: Combines multiple images into one to reduce HTTP requests

CSS sprites combine multiple small images into a single image file, reducing the number of HTTP requests and improving page load speed.

Question 30: Which HTTP header prevents a browser from rendering a page inside a frame, protecting against clickjacking?

Referrer-Policy: no-referrer
X-Content-Type-Options: noframe
X-Frame-Options: DENY (Correct answer)
Content-Security-Policy: no-frame

Correct answer: X-Frame-Options: DENY

`X-Frame-Options: DENY` instructs the browser to refuse to render the page within any `<frame>` or `<iframe>`, blocking clickjacking.

Frontend Development Certificate

Validates professional competency in front-end web development covering core web technologies (HTML, CSS, JavaScript), modern frameworks, performance optimization, and professional practices. Tests both technical skills and industry knowledge for working front-end developers.

Questions

35 min

Time Limit

75%

To Pass

Checking for saved progress...

Exam Rules

You can skip questions and return to them later
Flag questions for review before submitting
No feedback shown until you submit the entire exam
Unanswered questions count as wrong — answer everything
10 pretest questions are mixed in and don't affect your score
Timer auto-submits when time runs out
Your progress is auto-saved every 30 seconds

These practice questions were written with AI tools. They are not real exam questions. We have not yet matched this exam's facts to an official source, so confirm fees, dates and rules with the exam body. Not reviewed by a subject-matter expert. Editorial policy