JavaScript

Event Loop (basically)

Agenda

1. Tipos de asincronia en JavaScript.

2. De Callbacks a Promises

3. Event loop

4. Preguntas

 

1. Tipos de asincronia en JavaScript.

Callbacks

app.get("/", (req, res) => {
	res.send('Hello from a callback')
})


function processDataCallback(data, cb) {

	if(data) {
    	cb({error:false, message:'its done'})
    } else{
	    cb({error:true, message:'its failed'})
    }

}


proccesDataCallback({name: 'Guillermo'}, (response) => {
	console.log(response)
})

Events

button.addEventListener("click", (ev) => {
	const itemId = ev.target.id;

	document.dispatchEvent(new CustomEvent("itemAdded", { detail: { item: itemId } }));
})



document.addEventListener("itemAdd", (ev) => {
	console.log('add new item')
})

Promises

fetch(`https://gutendex.com/books?search=${query}`)
  .then((response) => response.json())

2. De callbacks a Promises

3. Event Loop

4. Preguntas

JavaScript Event Loop

By Guillermo David Paredes Torrez

JavaScript Event Loop

Slides for MDevConf's talks 2020

  • 3