JayCesar / generation-bootcamp

[💻 Bootcamp ] Um programa de estudos de 3 meses da Generation Brasil, sendo cada qual destinado a diferentes tecnologias.
4 stars 0 forks source link

Frontend | Javascript #23

Open JayCesar opened 1 year ago

JayCesar commented 1 year ago

Existe um API do github que fornece dados de um determinado perfil https://api.github.com/

Então, eu preciso apensar adicionar meu nicknamer: https://api.github.com/users/JayCesar

fetch ()

Essa função acessa um endereço e trás tudo pára a gente

A função é conectar o Front com o Back por meio da URL; 2023-07-20_09h19_49

async function getApiGithub(){
    try {
        const dataProfile = await fetch('https://api.github.com/users/JayCesar') 
        const profile = await dataProfile.json();
        console.log(profile.name);
        // Pode ser que as informações não estejam prontas, e isso leva um tempinho...
        // Dependendo de como essa estrutura de requisição foi feita, isso pode gerar um tempo (o front é ansioso);
        // Resultado, essa demora pode gerar um erro, 'not found' 404;
        // Para resolver esse problema, foi criado uma Função Assíncrona: 
        // A Função Assíncrona vai esperar que um determiando recruso seja finalizado par acontinuar;
        // Eu fico aguardado os produtos (Whey Protein, BCA e Creatina): 
        // await = ESPERE!
        // Spinner (É oque fica carregando antes de entrar);
    } catch (error) {

    }
}
}

A fução innerHTML serve para pegar uma informação e colar no HTML