Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Construir um Cartão de Perfil de Usuário | Noções Básicas de React e Primeira Interface do Usuário
Introdução ao React

Desafio: Construir um Cartão de Perfil de Usuário

Deslize para mostrar o menu

Tarefa

Criar um cartão de perfil de usuário simples usando JSX. O cartão de perfil deve incluir:

  1. Uma imagem (elemento img).
  • O atributo src deve ser igual à variável avatarUrl;
  • O atributo alt deve ser igual à string User Avatar;
  • O atributo width deve ser igual a 120.
  1. Um título (elemento h2). O conteúdo de texto deve ser Alex Johnson.
  2. Um parágrafo (elemento p). O conteúdo de texto deve ser Frontend Developer.
  3. Outro parágrafo (elemento p). O conteúdo de texto deve ser Loves React and building UI projects.

Código Inicial

Abra o projeto inicial abaixo e complete as partes que faltam do componente.

Starter code

Solução

Você pode comparar seu resultado com a solução final abaixo.

Solution code

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 1. Capítulo 5
some-alt