What this course develops
Move from static pages to responsive user experiences. This course combines semantic HTML with JavaScript events, DOM manipulation and interface logic to create a richer interactive website.
Course content
Structure for interaction
Design HTML that is easy for JavaScript to select, update and control.
DOM selection & manipulation
Read and modify text, attributes, classes and elements dynamically.
Events
Respond to clicks, form input, keyboard activity and other browser events.
Forms & validation
Capture user data, validate entries and provide useful feedback.
Interface state
Track what the user has done and change the interface accordingly.
Reusable components
Organise interaction logic into clear functions and repeatable patterns.
Responsive interaction
Ensure interactive elements remain usable across different screen sizes and input methods.
Interactive website project
Build a multi-feature interactive web experience and test it as a user.
Learning outcomes
- Build interactive behaviour into structured HTML.
- Use DOM manipulation and events effectively.
- Validate forms and manage interface state.
- Organise front-end JavaScript more clearly.
- Complete and test an interactive website project.
Teaching approach
Teaching is live and tutor-led. Concepts are explained, demonstrated and then applied through guided exercises. Learners are expected to make decisions, attempt tasks, test their work and discuss errors rather than simply watch a completed solution.
Delivery options
This course can be delivered online. In-person delivery can also be requested and is subject to location, tutor availability, programme scheduling and any equipment or venue requirements.
Who it is for
This is a intermediate course suitable for learners who want structured development in web development · javascript. If you are unsure whether the starting level is right, use the application form to describe your current experience and we can review the request.