Core Technologies

Key Takeaways

[Music] there are a couple of new technologies you're going to see a lot of in this course those Technologies are the fetch API and Promises Promises make a synchronous programming much easier the fetch API is a replacement for xmlhttp request built on promises in this example we're getting a Json file parsing it and capturing any exceptions that occur this is much simpler than writing a collection of event handlers and simplifies code reuse the key here is the then function it takes a function reference and waits for the previous operation to complete before calling the function if any errors occur it transfers execution to the catch at the end we're going to use a lot of anonymous functions in this course you can use the same function declarations you've always used or use the new es 2015 fat Arrow syntax to declare a function the new syntax takes a list of parameters on the left the equals greater than arrow and a code body on the right take a moment to look at this shorthand as we will be using it frequently using fat Arrow functions lets us rewrite the first example more concisely we call fetch pass the result to a function and we catch any exceptions with the second function that probably went by quickly so take a moment to try these in your browser's console they work in most modern browsers but check your favorite source for Fetch and Promises support open the browser's console and type in this quick fetch sample it gets index.html in the local directory and shows the result try it with and without an index.html file you can find this sample in the core Technologies lab folder under fetch. text let's try this sample that retrieves a Json file just change the file name to animals. Json and the response decoder from TCH to Json all lowercase this time it fetches animals. Json which is in the core Technologies folder and decodes the Json and that's it don't worry if that went by quickly we'll take a deeper dive into Fetch and Promises in a bit please take a few minutes and experiment with these examples before moving on to the service worker