Introduction to Asynchronous JavaScript

Unlock the understanding of asynchronous JavaScript as we delve into the fascinating world of non-blocking code execution. In this session, our primary goal is to equip you with a comprehensive understanding of asynchronous programming and why it operates distinctly from its synchronous counterpart.

We will embark on a journey to unravel the complexities of working with asynchronous JavaScript, gaining insights into the mechanics that power asynchronous code and the reasons behind its unique behavior. Throughout the session, we will explore fundamental concepts such as callbacks, promises, and the modern async/await syntax.

Prepare to demystify the intricacies behind the scenes as we dissect the inner workings of asynchronous code execution. Whether you're a seasoned developer or just starting your coding journey, this session promises to provide valuable insights, empowering you to write more efficient and responsive JavaScript code.

By the end of our time together, you will not only comprehend the core principles of asynchronous programming but also possess practical knowledge to leverage callbacks, promises, and async/await effectively in your own projects. Join us for an illuminating exploration of the asynchronous realm, and take your JavaScript skills to new heights!

Transcript

1. Intro to Asynchronous JavaScript Krishna Neupane
2. About Me Working as a software developer for more than 8 years, especially focused around JavaScript and it’s ecosystem. Twitter - @krishneup LinkedIn - https://linkedin.com/feed/krishneup Website - krishneup.com
3. Goal: • Understand what asynchronous code is and why it works differently from synchronous code • Learn how to work with asynchronous JavaScript • Understand whats happening behind the scene • Understand callbacks, promises, async/await
4. JavaScript is single threaded • By Default code is generally synchronous • It is expected to be non blocking • Interprets line by line.
5. Guess the result ???
6. Output
7. Why does this happens?
8. How JavaScript works?
9. Callstack • keeps track of the functions currently being executed
10. Callback Queue • To manage and execute asynchronous operations
11. Let’s see callback queue use cases
12. 1. Handling Asynchronous Events
13. 2. SetTimeout and SetInterval
14. 3. Promises
15. 3. More about promises
16. 4. I/O Operations
17. Writing asynchronous code
18. Async/await
19. Promises chaining
20. Error Handling
21. Helpful Tools • Chrome Devtools • ESLinter like ESLint and Prettier • Testing framework like jest, mocha,etc • Code Profiling