Giter VIP home page Giter VIP logo

front-end-development-guide's Introduction

The National Archives logo

Front end development guide

โš ๏ธ October 2023 This handbook is no longer maintained. It has been replaced with the National Archives Engineering Handbook.

Introduction

This guide has been produced to help developers at The National Archives:

  • deliver high quality, inclusive and maintainable digital services, which
  • ensure their work is compliant with the standards and regulations that apply to public sector websites
  • achieving a good balance between innovation and effective use of our development capability.

It covers all aspects of modern front end development and is regularly reviewed and refined to ensure it reflects emerging industry best practice. Please let us know if you think anything is missing or unclear, and we'll look into it. This a living, open tool and contributions are welcomed.

What's included

The development guide describes standards and client-side architectural considerations for our digital services.

All guidance is intentionally focused on the code that is delivered to the user's browser so it can apply to all products - regardless of the server-side technology or client side frameworks being used for a particular application or site.

What's not included

This guide is tightly focused on development practice and considerations related to implementation. It does not address visual and interaction design or user experience patterns.

Supplemental material

Additional materials include:

Use pull requests for peer review

All code should be reviewed using the Pull Request process before it is merged or deployed. This review should ensure all relevant standards are met.

Key things for developers to keep in mind

Involve others early

Perhaps the most important thing to bear in mind is the need to involve other specialists early since this can avoid significant problems later on. This includes:

  • Speaking to the User Experience and Editorial teams before beginning development. Their perspective and expertise will help shape the approach taken and can avoid significant changes later on.
  • Understanding analytics requirements to establish what is required and how we can best support/achieve it
  • Server-side and front-end developers discussing the technical approach together before development begins. A short conversation to agree on a technical approach that works from both perspectives can bring significant benefits and avoid one or both having to do significant refactoring and re-work.
  • Identifying a peer reviewer early, and discussing the technical approach with them as it evolves.

Try to anticipate what is relevant to the activity and plan for it

  • Identify the testing that is relevant to the specific development activity and ensure development work meets all relevant standards in the development guide
  • Ensure the pull request takes place at a time that allows for any necessary changes before the product or service is made public. (Note: the progressive enhancement approach set out in this Development Guide is intentionally designed so that developers will have a good sense of the project 'health' at any given time, reducing the likelihood that substantial changes will be needed as development nears completion)

Let us know how we can improve this guidance

The purpose of the development guide and peer review is to ensure we are delivering digital services that meet user needs in a way that is both efficient and effective. To achieve this it must work for product teams. While the current version has emerged over several iterations to reflect lessons we have learned, we are keen for it to continue to evolve. We therefore actively encourage to contribution to the guide via either a pull request, discussion at Code Club or by raising an issue in GitHub.

front-end-development-guide's People

Contributors

ahosgood avatar ashgds avatar domjngo avatar gtvj avatar matt-blair avatar netdesignr avatar punalsc avatar sdwilkes avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

front-end-development-guide's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.