Mixed Deck — All Front End Development Topics Flashcards

What is the primary purpose of regulatory compliance in Front End Development practice?

Answer: To protect public safety, ensure quality standards, and maintain professional accountability

This is fundamental to Front End Development practice. To protect public safety, ensure quality standards, and maintain professional accountability represents the professional standard for regulatory in the Front End Development certification framework.

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

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.

Which tool would a front-end developer use to measure Core Web Vitals on a production site?

Answer: Google PageSpeed Insights

Google PageSpeed Insights reports real-world Core Web Vitals data (LCP, CLS, FID/INP) from the Chrome User Experience Report.

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

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.

Which GDPR principle requires that personal data be kept only as long as necessary for its purpose?

Answer: Storage limitation

GDPR Article 5(1)(e) states that personal data should be kept in a form that permits identification for no longer than necessary (storage limitation).

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

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.

What is the acronym for CSS?

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.

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

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.

Which performance metric measures unexpected layout shifts experienced by users?

Answer: Cumulative Layout Shift

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

What role does peer review play in Front End Development practice?

Answer: It provides quality assurance and professional development through collegial evaluation

This is fundamental to Front End Development practice. It provides quality assurance and professional development through collegial evaluation represents the professional standard for professional standards in the Front End Development certification framework.

What is a Sass mixin and how is it used?

Answer: A reusable block of CSS declarations defined with @mixin and included with @include, optionally accepting arguments

A Sass mixin is a reusable block of styles defined with @mixin and inserted anywhere with @include, and can accept arguments to produce varied output.

What is the first step in risk assessment for Front End Development professionals?

Answer: Identifying potential hazards and vulnerabilities in the specific context

This is fundamental to Front End Development practice. Identifying potential hazards and vulnerabilities in the specific context represents the professional standard for risk management in the Front End Development certification framework.

How does continuous improvement apply to Front End Development quality management?

Answer: It involves ongoing incremental enhancements to processes based on data and feedback

This is fundamental to Front End Development practice. It involves ongoing incremental enhancements to processes based on data and feedback represents the professional standard for quality in the Front End Development certification framework.

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

Answer: Content-Security-Policy

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

What is the purpose of React's useCallback hook?

Answer: Memoizes a callback function to prevent unnecessary re-creation on re-renders

useCallback returns a memoized version of a callback that only changes if its dependencies change, preventing unnecessary child re-renders.

Under WCAG 2.1, what is the minimum focus indicator requirement at Level AA?

Answer: Visible focus must not be removed by CSS

WCAG 2.1 AA requires that any keyboard focus indicator provided by the user agent is not suppressed — its specific appearance is tightened only in WCAG 2.2.

What is the purpose of regular risk reviews in Front End Development practice?

Answer: To identify new risks, evaluate control effectiveness, and update mitigation strategies

This is fundamental to Front End Development practice. To identify new risks, evaluate control effectiveness, and update mitigation strategies represents the professional standard for risk management in the Front End Development certification framework.

In CSS Flexbox, what does `justify-content: space-between` do?

Answer: Places equal space between items, with no space at the edges

space-between distributes items so the first is at the start, the last at the end, and equal space fills between the rest.

Under GDPR, within how many hours must a personal data breach be reported to the supervisory authority?

Answer: 72 hours

GDPR Article 33 requires notification to the relevant data protection authority within 72 hours of becoming aware of a personal data breach.

In BEM naming convention, how is a child element within a block written?

Answer: block__element

In BEM, an element inside a block is separated by two underscores (e.g., card__title), while a modifier uses two dashes (e.g., card--featured).