JavaScript: Modern Browser APIs

Build truly great applications using JavaScript and a selection of modern browser APIs. Discover ways to improve data management, enhance app performance, and more.

Introduction

• Building apps with modern JavaScript
• What you should know
• Set up the development environment

1. Improving Performance

• Smoother animation with requestAnimationFrame()
• Faster navigation with prefetch
• Prioritized loading with preload
• Server communication with Beacon API
• Element visibility with Intersection Observer

2. Better Data Management

• Overview of data handling
• Easier Ajax with the Fetch API
• Simplified IndexedDB with localForage
• localForage and multiple instances
• Caching data with the Cache API
• Making storage persistent
• Getting device memory information

3. Advanced User Experiences

• Native overlays with the Dialog API
• Integrating with native notifications
• Detecting network conditions
• Using page visibility
• Going full screen with content
• Using full-screen events and styling
• Dynamic images with CSS Paint API
• Parameters with CSS Paint API

Conclusion

• Next steps