This document discusses different methods for client-side storage in web applications, including localStorage, sessionStorage, cookies, and offline caching. It covers the basics of how to use localStorage and sessionStorage for persistent and session-based storage, how to work with cookies including checking if they are enabled and settings like expiration, and explores other legacy storage options in Internet Explorer like userData. The document also provides an overview of application caching manifests for offline web applications.

1. JavaScript
Cookies
Client-Side Storage
Ivan Matiishyn
January, 2014

2. Agenda
▪ Web Storage
▪ Cookies
▪ IE User Data
▪ Offline Web Applications

3. localStorage & sessionStorage
▪ Storage API
▪ Object / Array notation
▪ Storage Lifetime and Scope

4. localStorage & sessionStorage
▪ Storage Events
– key
– newValue
– oldValue
– storageArea
– url

5. Cookies
▪ Are Cookies Enabled?
– navigator.cookieEnabled = true | false | undefined
▪ Lifetime
– max-age=<seconds>
– expires=<Date.toGTMString()>
▪ Scope
– path=/
– domain=.example.com
▪ Secure
– HTTP / HTTPS connection

6. Cookies
▪ Storing
▪ Reading
▪ Limitations standards
300 cookies /
browser
20 cookies /
server
4Kb /
One cookie

7. IE User Data
▪ DHTML behavior
▪ save(), load()

8. IE User Data
▪ userData expiration

9. Offline Web Applications
▪ The Application Cache Manifest

10. Questions?