JavaScript Browser APIs & Storage

Course Progress

1. 1

   LocalStorage: Persistent Data Storage

   Store data in the browser that persists even after page refresh!

   Start Challenge
2. 2

   Storing Complex Data: Objects and Arrays

   Save and load complex data structures using JSON methods!

   Start Challenge
3. 3

   SessionStorage vs LocalStorage: Choosing Storage

   Understand the difference between temporary and persistent storage!

   Start Challenge
4. 4

   Fetch API: Making HTTP Requests

   Use the modern fetch API to get data from servers!

   Start Challenge
5. 5

   Fetch POST: Sending Data to Server

   Send data to servers using POST requests with fetch!

   Start Challenge
6. 6

   Loading States: User Experience with Fetch

   Manage loading states and provide good user experience during API calls!

   Start Challenge
7. 7

   Geolocation API: User Location Services

   Access user location using the browser´s geolocation API!

   Start Challenge
8. 8

   Notification API: Browser Notifications

   Send desktop notifications to users with the Notification API!

   Start Challenge
9. 9

   Complete App: Notes with Storage and Sync

   Build a complete notes application using all the APIs we´ve learned!

   Start Challenge