CSCI2720: Building Web Applications
From browser/server foundations and semantic HTML to responsive CSS, JavaScript, forms, Fetch and React.
1.1 Browsers, servers and web resources
Review seven web-development units, attempt twelve original questions, and use complete explanations and a 100-mark guide.
Browse chapters
Chapter 1
Web application foundations
Resources, requests and responsibilities across the browser and server.
- Read section
1.1 Browsers, servers and web resources
Trace a page from URL to response and distinguish document structure, presentation, browser state and server work.
Chapter 2
HTML and document structure
Express content meaning and relationships in a well-structured document.
- Read section
2.1 Semantic HTML documents
Build meaningful HTML documents with landmarks, links, lists, tables, images and correctly encoded text.
Chapter 3
Presentation and layout
CSS reasoning, responsive design and Bootstrap conventions.
- Read section
3.1 Responsive CSS and Bootstrap
Reason about the cascade, box model and responsive layouts, then read Bootstrap grids and utilities.
Chapter 4
JavaScript and the document
Language semantics, collections, DOM changes and event-driven state.
- Read section
4.1 JavaScript, functions and collections
Trace JavaScript values, control flow, functions and collection transformations.
- Read section
4.2 DOM events and object state
Connect document nodes, event propagation and object identity to a consistent browser interface.
Chapter 5
Forms and data exchange
Form meaning, validation and asynchronous request/response behavior.
- Read section
5.1 Forms, validation and Fetch
Build meaningful forms, validate input and trace asynchronous JSON requests with an in-memory service.
Chapter 6
Component-based interfaces
Declarative rendering, state, events and component identity.
- Read section
6.1 Components, state and rendering
Explain JSX, component inputs, state updates, list identity and lifecycle through a reading shelf.
Chapter R
References
Recommended books and primary technical documentation.
- Read section
References and further reading
Official recommended reading and a guide to web standards and technical documentation.