AdvancedTopic 89 of 104Software & Computing

Web development

HTML, CSS and JavaScript build interactive browser applications.

In depth

The web platform: HTML structures content, CSS styles it, JavaScript adds behaviour; browsers render via DOM and CSSOM. Concerns: responsive design, accessibility (WCAG), performance (Core Web Vitals), SEO, security. Tools: dev tools, bundlers and frameworks.

Key points

  • Semantic HTML
  • Flexbox and Grid
  • Progressive enhancement
Example

A page with a form, style sheet and script is a complete small web app.

Why it matters

Web development builds the interfaces people use in browsers, so HTML, CSS and JavaScript are the basic skills for most software roles.

Where this is used

  • Building a dashboard that shows live sensor values in a browser.
  • Creating a form that validates input before sending it to the server.
  • Styling a page so it works on phones and desktops.

Frequently asked questions

What is Web development?

HTML, CSS and JavaScript build interactive browser applications.

Why is it important to understand web development?

Web development builds the interfaces people use in browsers, so HTML, CSS and JavaScript are the basic skills for most software roles.

What do HTML, CSS and JavaScript each do?

HTML gives structure, CSS controls appearance and layout, and JavaScript adds behaviour and interactivity.

Why does responsive design matter?

Users reach sites on many screen sizes, so layouts must adapt to avoid unreadable or cut-off content.

How is Web development used in practice?

Typical applications include building a dashboard that shows live sensor values in a browser, creating a form that validates input before sending it to the server and styling a page so it works on phones and desktops.

What should I learn before Web development?

Study "Secure software development" first (topic 88 of 104 in Software & Computing). It covers the groundwork this topic builds on.

What are the key points of Web development?

Semantic HTML. Flexbox and Grid. Progressive enhancement.

Can you give an example of Web development?

A page with a form, style sheet and script is a complete small web app.

What comes after Web development?

The next topic is "Front-end frameworks", which builds directly on this one.

How difficult is Web development?

It is classed as Advanced in Software & Computing (topic 89 of 104). It is an advanced topic. It assumes you are comfortable with the intermediate topics in Software & Computing.

Learning path

Want to practise? Open the interactive course for quick checks, quizzes, simulations and progress tracking.

Related topics