Useful Resources
The standards and documentation below are the best places to confirm behavior and browser support. Always prefer current specifications over older tutorials.
Specifications
- Fetch Standard - defines requests, responses, headers, and CORS behavior.
- XMLHttpRequest Standard - the legacy interface still used for upload progress.
- Streams Standard - readable, writable, and transform stream semantics.
- URL Standard - parsing and serializing URLs and search parameters.
- HTTP Semantics - methods, status codes, and caching rules.
Vendor documentation
- MDN Web Docs - Fetch API, Streams API, AbortController, and CORS guides.
- web.dev - practical guidance on performance and network patterns.
- Chrome and Firefox developer documentation - implementation notes and flags.
- Can I use - browser support tables for individual features.
Tools
- Browser developer tools - network panel for headers, timing, and payloads.
- curl and HTTPie - reproduce requests outside the browser.
- Postman or similar clients - inspect API behavior and authentication.
- Lighthouse - flags blocking requests and oversized payloads.
Related topics to study next
- Cross-Origin Resource Sharing and preflight requests.
- Service workers and the Cache API.
- Server-sent events and WebSockets for push updates.
- HTTP caching with ETag, Last-Modified, and Cache-Control.
- Content Security Policy for safer script execution.
How to read a network trace
Open the network panel, reproduce the request, and inspect the request headers, response headers, status, timing, and payload. Most AJAX bugs become obvious once the actual exchange is visible: a missing content type, a preflight rejection, or a redirect that strips the body.
Practice projects
- Build a paginated list that cancels stale requests.
- Create an upload form with validation and progress feedback.
- Stream a large CSV into a table without freezing the page.
- Add a retry queue for offline form submissions.