Web Development · Intermediate level

Intermediate level · Module 6: Multi-Page Website Project · Lesson 3 of 3

Testing, Deployment and Handover

Test the site thoroughly, deploy it and hand it over to the client with documentation.

In this lesson you will

  • Test functionality, accessibility and performance before launch
  • Deploy the project and prepare a handover

Key concepts

test planaccessibility and Lighthouse checksdeploymenthandover document

The lesson

Test against the requirements: every page, form and error case, on phones and desktops, with throttled networks and with the keyboard only. Fix issues through the normal pull request process.

Deploy the front end to a static host and the API to a service that runs Node.js, or document how to run it locally. Configure environment variables on the host, not in code.

Hand over with a short document: how to update content, where the code is, how to deploy and who to contact. A client who cannot maintain the site will soon have an outdated one.

Step by step

  1. Run the test plan and fix issues.
  2. Run accessibility and Lighthouse checks.
  3. Deploy the front end and API.
  4. Write the handover document and present to the client.

Practice activity

Deploy the project, hand it over and present it.

Expected result: A live front end, a running or documented API, a handover document and a team presentation.

Check your understanding

  1. Where should production settings such as database URLs be configured?

    Show answer

    As environment variables on the host.

  2. What should a handover document cover?

    Show answer

    How to update content, where the code is, how to deploy and who to contact.

Taught live by an instructor — online or in person. Free course lessons are for self-study and do not lead to a certificate — see registration options.