Herbert : Asynchronous Programming: 3 weeks

[HerbertHomolka1]

Asynchronous Programming

• My forked repo
• Stop watch repo
• The get joke App

Learning Objectives

• [x] 🥚 You understand the JavaScript Event Loop, and can demonstrate this by using setTimeout and setInterval to schedule simple tasks.
• [ ] 🥚 You can explain why Asynchronous Programming is important for programs that have blocking and non-blocking tasks.
• [ ] 🥚 You can explain the basics of the Client/Server model and HTTP requests and can fetch data from RESTful APIs.
• 🐣 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:
  • [ ] dependent tasks_: The return value from one task is required to start the next task, these must be completed in a specific order - .then
  • [ ] Independent tasks_: These tasks do not use each other's return values, they can be completed at the same time - Promise.allsystem.
• [ ] 🐣 You can fetch data from an API and render it into the DOM using /api-calls, /handlers and async/await syntax.
• [ ] 🐣 You can write unit tests for functions that return promises using async/await syntax.

Week 1

I Need Help With:

nothing

What went well?

• I understand how and when to use setTimeout() and setInterval as well as clearInterval()

• I understand the js event loop

  What went less well?

  • I must work more on seperation of concerns and promises.

Lessons Learned

• I know how to run different tasks asynchroniously.

Week 2

I Need Help With:

I would like to practice a little with other students. Eben has time after class this sunday

What went well?

• It was a bad week. I am sorry

  What went less well?

  • My computer broke. Writting this at friend's house.

Lessons Learned

• Nothing. I am very sorry

Week 3

I Need Help With:

• i.then() syntax & seperation of concerns in my file. Where to put URL manipulation (adding flags to url for example)

What went well?

• I managed to make a working Get Joke App, although I will still work on it today (friday) to add more user options.

  What went less well?

  • I wanted to start the other project (weather app) but didn't have much time this week.
  • I need more time to get comfortable with .then()
  • I feel like my seperation of concerns skills are lacking. Should my URL manipulation be in handlers or in utils.

Lessons Learned

• I learned how to use async await

[bermarte]

## What went less well?

should produce the following formatted text:

What went less well?

You should be able to see it, it's something you wrote.

[sammou00]

@HerbertHomolka1 as for the url where to put it , you can put it in your apis function or your data.js as for then

const getUsers = () => {
    return fetch(`https://jsonplaceholder.typicode.com/users`)
        .then((res) => {
            if (!res.ok) {
                throw new Error(
                    `Failed to fetch users with status: ${res.status}`,
                );
            }
            return res.json(); // convert the response to a JavaScript object
        })

        .catch((Error) => {
            console.error(err);
            return null;
        });
};

const needData = (data) => {};

const HandlerUser = () => {
    getUsers().then((data) => {
        console.log(data); // you will get here what ever the first then return so in this case data
        // here you can do whatever you want with your data , you can loop throw them because they are an array in this case
        // you can pass them to another function if you want to
        needData(data);
    });
};

HandlerUser();

there are a lot of examples on my gitHub account check them.