Frontend Development Certificate — Questions and Answers

Question 1: Which risk mitigation strategy is applied when a team decides to use a well-tested UI component library instead of building custom components from scratch?

Risk reduction (Correct answer)
Risk transfer
Risk avoidance
Risk acceptance

Correct answer: Risk reduction

Using a battle-tested library reduces the probability of introducing bugs compared to untested custom code.

Question 2: A feature toggle (feature flag) system can reduce front-end deployment risk primarily by:

Compressing assets to reduce load time
Encrypting all JavaScript bundles in production
Enforcing strict Content Security Policy headers
Allowing instant rollback of a feature without redeployment (Correct answer)

Correct answer: Allowing instant rollback of a feature without redeployment

Feature flags let teams disable a problematic feature server-side instantly, eliminating the need for an emergency redeploy.

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

First Contentful Paint
Largest Contentful Paint (Correct answer)
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 4: What problem do CSS Modules solve in large front-end projects?

They provide a way to write vendor-prefixed properties once for all browsers
They enable CSS to be loaded asynchronously for performance
They reduce the number of HTTP requests needed to load stylesheets
They locally scope CSS class names to a component to prevent global namespace collisions (Correct answer)

Correct answer: They locally scope CSS class names to a component to prevent global namespace collisions

CSS Modules automatically scope class names locally to the component that imports them, preventing naming conflicts across the global CSS namespace in large applications.

Question 5: A canary deployment releases a new front-end version to 5% of users before a full rollout. This strategy is an example of:

Risk acceptance with no mitigation
Risk avoidance
Risk transfer to early adopters
Risk reduction through staged rollout (Correct answer)

Correct answer: Risk reduction through staged rollout

Staged rollout limits blast radius—if the new version has defects, only a small fraction of users are affected before you can halt or fix.

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

It wastes time
It means staying silent
It ensures accurate understanding, demonstrates respect, and improves outcomes (Correct answer)
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 7: What is the acronym for CSS?

Colorful Style Sheets
Creative Style Sheets
Cascading Style Sheets (Correct answer)
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 8: What is the virtual DOM in React?

A browser extension for debugging
A server-side rendering technique
A lightweight in-memory representation of the real DOM used to optimize updates (Correct answer)
A CSS-in-JS library

Correct answer: A lightweight in-memory representation of the real DOM used to optimize updates

React's virtual DOM is an in-memory object tree that React uses to diff against the real DOM and apply only the minimal necessary changes.

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

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

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 10: Which WCAG principle states that user interface components must be operable by keyboard alone?

Robust
Perceivable
Understandable
Operable (Correct answer)

Correct answer: Operable

The second WCAG principle, Operable, requires that all functionality be accessible via keyboard, covering users who cannot use a mouse.

Question 11: A dependency audit using `npm audit` reports a HIGH-severity vulnerability in a package used only in devDependencies for local linting. What is the appropriate risk response?

Remove all devDependencies from the project
Disable npm audit in CI to prevent false alerts
Assess that production users are not exposed, document it, and schedule a routine fix (Correct answer)
Immediately patch and redeploy to production

Correct answer: Assess that production users are not exposed, document it, and schedule a routine fix

devDependencies are not shipped to users, so the production risk is negligible—document the finding and fix it in a non-emergency window.

Question 12: What is reflective practice in Front End Development professional development?

Avoiding past mistakes
Systematically examining experiences to gain insight and improve future practice (Correct answer)
Only reflecting on successes
Writing personal diaries

Correct answer: Systematically examining experiences to gain insight and improve future practice

This is fundamental to Front End Development practice. Systematically examining experiences to gain insight and improve future practice represents the professional standard for practical in the Front End Development certification framework.

Question 13: In React, what does the 'key' prop help with when rendering lists?

Sorting list items
Adding event listeners to list items
Styling list items
Helping React identify which items have changed, added, or removed for efficient re-rendering (Correct answer)

Correct answer: Helping React identify which items have changed, added, or removed for efficient re-rendering

The key prop gives React a stable identity for each list item, enabling efficient reconciliation by identifying which elements changed.

Question 14: What is the purpose of React.memo()?

To create a context provider
To memoize a functional component so it only re-renders when its props change (Correct answer)
To handle asynchronous state updates
To store a value in a ref

Correct answer: To memoize a functional component so it only re-renders when its props change

React.memo is a higher-order component that memoizes a functional component, preventing re-renders unless its props have actually changed.

Question 15: What does CSS specificity determine when multiple rules target the same element?

The maximum number of CSS rules allowed per element
Which CSS rule takes precedence when conflicting rules exist (Correct answer)
The order in which CSS files are loaded by the browser
The speed at which the browser parses the stylesheet

Correct answer: Which CSS rule takes precedence when conflicting rules exist

CSS specificity is the algorithm that determines which rule wins when multiple conflicting rules target the same element, calculated based on selector types (ID, class, element).

Question 16: What is the benefit of using a Content Delivery Network (CDN) for a US-based website?

It generates sitemaps automatically
It provides a database backup
It serves assets from geographically closer servers to reduce latency (Correct answer)
It compiles the source code

Correct answer: It serves assets from geographically closer servers to reduce latency

A CDN distributes content across multiple servers worldwide, serving files from the closest node to reduce latency and load times.

Question 17: What does the CSS 'display: flex' property do?

Creates a CSS grid
Enables the Flexbox layout model on a container (Correct answer)
Fixes an element's position
Makes an element invisible

Correct answer: Enables the Flexbox layout model on a container

Setting display: flex on a container activates the Flexbox layout model, allowing flexible alignment of child elements.

Question 18: What does 'First Contentful Paint' (FCP) measure in web performance?

Time until the largest element is visible
Total blocking time of scripts
Time until the page is fully interactive
Time until the first text or image is painted on screen (Correct answer)

Correct answer: Time until the first text or image is painted on screen

FCP measures the time from page navigation start until the browser renders the first piece of DOM content (text, image, or canvas).

Question 19: What is the benefit of standardized digital reporting in Front End Development practice?

It is only needed for government work
It replaces professional communication
It limits creativity
It ensures consistency, enables comparison, and facilitates regulatory compliance (Correct answer)

Correct answer: It ensures consistency, enables comparison, and facilitates regulatory compliance

This is fundamental to Front End Development practice. It ensures consistency, enables comparison, and facilitates regulatory compliance represents the professional standard for technology in the Front End Development certification framework.

Question 20: What is tree shaking in the context of JavaScript bundlers?

Splitting code into multiple files
Converting CommonJS to ESM
Removing unused code from the final bundle (Correct answer)
Animating DOM elements

Correct answer: Removing unused code from the final bundle

Tree shaking statically analyzes import/export statements and eliminates dead (unused) code from the final JavaScript bundle.

Question 21: What does the HTML attribute 'loading="lazy"' on an <img> tag enable?

Preloads the image before page render
Reduces image resolution
Converts the image to WebP
Defers loading the image until it's near the viewport (Correct answer)

Correct answer: Defers loading the image until it's near the viewport

The loading='lazy' attribute tells the browser to defer loading an image until it's close to entering the viewport.

Question 22: Which performance metric measures unexpected layout shifts experienced by users?

First Contentful Paint
Cumulative Layout Shift (Correct answer)
First Input Delay
Time to First Byte

Correct answer: Cumulative Layout Shift

Cumulative Layout Shift (CLS) measures the total amount of unexpected layout shifts that occur during a page's lifetime.

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

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

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 24: What does 'lazy loading' mean in the context of web performance?

Deferring the loading of off-screen resources until they are needed (Correct answer)
Loading all resources at page startup
Caching files in the browser
Compressing JavaScript files

Correct answer: Deferring the loading of off-screen resources until they are needed

Lazy loading defers the loading of non-critical resources (like below-the-fold images) until they are about to enter the viewport.

Question 25: Which HTML element and attribute pairing is required for an accessible form input under WCAG 2.1?

<input title='description'>
<input placeholder='description'>
<div aria-label='description'>
<label for='id'> matching the input's id (Correct answer)

Correct answer: <label for='id'> matching the input's id

WCAG Success Criterion 1.3.1 requires form controls to have a programmatically associated label, which `<label for>` provides via the matching `id`.

Question 26: How has digital technology transformed Front End Development practice?

It has enhanced data collection, analysis, communication, and operational efficiency (Correct answer)
It only affects large organizations
It has replaced all traditional methods
It has had no impact

Correct answer: It has enhanced data collection, analysis, communication, and operational efficiency

This is fundamental to Front End Development practice. It has enhanced data collection, analysis, communication, and operational efficiency represents the professional standard for technology in the Front End Development certification framework.

Question 27: CCPA requires a 'Do Not Sell My Personal Information' link for businesses that meet which threshold?

Annual gross revenue over $25 million OR data on 100,000+ consumers (Correct answer)
Revenue over $1 million from California residents
More than 50 employees
Any business with a California domain

Correct answer: Annual gross revenue over $25 million OR data on 100,000+ consumers

CCPA applies to for-profit businesses meeting at least one of three thresholds: $25M+ revenue, data on 100,000+ consumers/households, or 50%+ revenue from selling personal data.

Question 28: How do continuing education requirements benefit Front End Development certified professionals?

They are unnecessary formalities
They ensure professionals stay current with evolving industry practices and knowledge (Correct answer)
They only benefit training providers
They reduce practical skills

Correct answer: They ensure professionals stay current with evolving industry practices and knowledge

This is fundamental to Front End Development practice. They ensure professionals stay current with evolving industry practices and knowledge represents the professional standard for professional standards in the Front End Development certification framework.

Question 29: How should an Front End Development professional approach a novel situation not covered by standard procedures?

Refuse to proceed
Follow the closest standard procedure exactly
Improvise without documentation
Apply foundational principles, assess risks, consult resources, and document the rationale for decisions (Correct answer)

Correct answer: Apply foundational principles, assess risks, consult resources, and document the rationale for decisions

This is fundamental to Front End Development practice. Apply foundational principles, assess risks, consult resources, and document the rationale for decisions represents the professional standard for practical in the Front End Development certification framework.

Question 30: What does the CSS 'box-sizing: border-box' property ensure?

The element has a visible border
The element's margin is set to zero
Padding and border are included in the element's total width (Correct answer)
Padding and border are excluded from total width

Correct answer: Padding and border are included in the element's total width

With border-box, padding and border widths are included in the element's specified total width, preventing layout surprises.

Question 31: What is the importance of data security in Front End Development digital applications?

Security slows down work
Security is unnecessary for professional data
Protecting sensitive information from unauthorized access, breaches, and loss is essential (Correct answer)
Only financial data needs protection

Correct answer: Protecting sensitive information from unauthorized access, breaches, and loss is essential

This is fundamental to Front End Development practice. Protecting sensitive information from unauthorized access, breaches, and loss is essential represents the professional standard for technology in the Front End Development certification framework.

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

Skills from initial training are sufficient
Digital skills are not required
By hiring IT support for all tasks
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 33: Your SPA relies on a CDN to serve static assets. What risk should you plan a contingency for?

Users enabling dark mode
Slow DNS propagation on initial domain setup
Increased browser memory usage from large images
CDN outage making the app inaccessible to all users simultaneously (Correct answer)

Correct answer: CDN outage making the app inaccessible to all users simultaneously

A CDN failure can instantly make your entire front-end unavailable, so an origin fallback or multi-CDN strategy should be in place.

Question 34: Which technique reduces the number of HTTP requests by combining multiple CSS files into one?

Minification
Bundling/concatenation (Correct answer)
Transpiling
Tree shaking

Correct answer: Bundling/concatenation

Bundling (concatenation) merges multiple CSS or JS files into a single file, reducing the number of HTTP requests the browser needs to make.

Question 35: Which OWASP category most directly represents the risk of including outdated JavaScript libraries with known vulnerabilities?

A07: Identification and Authentication Failures
A03: Injection
A01: Broken Access Control
A06: Vulnerable and Outdated Components (Correct answer)

Correct answer: A06: Vulnerable and Outdated Components

OWASP A06 specifically addresses the risk of using components (including front-end libraries) with known security flaws.

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

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

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 37: How should Front End Development professionals handle conflicts with stakeholders?

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

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 38: Which HTTP status code indicates a successful GET request that returned content?

204
301
200 (Correct answer)
201

Correct answer: 200

200 OK is returned when the server successfully processed the request and is returning the requested content.

Question 39: What is required before embedding a third-party analytics script on a site under GDPR?

A privacy policy link in the footer
An opt-out email address
Valid user consent or a lawful basis that covers the script's data processing (Correct answer)
SSL/TLS on the host domain

Correct answer: Valid user consent or a lawful basis that covers the script's data processing

Embedding third-party scripts that set tracking cookies or collect personal data requires a GDPR-compliant legal basis — typically freely given, specific, informed consent.

Question 40: Your team is about to migrate from a legacy CSS framework to a new one across 200 components. The HIGHEST risk you should plan for is:

Increased page load due to larger CSS file size
Slower build times during development
Team members needing to learn new syntax
Visual regressions across components that break the UI for end users (Correct answer)

Correct answer: Visual regressions across components that break the UI for end users

Wide-scope CSS migrations frequently introduce subtle visual regressions that are hard to catch without screenshot-based regression testing.

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

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

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 42: A risk is rated HIGH probability but LOW impact. What is typically the recommended response?

Accept the risk with no action since impact is low
Transfer the risk to a third party via insurance
Escalate immediately and halt the project
Monitor it regularly but avoid spending major resources on mitigation (Correct answer)

Correct answer: Monitor it regularly but avoid spending major resources on mitigation

High-probability, low-impact risks warrant monitoring and lightweight controls rather than costly mitigation efforts.

Question 43: What is the most effective communication approach for Front End Development professionals?

Only written communication
Minimizing all communications
Adapting communication style to the audience while maintaining accuracy and clarity (Correct answer)
Using technical language exclusively

Correct answer: Adapting communication style to the audience while maintaining accuracy and clarity

This is fundamental to Front End Development practice. Adapting communication style to the audience while maintaining accuracy and clarity represents the professional standard for communication in the Front End Development certification framework.

Question 44: In Vue 3, what replaces the Options API for organizing component logic?

Composition API (Correct answer)
Template API
Mixin API
Directive API

Correct answer: Composition API

Vue 3's Composition API uses setup() and composable functions to organize component logic by feature rather than option type.

Question 45: How do Front End Development professionals transfer knowledge from training to practice?

Training and practice are unrelated
Through supervised practice, mentoring, gradual independence, and ongoing feedback (Correct answer)
By passing the certification exam only
Knowledge transfers automatically

Correct answer: Through supervised practice, mentoring, gradual independence, and ongoing feedback

This is fundamental to Front End Development practice. Through supervised practice, mentoring, gradual independence, and ongoing feedback represents the professional standard for practical in the Front End Development certification framework.

Question 46: What does the 'defer' attribute on a <script> tag do differently from 'async'?

Downloads the script faster
Enables module syntax
Blocks HTML parsing until complete
Executes the script after HTML parsing is complete, in order (Correct answer)

Correct answer: Executes the script after HTML parsing is complete, in order

Unlike async, the defer attribute guarantees scripts execute after the HTML document is fully parsed and in the order they appear.

Question 47: Which front-end testing type provides the MOST direct risk coverage for a complete user checkout flow spanning multiple components?

Snapshot tests for static component rendering
Performance tests measuring bundle parse time
Unit tests for individual utility functions
End-to-end (E2E) tests simulating the full browser interaction (Correct answer)

Correct answer: End-to-end (E2E) tests simulating the full browser interaction

E2E tests exercise the entire user journey in a real or headless browser, catching integration gaps that unit or snapshot tests miss.

Question 48: What is the purpose of a quality audit in Front End Development practice?

To reduce staffing
To systematically evaluate processes against standards and identify improvement opportunities (Correct answer)
To find fault with employees
To satisfy external requirements only

Correct answer: To systematically evaluate processes against standards and identify improvement opportunities

This is fundamental to Front End Development practice. To systematically evaluate processes against standards and identify improvement opportunities represents the professional standard for quality in the Front End Development certification framework.

Question 49: How do Front End Development professionals build trust with clients or stakeholders?

Through consistent competence, transparency, reliability, and ethical behavior (Correct answer)
By always agreeing with clients
Through marketing only
Through competitive pricing only

Correct answer: Through consistent competence, transparency, reliability, and ethical behavior

This is fundamental to Front End Development practice. Through consistent competence, transparency, reliability, and ethical behavior represents the professional standard for communication in the Front End Development certification framework.

Question 50: What is server-side rendering (SSR) in the context of React frameworks like Next.js?

Using React without a build step
Generating HTML on the server for each request so users receive a fully rendered page (Correct answer)
Running React in a Node.js API server
Storing React state on the server

Correct answer: Generating HTML on the server for each request so users receive a fully rendered page

SSR generates the full HTML for a page on the server before sending it to the client, improving initial load time and SEO.

Question 51: How should an Front End Development professional handle an outcome that differs from expectations?

Ignore the discrepancy
Blame external factors
Analyze contributing factors, document findings, and adjust approach based on lessons learned (Correct answer)
Repeat the same approach

Correct answer: Analyze contributing factors, document findings, and adjust approach based on lessons learned

This is fundamental to Front End Development practice. Analyze contributing factors, document findings, and adjust approach based on lessons learned represents the professional standard for practical in the Front End Development certification framework.

Question 52: Under GDPR's 'right to portability,' in what format must user data be provided upon request?

Plain text only
Any format the company chooses
A structured, commonly used, machine-readable format (Correct answer)
PDF only

Correct answer: A structured, commonly used, machine-readable format

GDPR Article 20 requires that personal data be provided in a structured, commonly used, and machine-readable format such as JSON or CSV.

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

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

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 54: In risk management, 'residual risk' refers to:

Risks that have been fully eliminated
Newly discovered risks that arise after a project starts
Risks transferred to a third-party vendor
The remaining risk after mitigation controls have been applied (Correct answer)

Correct answer: The remaining risk after mitigation controls have been applied

No mitigation is perfect; residual risk is whatever exposure remains after controls are in place and must be accepted or further reduced.

Question 55: How should an Front End Development professional handle a situation outside their scope of competency?

Attempt it anyway
Decline all unfamiliar work
Recognize limitations and refer to or consult with appropriate specialists (Correct answer)
Ignore the situation

Correct answer: Recognize limitations and refer to or consult with appropriate specialists

This is fundamental to Front End Development practice. Recognize limitations and refer to or consult with appropriate specialists represents the professional standard for professional standards in the Front End Development certification framework.

Question 56: An EU cookie consent banner must include which element to be legally compliant?

Consent via scrolling
A pre-ticked acceptance checkbox
An equally prominent 'Reject All' option (Correct answer)
A 30-day implied consent window

Correct answer: An equally prominent 'Reject All' option

Under GDPR and ePrivacy guidance, consent must be as easy to withdraw as to give, so a 'Reject All' option must be as accessible as 'Accept All'.

Question 57: Where exactly should a reference to an external style sheet be made in an HTML document?

In the body section
In the footer section
In the head section (Correct answer)
At the end of the document

Correct answer: In the head section

External stylesheets are linked to an HTML document using the `<link>` tag, which must always be placed within the `<head>` section of the HTML document. Placing it here ensures that the browser loads and applies the styles before rendering the page content. This prevents a 'flash of unstyled content' and ensures the page displays correctly from the start.

Question 58: How should an Front End Development professional respond to a compliance violation?

Report it promptly, investigate the root cause, and implement corrective actions (Correct answer)
Wait for an external audit to find it
Blame the regulatory framework
Conceal it if minor

Correct answer: Report it promptly, investigate the root cause, and implement corrective actions

This is fundamental to Front End Development practice. Report it promptly, investigate the root cause, and implement corrective actions represents the professional standard for regulatory in the Front End Development certification framework.

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

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

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 60: How do Front End Development professionals ensure compliance in daily practice?

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

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 61: What is the primary benefit of using CSS sprites?

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

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 62: Which image format offers the best compression for photographs on modern web browsers?

GIF
BMP
WebP (Correct answer)
TIFF

Correct answer: WebP

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

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

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

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 64: What is the primary value of case study analysis in Front End Development training?

Learning only from failures
Developing critical thinking by applying theory to realistic professional scenarios (Correct answer)
Memorizing specific outcomes
Replacing hands-on experience

Correct answer: Developing critical thinking by applying theory to realistic professional scenarios

This is fundamental to Front End Development practice. Developing critical thinking by applying theory to realistic professional scenarios represents the professional standard for practical in the Front End Development certification framework.

Question 65: How should an Front End Development professional present complex information to non-experts?

Use full technical terminology
Translate into accessible language, use visuals, and check for understanding (Correct answer)
Skip complex topics entirely
Provide written reports only

Correct answer: Translate into accessible language, use visuals, and check for understanding

This is fundamental to Front End Development practice. Translate into accessible language, use visuals, and check for understanding represents the professional standard for communication in the Front End Development certification framework.

Question 66: Which cookie attribute restricts a cookie to HTTPS connections only?

HttpOnly
SameSite=Strict
Path=/
Secure (Correct answer)

Correct answer: Secure

The `Secure` cookie attribute instructs the browser to only send the cookie over encrypted HTTPS connections.

Question 67: What is the purpose of a robots.txt file in the context of regulatory compliance?

It can direct crawlers away from pages containing sensitive or regulated data (Correct answer)
It prevents users from accessing private pages
It encrypts page content from unauthorized bots
It stores GDPR consent records

Correct answer: It can direct crawlers away from pages containing sensitive or regulated data

robots.txt instructs compliant crawlers not to index specified paths, which can help prevent sensitive data from appearing in search results.

Question 68: How are CSS custom properties (CSS variables) defined?

Using the --variable-name syntax within a selector scope (Correct answer)
Using the @define variable-name at-rule
Using the var() function directly in the property value
Using the $variable-name syntax

Correct answer: Using the --variable-name syntax within a selector scope

CSS custom properties are defined with a double-dash prefix (e.g., --primary-color: blue;) within a selector scope and referenced with var(--primary-color).

Question 69: What does the 'async' attribute on a <script> tag do?

Executes the script before HTML parsing
Enables ES module syntax
Downloads the script asynchronously without blocking HTML parsing (Correct answer)
Delays script execution until the page loads

Correct answer: Downloads the script asynchronously without blocking HTML parsing

The async attribute causes the script to download in parallel with HTML parsing and execute as soon as it's downloaded, without blocking.

Question 70: A Content Security Policy (CSP) header is primarily used to mitigate which class of front-end attack?

Cross-site scripting (XSS) (Correct answer)
SQL injection
Cross-site request forgery (CSRF)
Man-in-the-middle attacks

Correct answer: Cross-site scripting (XSS)

CSP restricts which scripts, styles, and resources the browser may execute, blocking many XSS payloads even if injection occurs.

Question 71: Which attribute is required in every <img> tag for accessibility?

alt (Correct answer)
id
title
src

Correct answer: alt

The alt attribute provides alternative text for screen readers and when images fail to load, making it essential for accessibility.

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

70 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