CSE326 Internet Programming · HTML, CSS, JavaScript, browser APIs, Git
Every topic in one complete example
For each of the course's 77 topics, one page holds every tag, property, method or command of that topic, with look-alikes side by side so you can tell them apart. The comments compare them, say where each one is used, and give you TRY lines to change and see what happens.
43 of 77 topics are ready now. The rest are marked "Coming soon" below and are being added.
- Point at any word in the code (tap it on a phone): its meaning appears beside it.
- Press Run to see the result and the console underneath.
- Press Edit & experiment, follow a TRY line from the comments, and Run again.
No topic matches. Try a shorter word.
Unit 1 HTML Fundamentals
How the web works, and how to write correct, meaningful HTML5: structure, text, lists, links, images, SVG, media, SEO and good habits.
Unit 2 Semantic HTML and Forms
Pages with meaning: semantic layout, accessibility, forms and every input type, validation, tables, the WCAG standards and content that adapts to any screen.
Unit 3 Cascading Style Sheets
Making a page look the way you want: colours, fonts, spacing, layout with Flexbox and Grid, states, variables, responsive design and motion. Written for someone who has never styled anything before.
Unit 4 JavaScript Fundamentals
Your first programming language: values, variables, operators, strings, numbers, decisions, functions, scope, arrays and objects. Written for someone who has never written a program before.
Unit 5 Interactive Web Development
Making pages respond: loops, callbacks and higher-order functions, the DOM, events, generated content, accessible scripting, validation, regular expressions, dates, media, storage, fetch, location and drag-and-drop.
Unit 6 Web Application Development and Deployment
From working code to a live website: debugging, DevTools, error handling, interface and application design, code organisation, performance, Git and GitHub, GitHub Pages, best practices and working with GitHub Copilot.