If you're seeing this message, it means we're having trouble loading external resources on our website.

Se você está atrás de um filtro da Web, certifique-se que os domínios *.kastatic.org e *.kasandbox.org estão desbloqueados.

Conteúdo principal

O que são botões?

Botões. Botões, botões, botões! Além de ser a forma do meu nariz, um botão é uma área na qual você clica para fazer algo acontecer. Dê uma olhada nesta página, quantas coisas parecidas com um botão você vê? Dê uma olhada ao seu redor, quantas coisas parecidas com um botão estão a sua volta?
Há botões por toda parte, e você frequentemente vai querer algum tipo de botão nos programas que você fizer. Veja esses programas que pegamos como exemplo para ver como eles usam botões:
Captura de tela do Mini Putt
Captura de tela do programa 6 Reasons Not to Be a Fly
Captura de tela do programa 3D Roller Coaster
Há alguns ambientes de programação que fornecem botões e outros elementos de interação com o usuário, como HTML para as páginas web, mas ProcessingJS não é um deles. Ao invés disso, ProcessingJS nos dá blocos de construção:
  • comandos para desenhar formas e texto
  • formas de lidar com eventos
  • formas de detectar a posição do mouse.
Podemos juntar esses blocos para criar botões, e assim, vamos aprender mais sobre programação. Vamos começar com o botão mais simples possível, e então deixar nosso código mais reutilizável com funções, e por fim organizá-lo ainda mais com princípios de orientação a objetos.
Vamos em frente com a criação de botões!

Quer participar da conversa?

  • Avatar male robot johnny style do usuário Augusto Carvalho Rolim
    Por mais que o fato de não ter vídeos possa ser justificado pelo fato que nesta unidade praticamente apenas usamos o que aprendemos até agora, confesso que a existência de vídeos faria com que a compreensão do conteúdo fosse melhor, assim como nas outras unidades.
    (3 votos)
    Avatar Default Khan Academy avatar do usuário
  • Avatar blobby green style do usuário bernardo.figueiredo53
    Eu realmente estou me esforçando para entender como criar um botao mas nao consigo.Sugestao fazer um video explicando mais informalmente e detalhado a forma de como fazer um botao.
    (1 voto)
    Avatar Default Khan Academy avatar do usuário
  • Avatar blobby green style do usuário glauberely
    Botões. Botões, botões, botões! Além de ser a forma do meu nariz, um botão é uma área na qual você clica para fazer algo acontecer. Dê uma olhada nesta página, quantas coisas parecidas com um botão você vê? Dê uma olhada ao seu redor, quantas coisas parecidas com um botão estão a sua volta?
    Há botões por toda parte, e você frequentemente vai querer algum tipo de botão nos programas que você fizer. Veja esses programas que pegamos como exemplo para ver como eles usam botões:
    Captura de tela do Mini Putt
    Captura de tela do Mini Putt
    Mini Putt
    Captura de tela do programa 6 Reasons Not to Be a Fly
    Captura de tela do programa 6 Reasons Not to Be a Fly
    6 Reasons Not to Be a Fly
    Captura de tela do programa 3D Roller Coaster
    Captura de tela do programa 3D Roller Coaster
    3D Roller Coaster
    Há alguns ambientes de programação que fornecem botões e outros elementos de interação com o usuário, como HTML para as páginas web, mas ProcessingJS não é um deles. Ao invés disso, ProcessingJS nos dá blocos de construção:
    comandos para desenhar formas e texto
    formas de lidar com eventos
    formas de detectar a posição do mouse.
    Podemos juntar esses blocos para criar botões, e assim, vamos aprender mais sobre programação. Vamos começar com o botão mais simples possível, e então deixar nosso código mais reutilizável com funções, e por fim organizá-lo ainda mais com princípios de orientação a objetos.
    Vamos em frente com a criação de botões!
    (1 voto)
    Avatar Default Khan Academy avatar do usuário
Você entende inglês? Clique aqui para ver mais debates na versão em inglês do site da Khan Academy.