- [Instructor] Before we get started working with the latest browser APIs, let's take a moment and get our development environment set up. I'm going to be using visual studio code as my code editor, but as I said earlier, you can use whatever code editor you like. One of the main reasons I really like using VS Code is that there are some really nice extensions available for all kinds of development tasks, so if you want to get your environment set up like I'll be using it in this course, then follow along with me here. First, place your exercise files folder wherever it's most convenient for you to access. I've put it on my desktop to make recording easier, but you can start wherever you want. Then once you've installed VS Code, go to the extensions view and type in Live Server in the search box, and this should produce a list of results for various extensions that let you preview web pages in a local development server which we'll need for some of these APIs. I've already installed this one called Live Server which has a lot of installs and is free. So this extension will make it easier for us to see our results as we go through the course, so go ahead and install this. And I'm also going to be using an online resource called httpbin.org. And this is useful for viewing real time data from a remote server, and it doesn't require you to set anything up. But you should spend a few minutes checking it out and getting familiar with it. The reason I like httpbin is because it's a great resource for testing out web apps. For example, I can generate sample JSON data just by going to httpbin.org/JSON. And there you can see, if I choose the raw data, and there you can see the sample JSON data. So spend a few minutes touring this site and getting familiar with it, and perhaps try out some of the samples. OK, so once you've got everything here in place, you should be ready to go.
- Integrating with native notifications
- Caching data with the Cache API
- Faster page loading with prefetch and preload
- Improving animation with requestAnimationFrame
- Making storage persistent on devices
- Detecting network conditions and quality
- Displaying page content in full-screen mode