Frontend Developer

Summary

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

Background

Background Components

Description Background

Demonstrates a concern and aptitude for considering the user’s perspective in IT development. Is aware of the theory and practice of user-centred systems development and use of the relevant tools. Is aware of the principles and application of ergonomics to IT systems, products and services. Is effective and persuasive in presenting technical issues, processes and solutions, both orally and

Prior Knowledge and Skills

Work Activity Components

Title Details

Design, analysis and iterative development

Assists, as part of a team, in overall user experience design including for example: user interface (including colour, language, presentation, input methods, error handling and responses); user documentation; program specifications; and backup, recovery and restart procedures. Assists in the evaluation of design options and trade-offs.

Visual design and branding

Consistently applies visual design and branding guidelines.

Test plans and evaluation of options

Constructs, interprets and executes test plans to verify accessibility and usability of completed systems.

Content publishing

Uses content publishing systems to manage published content across different channels.

Web pages and sites

Designs the structure and appearance of moderately complex websites within agreed style guidelines and in close collaboration with clients/users and content authors. Builds and maintains websites. Is aware of the special requirements of the visually impaired and hard of hearing.

Involve, synthesise and inform

Provides evidence drawn from data and research analysis to represent the user in product and design discussions.

User-centred design

Conducts user journey mapping exercises and use them as a tool to support user-centred design decision making.

Knowledge/Skills

Knowledge/Skills Components

Title Depth Details Type

Creativity

Taking innovative approaches to problem solving and/or devising inventive and creative solutions.

Behavioural Skills

Attention to Detail

Applying specific quality standards to all tasks undertaken to ensure that deliverables are accurate and complete.

Behavioural Skills

Application Development Tools

Familiar with

Software tools which automate or assist part of the development process.

Technical Knowledge and Skills

Database Software

Familiar with

Software that enables the user to capture, create, populate and manipulate data structures and where appropriate unstructured data.

Technical Knowledge and Skills

Graphical User Interfaces (GUI)

Familiar with

Graphical human/computer interfaces that facilitate effective communication between human operator and computer.

Technical Knowledge and Skills

Programming Languages

Familiar with

A set of codes and syntax (supported by software tools) that enables the unambiguous translation of specified functionality into source code for the creation of computer programs.

Technical Knowledge and Skills

Corporate, Industry and Professional Standards

Aware of

Applying standards, practices, codes, and assessment and certification programmes relevant to the IT industry, and the specific organisation or business domain.

Technical Knowledge and Skills

Graphic Design

Familiar with

The creation of graphical designs that are appealing to the viewer, appropriate to the material and the commissioning organisation and that project the desired ‘presence’.

Technical Knowledge and Skills

Systems Ergonomics and Iterative Design

Familiar with

Iterative methods and techniques to allocate and optimise the division of functions between the human, machine and organisational elements of IT systems and the functions themselves in terms of ergonomic impact. Systematic and iterative design of the physical and cognitive interfaces to create an effective user experience in a software system, product or service with attention paid to variety of locations and access devices employed by users.

Technical Knowledge and Skills

Web Specifics

Familiar with

Knowledge of web specific file extensions, Web 2.0, 3.0 and 4.0 and other latest standards/ practices. Use of multimedia and Active-X controls. Understanding of the nature of browsers and how to design cross-browser layouts. Effective knowledge of metadata (e.g. tags, XML) and related aspects of Search Engine Optimization (SEO).

Technical Knowledge and Skills

Information Architecture

Familiar with

Methods, techniques and technologies for ingesting, securing, processing and using data and information within and beyond an organisation.

Technical Knowledge and Skills

Information and Data Visualisation/ Presentation

Familiar with

The ability to visualise and present information and data in an appropriate format that helps stakeholders understand the significance of the information and data.

Technical Knowledge and Skills

Data Handling

Familiar with

The ability to harvest, clean, curate, manage, process and manipulate data in a variety of formats.

Technical Knowledge and Skills

Legislation

Familiar with

Relevant national and international legislation.

Other Knowledge and Skills

Time Management Techniques

Proficient in

Methods and techniques for making effective use of own time.

Other Knowledge and Skills

Coaching Techniques

Aware of

Methods and techniques for coaching individuals or groups by a balanced combination of support and direction, including use of virtual learning environments plus add-ons to augment feedback specific to work items, workflow or career plans.

Other Knowledge and Skills

Organisational Brand and Culture

Aware of

Knowledge and understanding of the brand image and personality of the organisation’s products and/or services and the overall culture and personality of the work

Other Knowledge and Skills

Training Activities

Training Components

Title Details

Own Organisation’s Systems, Products and Services

Understanding of the organisation’s systems, products and services to enable selling, support and development activities.

Coaching

Concepts, methods and techniques for providing coaching in subject specialisms to individuals or groups (e.g. GROW model).

Human Factors Techniques

Methods and techniques for understanding human needs and limitations and for designing usable, accessible and ergonomically sound systems. Examples: Human-Computer Interaction (HCI) approaches and iterative design methods and accessibility. Recognising ever evolving user expectations for use of a variety of access devices and locations and opportunities for environmental savings e.g. reducing office space, travel, etc.

Usability Evaluation Techniques

Methods and techniques for the assessment of IT product usability, accessibility and health and safety throughout the lifecycle of development projects.

Mentoring

Methods and techniques for providing mentoring support to less experienced individuals.

Security Awareness

Tools and techniques to help users and employees understand the role they play in helping to combat information security breaches and for IT and security professionals to prevent and mitigate risk.

Graphic Design and Web Development

Tools and techniques for graphic design, user interface design (UI design), content authoring using standardised code and proprietary software, user experience design (UX design), web development and search engine

User Interface Design

Principles, practices, tools and techniques for user interface design and the creation of graphical user interfaces that make user interaction with systems, software, and applications as simple and efficient as possible.

PDAs

PDA Components

Title Details

Deputising

Standing in for supervisor or manager on a temporary basis during periods of absence.

Job Shadowing and Special Assignments

Undertaking temporary periods or secondments in other roles, inside or outside IT, particularly those that offer a new perspective on own function or exposure to other environments and cultures.

Gaining Knowledge of Employing Organisation

Gaining basic knowledge of the employing organisation, its business, structure, culture, policies, products/services, operations and terminology.

Gaining Knowledge of Surrounding Technical Areas

Gaining knowledge of IT activities in employing organisation external to own function.

Research Assignments

Exploring a topic which is not part of own normal responsibilities and presenting findings to colleagues and/or management

Involvement in Professional Body Activities

Attending meetings, seminars and workshops organised by professional body and reading published material, such as journals and web content.

Qualifications

Qualification Components

Title Awarding Body

CUA – Certified Usability Analyst

Human Factors International

Registered IT Technician (RITTech)

BCS – The Chartered Institute for IT

BCS Foundation Certificate in User Experience UX

BCS – The Chartered Institute for IT

FEDIP Practitioner

FEDIP

Organisation Skills

Framework » Organisation
Category » Subcategory
Skill Name and Description Level

DDaT » Software Development

Software Development – Accessibility

You can create accessible user interfaces that put user needs first. You can test components and pages against accessibility standards.

3 – Practitioner

You can build user interfaces that meet a predefined set of standards. You can champion accessibility to internal stakeholders. You can offer design feedback to mitigate the risk of failing accessibility testing. You can offer recommendations on the best tools and methods to use when accessibility testing.

DDaT » Software Development

Software Development – Communicating information

You can communicate effectively across organisational, technical and political boundaries. You can make complex and technical information and language simple and accessible for non-technical audiences. You can work effectively with others.

3 – Practitioner

You can work collaboratively in a group and build relationships with others. You can identify issues through Agile ‘health checks’ and work with others to address them. You can manage stakeholder expectations. You can be flexible and capable of proactive and reactive communication. You can host or moderate difficult discussions within the team or with senior stakeholders.

DDaT » Software Development

Software Development – Community collaboration (frontend developer)

You can contribute to the work of others and can build, motivate and empower teams. You can create the right environment for teams to work in and can create the best team makeup depending on the situation. You can give and receive constructive feedback, enabling the feedback loop. You can recognise and deal with issues.

3 – Practitioner

You can work collaboratively in a group, actively networking with others. You can adapt feedback to ensure it’s effective and lasting. You can use your initiative to identify problems or issues in the team dynamic and rectify them. You can identify issues through Agile ‘health checks’ with the team, and help to stimulate the right responses.

DDaT » Software Development

Software Development – Leadership and guidance (frontend developer)

You can interpret a vision to lead on decisions. You create a collaborative environment and maintain a good service. You can understand and resolve technical disputes across varying levels of complexity and risk. You can solve issues and unblock problems.

3 – Practitioner

You can understand the impact of decisions and can make decisions characterised by different levels of risk and complexity. You can resolve technical disputes between wider peers and indirect stakeholders, taking into account all views and opinions. You can make decisions characterised by medium levels of risk and complexity, and can recommend decisions as risk and complexity increase. You can contribute to best practice

DDaT » Software Development

Software Development – Modern standards approach (frontend developer)

You can apply a modern standards approach throughout development, automation and testing.

3 – Practitioner

You can competently apply a modern standards approach and guide others to do so.

DDaT » Software Development

Software Development – Programming and build (frontend developer)

You can use agreed standards and specifications to design, create, test and document new software, or to make changes to existing software.

3 – Practitioner

You can collaborate with others when necessary to review specifications. You can use the agreed specifications to build, test and document user interfaces of medium to high complexity, using the right standards and tools.

DDaT » Software Development

Software Development – Prototyping

You can apply technical knowledge and experience to create or design workable prototypes, both programs and physical outputs. You can understand parameters, restrictions and synergies.

3 – Practitioner

You can approach prototyping as a team activity, actively soliciting prototypes and testing with others. You can establish design patterns and iterate them. You can use a variety of prototyping methods and choose the most appropriate.

DDaT » Software Development

Software Development – Strategic thinking

You can take an overall perspective on business issues, events and activities, and discuss their wider implications and long-term impact. You can determine patterns, standards, policies, roadmaps and vision statements. You can effectively focus on outcomes rather than solutions and activities.

2 – Working

You can work within a strategic context and communicate how activities meet strategic goals. You can contribute to the development of strategy and policies.

DDaT » Software Development

Software Development – Systems design (frontend developer)

You can design system components which meet business needs. You can solve problems and understand technical and business complexity.

2 – Working

You can translate agreed designs into working user interfaces following modern standards. You can manage and document technical complexity to make sure work is easily maintained and reusable.

DDaT » Software Development

Software Development – Systems integration (frontend developer)

You can integrate and test user interfaces, systems and programme components.

2 – Working

You can build static assets from source code and test that the resulting user interface works as expected when delivered over the internet. You can work on integration tests and support configuration of the network part of the system as part of a wider team.

DDaT » Software Development

Software Development – User focus (frontend developer)

You can understand users and identify who they are and what their needs are, based on evidence. You can translate user stories and propose design approaches or services to meet these needs. You can engage in meaningful interactions and relationships with users. You can show that you put users first and can manage competing priorities.

2 – Working

You can collaborate effectively with user researchers and interaction designers to represent user needs internally. You can champion user research to focus on all users. You can prioritise and define approaches to understand the user story, guiding others in doing so.

DDaT » Software Development

Software Development – Web performance optimisation

You can understand how web performance can impact users. You can solve problems to improve performance. You can use different sources of data to monitor and identify performance issues.

2 – Working

You can show an awareness of the principles of web performance, and how poor performance can negatively affect user experience. You can support activities to improve web performance. You can identify and help resolve issues.

This job role profile was created in collaboration with BCS, using Role Model Plus. BCS is the professional body that has the responsibility of updating this job family.

Give Feedback

The Occupational Architecture Project is interative and dynamic


If you would like to provide feedback on this job role, or the job families, please click the button below.

Give Feedback