Do curso: Desafio de Programação: JavaScript

Acesse uma demonstração gratuita desse curso

Cadastre-se hoje mesmo e acesse mais de 24.800 cursos criados por especialistas.

Cinco conexões

Cinco conexões

Você criará um novo componente para o seu espaço, um aplicativo de mídia fictício e inovador que permite encontrar e visualizar novas conexões. Sua solução deve utilizar async/await. Funções declaradas com a palavra chave async permitem escrever código assíncrono de forma mais clara e parecida com código síncrono. Neste desafio você irá integrar chamadas de API e utilizar manipulação dinâmica do DOM para construir a interface de conexões. Você deverá criar uma função assíncrona que utilize a API RandomUser para buscar dados de cinco pessoas. Com base nos dados JSON retornados pela API, será necessário gerar miniaturas de imagem dinamicamente para representar essas cinco conexões. Utilize a função Fetch para fazer chamadas à API. Vamos usar o endpoint da API RandomUser com o parâmetro results igual a cinco, para trazer cinco pessoas. Use a async e await para esperar a resposta da API antes de continuar a execução. Verifique se as fotos de perfil das cinco conexões estão sendo exibidas…

Conteúdos