Topic coverage
Front End Development topics we can work through with your actual brief
The page focuses on requirements, architecture, implementation and software quality. Each topic below should connect to a deliverable, test or explanation instead of appearing as isolated terminology.
01Semantic HTML and responsive CSS
Semantic HTML and responsive CSS often earns marks in more than one place: implementation, testing and explanation. Use Chrome DevTools to make the work reproducible, then discuss the important assumptions, edge cases and limitations.
02JavaScript DOM events and browser behaviour
When the brief includes JavaScript DOM events and browser behaviour, identify exactly what the marker expects to inspect. Build or analyse that part with Visual Studio Code, record meaningful evidence, and connect the outcome to a traceable link between requirements, design decisions and implementation.
03Accessibility and responsive interface testing
For accessibility and responsive interface testing, first define the expected behaviour or result, then apply it to the coursework brief using JavaScript. Capture evidence that demonstrates the result and explain how it relates to requirements, architecture, implementation and software quality.
04State, forms and user interaction
A useful way to approach state, forms and user interaction is to separate the concept from the deliverable. Work through a small example, verify it with Lighthouse, and only then scale the reasoning to the full assignment requirement.
05Fetch requests and API integration
Fetch requests and API integration should not appear as an isolated feature. Show how it interacts with the rest of the Front End Development task, how you tested it, and what the result means for the final technical report.