Frontend Developer Skill

Roadmap Alignment: roadmap.sh/frontend | roadmap.sh/react | roadmap.sh/vue

Core Standards (Effective Software Developer)

When executing frontend tasks, ensure your work adheres to the latest industry standards and roadmap milestones:

1. Internet & HTML/CSS Basics

• Semantic HTML: Avoid <div> soup. Use <article>, <section>, <nav>, <header>, <footer>, <main> where appropriate.
• Accessibility (a11y): Strictly follow WCAG standards. Include ARIA roles, aria-label, ensure high color contrast, and test for keyboard navigation.
• Modern CSS: Utilize CSS Modules, Tailwind CSS, or Styled Components. Always design mobile-first and ensure responsive layouts across all device sizes.

2. JavaScript / TypeScript (ES6+)

• Strict Typing: If using TypeScript, avoid any. Use strict interfaces, types, and generics.
• Modern Syntax: Use destructuring, spread operators, optional chaining, and nullish coalescing.
• Functional Programming: Prefer pure functions, map, filter, reduce over imperative loops when possible.