Tutorial series

Browser APIS

12 tutorials — follow in order for the best learning path.

1. Storage: localStorage, sessionStorage, and IndexedDB

   Learn how to store data in the browser using localStorage, sessionStorage, and IndexedDB. Understand when to use each storage API.

   12 min read · beginner
2. Fetching Data: fetch vs XMLHttpRequest

   Learn the differences between fetch() and XMLHttpRequest for making HTTP requests in the browser, and when to use each API.

   10 min read · beginner
3. The Geolocation API

   Learn how to get the user's location in the browser using the Geolocation API with navigator.geolocation.

   10 min read · beginner
4. The Notifications API

   Learn how to use the browser Notifications API to display desktop notifications to users, request permission, and handle notification events.

   10 min read · beginner
5. The Clipboard API

   Learn how to read from and write to the system clipboard using the modern Clipboard API in JavaScript.

   5 min read · beginner
6. The Intersection Observer API

   Learn how to detect when elements enter or leave the viewport using the Intersection Observer API for performant lazy loading and scroll-based features.

   8 min read · intermediate
7. The Resize Observer API

   Learn how to track element size changes with the Resize Observer API for responsive components, dynamic layouts, and adaptive interfaces.

   7 min read · intermediate
8. The Mutation Observer API

   Learn how to detect and respond to DOM changes using the Mutation Observer API for monitoring element additions, attribute changes, and text modifications.

   9 min read · intermediate
9. Web Workers: Running Code Off the Main Thread

   Learn how to use Web Workers to run JavaScript in background threads, keeping your UI responsive during heavy computations.

   10 min read · advanced
10. Service Workers and Caching

    Learn how to use Service Workers to cache resources, enable offline functionality, and intercept network requests for faster web applications.

    12 min read · advanced
11. WebSockets in the Browser

    Learn how to establish persistent bidirectional communication between browser and server using WebSockets. Build real-time features like chat and live updates.

    14 min read · intermediate
12. IndexedDB Client-Side Databases: A Practical Browser Storage Tutorial

    Learn IndexedDB client-side databases in the browser. Store structured data, run transactional writes, use cursors, and build reliable offline-first apps.

    15 min read · advanced