Request com Promise

Asíncronissidade

Promise ES6

setTimout

setTimeout(() => {
 console.log('Bem vindo!');
}, 5000);

São funções temporizadoras. 

Fetch

let post = fetch('http://localhost:3000/api/produtos');

console.log(post);

São funções temporizadoras. 

Fetch

post
.then(data => data.json())
.then(data => data.map(produtos => {
   
    //script criado na aula de XMLHTTPRequest
    let _ul = document.getElementsByClassName("heroList")[0];//clonei o meu ul
    console.log(_ul);
    let _li = _ul.childNodes[1];
     _li = _li.cloneNode(true);

    let _spanNum =   _li.getElementsByClassName('numero')[0];
    let _spanName =  _li.getElementsByClassName('heroName')[0];

    _spanNum.innerHTML = produtos.id;
    _spanName.innerHTML = produtos.nome;

    _ul.appendChild(_li);

}))
.catch(err => console.error(err))

Resultado