Web Development Essentials with HTML, CSS, and JavaScript

Create responsive websites with HTML, CSS, and JavaScript

Every modern web application starts with the same core foundations: structure, styling, and interactivity. On this introductory course, you’ll learn how the web works and use HTML, CSS, and JavaScript to create responsive, interactive pages from the ground up.

Start by exploring how browsers, servers, and HTTP work together to deliver websites. You’ll then use semantic HTML to structure content including text, links, images, forms, and tables, while considering accessibility from the outset.

Shape flexible layouts with CSS

Move from structure into presentation as you work with the CSS box model, flexbox, and grid. You’ll learn how responsive design helps pages adapt across different screen sizes and practise creating layouts that remain clear and usable across devices.

Add interaction with JavaScript

Explore JavaScript fundamentals including variables, data types, functions, conditionals, loops, arrays, and objects. You’ll then manipulate the Document Object Model (DOM), respond to user events, and use modern ES6+ features to bring pages to life.

Bring your front-end skills together

Apply HTML, CSS, and JavaScript in a complete responsive multi-page website. Along the way, you’ll establish the practical foundation needed to progress into component-based front-end development with React.

By the end, you’ll understand how websites are structured, styled, and made interactive, and you’ll have created a working web project using the core technologies of front-end development.

This course is for aspiring web developers, front-end developers, software engineers, designers moving into development, and career changers who want a practical introduction to HTML, CSS, and JavaScript. No prior programming experience is required.

No prior web development or programming experience is needed—basic computer skills suffice. All tools are introduced from the start: Visual Studio Code, a modern browser with developer tools, a local development server, and Claude Code. Requirements: a suitable computer, stable internet, and Claude Code access for the AI-assisted activities.

This course is for aspiring web developers, front-end developers, software engineers, designers moving into development, and career changers who want a practical introduction to HTML, CSS, and JavaScript. No prior programming experience is required.

• Explain how browsers, servers, and HTTP work together to deliver web pages.
• Create semantic HTML pages with structured content, tables, accessible forms, and keyboard-friendly navigation.
• Apply CSS styling, Flexbox, Grid, and media queries to build responsive layouts and visible interaction states.
• Develop interactive features using JavaScript functions, arrays, objects, DOM manipulation, browser events, and form validation.
• Practice ES6 modules, Fetch, and async/await to organize code and load JSON data with appropriate loading and error handling.
• Evaluate AI-assisted code changes using browser DevTools and checks of functionality, responsiveness, and accessibility.