13. HTML5 Powerful Web APIs

1. HTML5 as an App Platform

Basic: Web browsers ab sirf text document reader nahi hain, unme mini operating systems ban gaye hain. HTML5 features aur JavaScript ke set ko Web APIs kehte hain jo website ko native Mobile App jaisi power dete hain.

2. Web Storage API (The Cookie Killer)

Pro: Pehle application data Cookies (max 4KB limit) mein client-server transfer hota tha jo security risk aur load increase karta tha. Ab Web Storage engine (5MB-10MB limit) direct browser ke local runtime par chalta hai:

• LocalStorage: Data device memory mein permanently persistent rehta hai (JS mein: localStorage.setItem('theme', 'dark')). Application tab band hone ke baad bhi data intact rehta hai. JWT auth tokens aur heavy app settings yahin save hoti hain.
• SessionStorage: Data purely ek specific Browser Tab Session ke scope mein zinda rehta hai. Tab ka 'X' close karte hi OS memory automatically clear kar deta hai. Form data temporary hold karne ke liye best hai.

3. Geolocation API (Location Tracking)

Pro: Swiggy, Uber jaisi apps is API par depend karti hain. navigator.geolocation.getCurrentPosition() async callback trigger karta hai. Yeh hardware level GPS ya IP triangulation (wifi mapping) use karke Latitude/Longitude pass karta hai. Browsers security ke liye yeh prompt enforce karte hain aur Secure Context (HTTPS) ke bina ise total block kar dete hain.

4. Web Workers (JavaScript Multithreading)

Pro: JavaScript design se strictly Single-Threaded hai. Agar browser UI thread (Main thread) par heavy loop ya image processing calculation daal de, toh page 'unresponsive' freeze ho jayega. Web Workers ek naya OS-level thread background mein spawn kar dete hain aur main UI free rehti hai. In threads ka DOM manipulation access band hota hai, ye message-passing mechanism (postMessage) par baat karte hain.

5. Server-Sent Events (SSE)

Pro: Agar aapko live cricket scores update karna hai toh polling (har 2 second mein ajax request) server crash kar sakti hai. WebSockets setup karna costly hai. SSE (EventSource API) lightweight uni-directional connection establish karti hai jisme Server browser par HTTP chunks ke zariye live continuous data flow karwata rehta hai bina new connection banaye.