Ashenafi: asynchronous-programming, 3 chapters

[ashenafykebede]

Study Plan

Learning Objectives

• [x] 🥚 You understand the JavaScript Event Loop, and can demonstrate this by using setTimeout and setInterval to schedule simple tasks.
• [x] 🥚 You can explain why Asynchronous Programming is important for programs that have blocking and non-blocking tasks.
• [x] 🥚 You can explain the basics of the Client/Server model and HTTP requests and can fetch data from RESTful APIs.
• [x] 🥚 You can convert built-in Node modules from consuming callbacks being promises.
• [ ] 🐣 You can write and run JavaScript for Node.js or for the Browser. Both environments run JavaScript but they have some important differences!
  • [ ] use cases: You can explain some use cases that are unique to each runtime.
  • [ ] built-in APIs: You can list some of the key APIs available in each environment, and why they are not available in the other.
  • [ ] module systems: You can explain the difference between CommonJS Modules in Node.js and ES Modules in the Browser. You can write and use programs written with either system.
• [x] 🐣 You can break down an asynchronous problem into smaller tasks and solve it using promises. This includes identify which tasks depend on each other and which are independent:
  • [x] dependent tasks: The return value from one task is required to start the next task, these must be completed in a specific order - .then
  • [x] independent tasks: These tasks do not use each other's return values, they can be completed at the same time - Promise.all
• [x] 🐣 You can trace, refactor and write code that accesses the file system between these 3 different syntaxes:

1. • [x] Callbacks
2. • [x] Promises
3. • [x] async/await

• [ ] 🐣 You can step through a Node.js command line application using the VSCode debugger.
• [x] You can write small programs with a Data Access layer that asynchronously uses data stored in different locations:
  • [x] 🐣 Browser: You can write a small web page that fetches data from a RESTful API and renders it into the DOM.
  • [x] 🐥 Node: You can write a small CLI program that reads user input from process.argv and reads/writes the file system.

[ashenafykebede]

Chapter 1: the event loop

I pushed my changes to the practice repo

Check-In

I Need Help With:

• Nothing

What went well?

Understanding the purpose of the event loop and callstack

What went less well?

• Only covered few examples and exercises due to tight schedule

Lessons Learned

• the event loop,
• event/task queue ,
• call stack
• settimeout
• set interval
• promises
• resolve vs reject
• .then vs .catch

Sunday Prep Work

• reading about Sequential vs. Parallel and async-await

[ashenafykebede]

Chapter 2: Sequential vs. Parallel

I pushed my changes to the practice repo

Check-In

I Need Help With:

• Nothing

What went well?

• I had a better time to work on the exercises
• I love the way the promistaurant topic presents the concept of parallel , sequential and mixed executions. It can't be more clearer than this. Kudos to our coaches for preparing it.

What went less well?

• nothing

Lessons Learned

• Sequential execution,
• Parallel execution,
• mixed executions
• promise.all()
• asynch/await

Sunday Prep Work

• reading about fetch and api calls

[ashenafykebede]

Chapter 3: fetch and api-calls

I pushed my changes to the practice repo

Check-In

I Need Help With:

• Nothing

What went well?

• I had a better time to work on the exercises

What went less well?

• nothing

Lessons Learned

• api calls
• fetch
• promise.all()
• asynch/await
• Working on separation of concerns with api calls

Sunday Prep Work

• reading about cms