JavaScript binary data
JavaScript binary data, ArrayBuffer, Blob, File, and FileReader
Learn JavaScript binary data with focused lessons on ArrayBuffer, TypedArray, DataView, TextDecoder, TextEncoder, Blob, File, FileReader, download progress, and resumable uploads.
Binary data and file API lessons
ArrayBuffer and binary arrays
Work with raw binary memory, ArrayBuffer, TypedArray views, DataView, offsets, and byte-level data.
Outcome: Read and transform binary data without converting everything to strings.
- JavaScript ArrayBuffer
- TypedArray
- DataView
TextDecoder and TextEncoder
Convert between binary bytes and text with TextDecoder, TextEncoder, encodings, and streaming decode.
Outcome: Decode binary responses and encode text payloads correctly.
- TextDecoder JavaScript
- TextEncoder JavaScript
- UTF-8 JavaScript
Blob data
Represent immutable file-like binary data with Blob, object URLs, slices, and generated downloads.
Outcome: Create and handle browser-side files and downloadable binary content.
- Blob JavaScript
- object URL
- binary file JavaScript
File and FileReader
Read user-selected files with File and FileReader for text, data URLs, ArrayBuffer, and preview workflows.
Outcome: Process local files safely in browser interfaces.
- FileReader JavaScript
- File API
- read file JavaScript
Download progress
Track streamed fetch responses and measure download progress for large binary or text resources.
Outcome: Show meaningful progress while receiving large network responses.
- fetch download progress
- ReadableStream
- JavaScript progress
Resumable file uploads
Resume interrupted uploads by slicing files, tracking offsets, and coordinating upload state with a server.
Outcome: Handle large file uploads with recovery instead of starting over.
- resumable upload JavaScript
- file upload JavaScript
- Blob slice