Frontend developer
Find out what a frontend developer in government does and the skills you need to do the role at each level.
Last updated 30 August 2024 — See all updates
Contents
- — What a frontend developer does
- — Frontend developer role levels
- — 1. Apprentice frontend developer
- — 2. Junior frontend developer
- — 3. Frontend developer
- — 4. Senior frontend developer
- — 5. Lead frontend developer
- — 6. Head of frontend development
- — Roles that share frontend developer skills
- — Senior Civil Service roles that frontend developer could lead to
What a frontend developer does
A frontend developer designs, builds and improves website software that meets user needs.
In this role, you will:
- be responsible for writing clean, accessible code following a progressive enhancement approach
- create code that is open by default and easy for others to reuse
- design software which meets user needs and creates meaningful interactions and relationships with users
- have an understanding of the three fundamental frontend technologies (HTML, CSS and JavaScript)
Frontend developer role levels
There are 6 frontend developer role levels, from apprentice frontend developer to head of frontend development.
The typical responsibilities and skills for each role level are described in the sections below. You can use this to identify the skills you need to progress in your career, or simply to learn more about each role in the Government Digital and Data profession.
1. Apprentice frontend developer
An apprentice frontend developer attends certified training and develops skills on the job.
At this role level, you will:
- spend a substantial portion of time shadowing others
- work with other developers to write code and tests
- write code that follows web standards
- build your understanding of accessibility
- build your knowledge
- develop software which meets user needs
This role level is often performed at the Civil Service job grade of:
- AO (Administrative Officer)
- EO (Executive Officer)
Skill | Description |
---|---|
Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Community collaboration (frontend developer) Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Leadership and guidance (frontend developer) Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Programming and build (frontend developer) Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
User focus (frontend developer) Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
2. Junior frontend developer
A junior frontend developer learns on the job by delivering software components.
At this role level, you will:
- work independently, with guidance from more senior developers, to identify user issues and needs
- write clean code that follows web standards
- build your understanding of accessibility
- build your knowledge
- develop software which meets user needs
This role level is often performed at the Civil Service job grade of:
- EO (Executive Officer)
- HEO (Higher Executive Officer)
Skill | Description |
---|---|
Level: working Working is the second of 4 ascending skill levels |
You can:
|
Level: working Working is the second of 4 ascending skill levels |
You can:
|
Community collaboration (frontend developer) Level: working Working is the second of 4 ascending skill levels |
You can:
|
Leadership and guidance (frontend developer) Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Level: working Working is the second of 4 ascending skill levels |
You can:
|
Programming and build (frontend developer) Level: working Working is the second of 4 ascending skill levels |
You can:
|
Level: working Working is the second of 4 ascending skill levels |
You can:
|
Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Systems design (frontend developer) Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Systems integration (frontend developer) Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
User focus (frontend developer) Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
Level: awareness Awareness is the first of 4 ascending skill levels |
You can:
|
3. Frontend developer
A frontend developer builds software components, primarily in the form of user interfaces.
At this role level, you will:
- collaborate and work closely with other disciplines to develop designs and working prototypes based on user needs and in support of organisational aims
- develop software components that form part of a product to meet user needs
- write clean, well-tested code that follows web standards
- coach and mentor more junior colleagues
This role level is often performed at the Civil Service job grade of:
- HEO (Higher Executive Officer)
- SEO (Senior Executive Officer)
Skill | Description |
---|---|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Community collaboration (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Leadership and guidance (frontend developer) Level: working Working is the second of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Programming and build (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: working Working is the second of 4 ascending skill levels |
You can:
|
Systems design (frontend developer) Level: working Working is the second of 4 ascending skill levels |
You can:
|
Systems integration (frontend developer) Level: working Working is the second of 4 ascending skill levels |
You can:
|
User focus (frontend developer) Level: working Working is the second of 4 ascending skill levels |
You can:
|
Level: working Working is the second of 4 ascending skill levels |
You can:
|
4. Senior frontend developer
A senior frontend developer is an experienced developer who works with minimal support and can influence and mentor others.
At this role level, you will:
- help set direction and embed good practice within teams
- make decisions based on research
- plan and lead development on sets of related stories, working with other disciplines to understand what needs to be built
- have an understanding of the whole system
- teach and mentor others
This role level is often performed at the Civil Service job grade of:
- SEO (Senior Executive Officer)
- G7 (Grade 7)
Skill | Description |
---|---|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Community collaboration (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Leadership and guidance (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Programming and build (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Systems design (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Systems integration (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
User focus (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
5. Lead frontend developer
A lead frontend developer is an expert practitioner who influences and mentors others.
At this role level, you will:
- set direction and assure the quality of development across teams
- lead multiple or highly complex services
- contribute to the community, providing technical leadership, coaching and mentoring
- promote knowledge sharing and adoption of good practice
- be proficient in a wide range of technical systems and able to identify appropriate technology and approaches
This role level is often performed at the Civil Service job grade of:
- G7 (Grade 7)
- G6 (Grade 6)
Skill | Description |
---|---|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Community collaboration (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Leadership and guidance (frontend developer) Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Programming and build (frontend developer) Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Systems design (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Systems integration (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
User focus (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
6. Head of frontend development
A head of frontend development is an expert practitioner with broad industry experience. They are an expert in many technical areas, or specialists with very deep knowledge in a particular technical area.
At this role level, you will:
- define and assure best practice while influencing, leading and mentoring others
- influence and develop organisational strategy and priorities, collaborating with counterpart colleagues across government
- ensure the right conditions and environment for frontend developers to work effectively
- develop departmental capability by facilitating internal mobility, shaping career paths and recruiting talent
This role level is often performed at the Civil Service job grade of:
- G6 (Grade 6)
Skill | Description |
---|---|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Community collaboration (frontend developer) Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Leadership and guidance (frontend developer) Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Programming and build (frontend developer) Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Systems design (frontend developer) Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Systems integration (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
User focus (frontend developer) Level: practitioner Practitioner is the third of 4 ascending skill levels |
You can:
|
Level: expert Expert is the fourth of 4 ascending skill levels |
You can:
|
Roles that share frontend developer skills
Role | Shared skills |
---|---|
Business architect | |
Content strategist | |
Development operations (DevOps) engineer | |
Graphic designer | |
Interaction designer |
Senior Civil Service roles that frontend developer could lead to
Updates
Published 3 December 2020
Last updated 30 August 2024
30 August 2024
- Corrected an error in the skill 'leadership and guidance (frontend developer)' where the description for 'working' level had been added to the 'practitioner' level. The relevant requirements have been moved to 'working' and removed from 'practitioner'. The role level 'frontend developer' now uses the 'working' level description for this skill, as originally intended. This correction also affects 'senior frontend developer' which uses the 'practitioner' level that now has fewer requirements listed.
- The skill 'web performance optimisation' has been updated. The change removed an incorrectly duplicated sentence about negative user experience from 'expert' level.
31 May 2024
- Frontend developer now includes the 'modern standards approach' skill instead of 'modern standards approach (frontend developer)'. The content of the skill description at each level has not changed.
31 July 2023
- Frontend developer was moved to the new software development role group.
30 August 2022
- Corrected an error in the role level 'junior frontend developer'. For the skill 'strategic thinking', this role level now requires the 'awareness' level, instead of 'working' level.
3 December 2020
- First published.