The Hard Parts of Asynchronous JavaScript

• Understand and use new JavaScript features from ES6+: iterators, generators, promises, and async/await.
• Learn how promises work internally to manage asynchronous code.
• Fix asynchronous code design issues with promises.
• Use iterators and generators for asynchronous control flow.
• Gain insight into the JavaScript call stack, event loop, and callback queue.
• Learn about the micro-task queue and how it interacts with promises.
• Explore browser APIs for handling asynchronous tasks.
• Solve complex asynchronous problems with confidence.

In this course, you will develop an intuitive understanding of the new features of JavaScript in ES6+: iterators, generators, promises, and async/await. You'll understand how promises are implemented under-the-hood to truly help fix the challenge of inversion of control in asynchronous code design. Plus, use iterators and generators to master asynchronous control flow. Go under the hood and solve complex async challenges by using the call stack, event loop, callback queue, micro-task queue and browser APIs so that you can navigate complex asynchronous problems, easily!

This course is aimed at individuals with some prior knowledge of JavaScript who are looking to expand their expertise and tackle more complex asynchronous programming challenges.

• JavaScript Developers: Developers who have a basic understanding of JavaScript and want to deepen their knowledge of ES6+ features.
• Frontend and Fullstack Developers: Professionals seeking to enhance their skills in handling asynchronous operations in web applications.
• Intermediate-Level Programmers: Programmers who have experience with JavaScript and want to learn more about advanced asynchronous concepts and control flow.
• Software Engineers: Engineers looking to understand the underlying mechanisms of asynchronous JavaScript, including the call stack, event loop, and browser APIs.
• Technical Enthusiasts: Individuals interested in gaining a comprehensive understanding of modern JavaScript features and improving their problem-solving skills in asynchronous programming.
• Students in Computer Science or Web Development: Those studying programming and seeking to build practical skills with the latest JavaScript standards and asynchronous techniques.

Basic Knowledge of JavaScript: Understanding of JavaScript fundamentals, including variables, data types, functions, and basic control structures.

• Familiarity with ES5 Features: Prior experience with JavaScript features up to ECMAScript 5, such as objects, arrays, and functions.
• Experience with Asynchronous Programming: Some experience with asynchronous programming concepts, such as callbacks, is helpful.
• Understanding of HTML and CSS: Basic knowledge of HTML and CSS to understand how JavaScript interacts with web pages.
• Development Environment Setup: Ability to set up a JavaScript development environment, including a code editor (such as Visual Studio Code) and Node.js for running JavaScript outside the browser.
• Problem-Solving Skills: Basic problem-solving skills to apply new concepts and techniques to solve asynchronous challenges.

1. Introduction
2. JavaScript Code Execution
3. Introducing Asynchronicity
4. Asynchronous Web Browser APIs
5. Asynchronous Web Browser APIs Q&A
6. Calling the Outside World
7. Calling the Outside World Q&A
8. Wrapping Up
9. Web Browser APIs
10. Asynchronous Exercises
11. Introducing Promises
12. Promises
13. Promises Q&A
14. Promises & Microtask Queue
15. Microtask Queue Q&A
16. Wrapping Up Promises
17. Return Function Inside a Function
18. Return Next Element with a Function
19. Iterator Function
20. Iterators Exercise
21. Generators
22. Generator Functions with Dynamic Data
23. Generators Q&A
24. Introducing Async Generators
25. Async Generators
26. Async Generators Q&A
27. Async Await
28. Wrapping Up