Front End Development Professional Standards & Competencies 4 — Questions and Answers
Question 1: A designer hands you a mockup that violates color contrast accessibility standards. What is the professional course of action?
- Implement the design exactly as given
- Implement it and fix it later
- Flag the issue to the designer with specific WCAG contrast ratio data and propose compliant alternatives (Correct answer)
- Refuse to build the feature
Correct answer: Flag the issue to the designer with specific WCAG contrast ratio data and propose compliant alternatives
Professionals across disciplines collaborate to resolve accessibility issues early using data-driven recommendations.
Question 2: What does 'trunk-based development' promote in a professional front-end team context?
- Long-lived feature branches merged quarterly
- Short-lived branches merged frequently to the main branch to reduce integration risk (Correct answer)
- Developing exclusively on the main branch with no branching
- Storing all code in a single monolithic file
Correct answer: Short-lived branches merged frequently to the main branch to reduce integration risk
Frequent small merges reduce merge conflicts and keep the main branch releasable at any time.
Question 3: Which practice best ensures consistent front-end code quality across a team?
- Relying on each developer's personal judgment
- Configuring shared linting and formatting tools (ESLint, Prettier) enforced in CI (Correct answer)
- Reviewing only files over 100 lines
- Using a single developer as the sole reviewer for all PRs
Correct answer: Configuring shared linting and formatting tools (ESLint, Prettier) enforced in CI
Automated tooling removes subjective style debates and enforces standards consistently on every commit.
Question 4: What is the primary professional purpose of a post-mortem after a front-end production incident?
- To assign blame to the developer who introduced the bug
- To identify root causes and systemic improvements to prevent recurrence (Correct answer)
- To create documentation for legal defense
- To justify rolling back to an older technology stack
Correct answer: To identify root causes and systemic improvements to prevent recurrence
Blameless post-mortems focus on process improvements rather than individual fault, creating a safer learning culture.
Question 5: When should a front-end developer raise a technical concern that could affect a project deadline?
- Only after the deadline has passed
- As soon as the risk is identified, with clear explanation and options (Correct answer)
- Never, to avoid appearing incompetent
- Only in private, never in team meetings
Correct answer: As soon as the risk is identified, with clear explanation and options
Early risk communication gives stakeholders time to adjust scope, timeline, or resources before impact becomes unavoidable.
Question 6: Which approach to cross-browser compatibility is considered professional best practice?
- Target only the latest Chrome version
- Use a browserlist configuration to define supported targets and test against them systematically (Correct answer)
- Manually fix issues only when users report them
- Avoid all CSS features not yet in IE11
Correct answer: Use a browserlist configuration to define supported targets and test against them systematically
A defined browserlist configuration makes support decisions explicit, reproducible, and aligned with actual user analytics.
Question 7: A junior developer on your team is struggling with a complex async JavaScript concept. As the senior, you should:
- Fix their code for them without explanation
- Ignore it since teaching is not your job
- Pair-program or provide a guided explanation to build their understanding (Correct answer)
- Report their struggle to management
Correct answer: Pair-program or provide a guided explanation to build their understanding
Mentoring strengthens the whole team and is a core competency expected of senior front-end engineers.
Front End Development Professional Standards & Competencies 4
A designer hands you a mockup that violates color contrast accessibility standards.
What is the professional course of action?