# Front-end Developer Job Description Template | ATZ CRM > Edit this Front-end Developer job description with accessible interfaces, web performance, testing, design collaboration, scorecards, and technical interview guidance. Source: https://atzcrm.com/job-descriptions/front-end-developer-job-description/ Software, Product, Data & AI # Front-end Developer Job Description A Front-end Developer builds the browser-based interfaces through which users experience a digital product, balancing behaviour, accessibility, quality, and performance. Define the product, browser or device support, framework, design system, accessibility standard, and delivery ownership before publishing. Use the template Prepare the intake meeting Role snapshot Typical reporting line Engineering Manager, Front-end Lead, or Product Engineering Lead Primary collaborators Design, product, back-end engineering, quality, and accessibility Core environment Browser technologies, component systems, APIs, testing, and delivery pipelines Success balance User value, maintainability, accessibility, performance, and release safety Candidate-facing template ## Edit the description for your organisation Replace bracketed details, remove anything that is not genuinely required, and obtain the appropriate internal approval before advertising. Ready-to-edit job description Copying excludes all recruiter notes below. Edit template Reset Copy description ### About the role \[Company name\] is looking for a Front-end Developer to build and improve \[product or interface\]. You will translate product and design intent into accessible, resilient browser experiences, collaborate on API contracts, test behaviour, and support production quality. ### What you will be responsible for - Build maintainable interfaces with semantic HTML, modern CSS, JavaScript or TypeScript, and the agreed framework. - Partner with design and product to clarify states, content, responsive behaviour, accessibility, and edge cases. - Integrate APIs and manage loading, empty, error, permission, localisation, and data states. - Write automated tests, review code, diagnose browser issues, and contribute to safe delivery. - Monitor and improve accessibility, performance, design-system reuse, and maintainability. ### What success looks like - Users can complete priority journeys across supported devices and assistive technologies. - Reusable components behave consistently and have clear ownership and documentation. - Front-end changes meet agreed quality and performance checks before and after release. ### Essential qualifications - Strong practical HTML, CSS, JavaScript or TypeScript, browser, and responsive-design skills. - Experience with a relevant component framework and state, routing, data, and testing patterns. - Ability to implement and test accessible interfaces with designers and users. - Clear engineering communication, code review, debugging, and incremental delivery habits. ### Preferred qualifications - Experience with \[framework, design system, product type, scale, or rendering model\]. - Exposure to performance profiling, visual testing, internationalisation, security, or analytics implementation. ### Tools and working knowledge - Browser developer and accessibility tools - Front-end framework, package, test, and build tooling used by the team - Version control, design system, issue tracking, monitoring, and CI platforms Compensation: \[Add approved range, currency, equity or bonus, benefits, on-call expectations, equipment, and location basis.\] \[Company name\] will discuss reasonable adjustments for interviews and work; practical exercises will reflect the role and allow accessible alternatives. ### How to apply Apply through \[method\] with code or product examples and context on your contribution, constraints, users, and quality decisions. Edited draft preview This preview reflects the text currently saved in your browser. Edit the complete candidate-facing description Your draft stays in this browser. It is not sent to ATZ CRM or saved to an account. Front-end Developer Location: \[Location or working arrangement\] Employment type: \[Full-time, part-time, or contract\] Reports to: \[Engineering Manager or Front-end Lead\] About the role \[Company name\] is looking for a Front-end Developer to build and improve \[product or interface\]. You will translate product and design intent into accessible, resilient browser experiences, collaborate on API contracts, test behaviour, and support production quality. What you will be responsible for - Build maintainable interfaces with semantic HTML, modern CSS, JavaScript or TypeScript, and the agreed framework. - Partner with design and product to clarify states, content, responsive behaviour, accessibility, and edge cases. - Integrate APIs and manage loading, empty, error, permission, localisation, and data states. - Write automated tests, review code, diagnose browser issues, and contribute to safe delivery. - Monitor and improve accessibility, performance, design-system reuse, and maintainability. What success looks like - Users can complete priority journeys across supported devices and assistive technologies. - Reusable components behave consistently and have clear ownership and documentation. - Front-end changes meet agreed quality and performance checks before and after release. Essential qualifications - Strong practical HTML, CSS, JavaScript or TypeScript, browser, and responsive-design skills. - Experience with a relevant component framework and state, routing, data, and testing patterns. - Ability to implement and test accessible interfaces with designers and users. - Clear engineering communication, code review, debugging, and incremental delivery habits. Preferred qualifications - Experience with \[framework, design system, product type, scale, or rendering model\]. - Exposure to performance profiling, visual testing, internationalisation, security, or analytics implementation. Tools and working knowledge - Browser developer and accessibility tools - Front-end framework, package, test, and build tooling used by the team - Version control, design system, issue tracking, monitoring, and CI platforms Compensation: \[Add approved range, currency, equity or bonus, benefits, on-call expectations, equipment, and location basis.\] \[Company name\] will discuss reasonable adjustments for interviews and work; practical exercises will reflect the role and allow accessible alternatives. How to apply Apply through \[method\] with code or product examples and context on your contribution, constraints, users, and quality decisions. Performance expectations ## What good performance looks like Use these outcomes to replace vague activity lists with the evidence the hiring manager expects to see after the person joins. Priority interface flows work across agreed browser, device, localisation, and accessibility conditions. Components reduce inconsistency without becoming an inflexible abstraction. Production issues lead to fixes, tests, monitoring, and shared learning. Hiring-manager intake ## Questions to settle before advertising Record specific answers so sourcing, screening, and interview decisions use the same definition of the role. 1. 1 Which product surfaces, users, browsers, devices, frameworks, and rendering approaches are in scope? 2. 2 How is ownership divided across front-end, design systems, mobile, back-end, testing, and platform teams? 3. 3 Which accessibility and performance standards are required and how are they verified? 4. 4 What practical coding depth is essential on day one versus learnable after joining? Evaluation criteria ## Evidence to use in a Front-end Developer scorecard Agree the criteria before interviews begin, then score examples against the same evidence standard. Criterion Useful evidence Concern to explore Interface engineering Explains states, semantics, data flow, failure handling, reuse, and trade-offs. Focuses on visual similarity while ignoring behaviour and maintainability. Accessible delivery Uses semantic structure, keyboard and assistive-technology checks, and design collaboration. Treats accessibility as a final automated audit. Debugging judgement Reproduces, narrows, measures, fixes, tests, and monitors a browser problem. Changes dependencies or rewrites code before isolating the cause. Structured interview ## Front-end Developer interview questions and strong signals Ask the same core questions in the same order, then use follow-ups to understand the candidate’s individual contribution. 1 ### Describe an interface whose hidden states were harder than its main screen. Strong answer signal Covers loading, empty, error, permission, offline, responsive, accessibility, and recovery behaviour. 2 ### Tell me about an accessibility issue you found and how the solution was verified. Strong answer signal Shows user impact, semantic or interaction reasoning, testing, collaboration, and prevention. 3 ### How do you decide whether behaviour belongs in a shared component? Strong answer signal Balances repetition, stability, variation, ownership, API clarity, testing, and future change. Related titles ## Check the scope behind the title Front-end Engineer — often signals deeper engineering or product-system ownership. UI Developer — may focus more narrowly on translating designs into interfaces. Web Developer — can include content platforms, back-end work, or full-stack delivery. Common hiring mistakes ## Problems to remove before publishing Listing every JavaScript framework as essential instead of the concepts and current stack. Treating accessibility and performance as optional polish. Using an unpaid take-home task far larger than the work sample needed to assess the role. Continue the hiring workflow ## Related roles and recruiter resources ### Related job descriptions [Software Engineer](https://atzcrm.com/job-descriptions/software-engineer-job-description/) [Full-stack Developer](https://atzcrm.com/job-descriptions/full-stack-developer-job-description/) [Product Manager](https://atzcrm.com/job-descriptions/product-manager-job-description/) [SEO Specialist](https://atzcrm.com/job-descriptions/seo-specialist-job-description/) ### Helpful recruiter resources [AI Candidate Screening Software Organise structured role evidence before technical review.](https://atzcrm.com/solution/ai-candidate-screening-software/)[Recruitment Pipeline Management Connect screening, technical assessment, interviews, and decisions.](https://atzcrm.com/workflow/recruitment-pipeline-management/)[Interview Question Generator Draft follow-ups for an agreed front-end scorecard.](https://atzcrm.com/tools/interview-question-generator/)[How to Identify Genuine Skills Assess technical claims through attributable evidence.](https://atzcrm.com/blog/how-to-identify-genuine-skills-vs-exaggerated-experience/) Source and review notes ## How this template was prepared Language International English Prepared by ATZ CRM Editorial Team Review ATZ CRM Recruitment Editorial Review Last reviewed 2026-08-05 [O\*NET: Web Developers Reference for occupation tasks, knowledge, skills, abilities, and work activities.](https://www.onetonline.org/link/summary/15-1254.00)[ESCO: occupations and skills Reference for internationally recognised occupation and skills terminology.](https://esco.ec.europa.eu/en/classification/occupation_main) Qualifications, compensation, licences, working conditions, and equal-opportunity wording must be checked for the role and location before use. Recruiter questions ## Front-end Developer job description FAQs ### What should a Front-end Developer job description include? Describe users, product surfaces, browser support, stack, accessibility, design collaboration, testing, performance, and delivery ownership. ### What is the difference between front-end and full-stack development? Front-end developers specialise in browser interfaces. Full-stack developers work across front-end and server-side systems, though depth varies. ### Should a framework be mandatory? Require it when immediate depth is essential, but strong JavaScript, browser, component, and testing foundations often transfer between frameworks.