UC San Diego · Web Client Languages

CSE 134B

The web client, layer by layer: structure, presentation, interaction and delivery, built on foundations that every layer shares.

Foundations

The whole picture

Qualities

Layer 1
Structure
- URLs
- HTML: HTML as a language, The document, Elements, attributes and entities, Content models and validity, Landmarks and sectioning, Headings, text and lists, Tables, Interactive elements, The head and the machine-readable layer, Extending HTML
- Architecture (coming soon)
Layer 2
Presentation
- Images: Basics, Formats, SVG, HTML, CSS, Responsive, For people, Performance
- CSS: Basics, Selectors, Cascade, Values, Properties, Layout, Responsive, For people
- Fonts: Why type matters, A short history, Anatomy and vocabulary, Choosing and pairing, Fonts in CSS, Size, spacing and measure, Web fonts and performance, Variable fonts, The details, Type for people
- Color: Why color matters, How color works, Color in CSS, Deriving color, Choosing and pairing, Light and dark, Displays and environments, Color for people, Color across cultures
- Animation (coming soon)
- Audio & Video
Layer 3
Interaction
- Linking: The link, Where a link goes, What a click does, Links between documents, Links people can use, Links you can trust
- Forms: The form and its request, Form Fields, Organizing Forms, Accessibility and Usability, Form Security, Forms for People
- JavaScript
- APIs: DOM, Events, Components, Storage (coming soon)
Layer 4
Delivery
- Patterns
- HTTP (coming soon)
- continues in CSE 135