Front End Development Professional Standards & Competencies 2 — Questions and Answers
Question 1: Which approach best demonstrates a commitment to web accessibility in professional front-end development?
- Following WCAG 2.1 AA guidelines and testing with screen readers (Correct answer)
- Using high-contrast color schemes only
- Adding alt text to images only
- Avoiding JavaScript for critical functionality
Correct answer: Following WCAG 2.1 AA guidelines and testing with screen readers
WCAG 2.1 AA compliance combined with assistive technology testing covers the full spectrum of accessibility requirements.
Question 2: A teammate's pull request contains working code but ignores the team's naming conventions. What is the professional response?
- Approve it to avoid conflict
- Leave a constructive comment requesting alignment with conventions before merging (Correct answer)
- Reject it without explanation
- Rewrite the code yourself without telling them
Correct answer: Leave a constructive comment requesting alignment with conventions before merging
Constructive code review feedback maintains code quality and team standards while preserving a respectful relationship.
Question 3: What does the principle of 'progressive enhancement' mean in front-end development?
- Adding animations after the site launches
- Building a baseline functional experience first, then layering enhancements for capable browsers (Correct answer)
- Developing for the latest browser versions first, then downgrading
- Using progressive web app technology exclusively
Correct answer: Building a baseline functional experience first, then layering enhancements for capable browsers
Progressive enhancement ensures core content and functionality are accessible to all users, regardless of browser capability.
Question 4: Which practice best supports maintainability in a large front-end codebase?
- Writing clever, compact one-liners to reduce file size
- Documenting complex logic and adhering to consistent code style (Correct answer)
- Avoiding comments to reduce clutter
- Using inline styles for all elements
Correct answer: Documenting complex logic and adhering to consistent code style
Consistent style and clear documentation allow future developers—including yourself—to understand and modify the code safely.
Question 5: A client requests a feature that would compromise user data privacy. The professional response is to:
- Implement it as requested since the client is always right
- Implement it and add a disclosure in the terms of service
- Explain the risks, propose compliant alternatives, and document the decision (Correct answer)
- Refuse the project entirely
Correct answer: Explain the risks, propose compliant alternatives, and document the decision
Professionals have an ethical obligation to inform clients of risks and propose privacy-respecting alternatives rather than blindly complying.
Question 6: Which version control practice is considered a professional standard on collaborative front-end projects?
- Committing all changes directly to the main branch
- Using feature branches with descriptive names and meaningful commit messages (Correct answer)
- Pushing code only at the end of the day
- Avoiding commits until the feature is 100% complete
Correct answer: Using feature branches with descriptive names and meaningful commit messages
Feature branches isolate work-in-progress and meaningful commits create a reviewable, reversible project history.
Question 7: What is the purpose of a CONTRIBUTING.md file in a front-end open-source project?
- Listing all contributors alphabetically
- Providing guidelines for how external developers should submit changes (Correct answer)
- Documenting the project's revenue model
- Storing API keys securely
Correct answer: Providing guidelines for how external developers should submit changes
CONTRIBUTING.md sets expectations for code style, pull request process, and communication standards so contributions remain consistent.
Front End Development Professional Standards & Competencies 2
Which approach best demonstrates a commitment to web accessibility in professional front-end development?