aula 11 programação orientada a eventos aula-11-programação-orietada-a-eventos.pdf

26
Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

Upload: internet

Post on 22-Apr-2015

123 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

Aula 11Programação Orientada a Eventosaula-11-programação-orietada-a-eventos.pdf

Page 2: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

O que é?

A programação orientada a eventos, também conhecida como programação baseada em eventos, é um paradigma de programação, isto é, um estilo de se programar, no qual a execução do programa é afetada por eventos.

Os eventos são guiados por sinais externos ao programa. Nesse paradigma os programas são pequenos trechos de código que executam ações em respostas a determinados eventos.

Page 3: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

O que é?

Programas orientados a eventos geralmente consistem em tratadores de eventos que são códigos que processam os eventos para produzir respostas. O código que realiza uma tarefa em resposta a um evento é chamado de handler do evento.

O handler é uma ação (método) que está associada a esse evento, no sentido de que seja realizada alguma ação quando esse evento ocorre.

Page 4: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

O que é?

Após um evento ser processado o sistema espera o outro evento ser disparado.

Os eventos estão na sua maioria associados a formulários e componentes de tela.

Esse paradigma é amplamente utilizado em desenvolvimento de sistemas que possuem interface com usuários, o funcionamento ocorre por um loop de eventos que ao ser disparado reage de acordo uma função vinculada a um evento.

Page 5: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

O que é?

Por exemplo, ao abrir uma janela ao clicar em um item do menu, é disparado um evento da seguinte forma: “Detectado o click do botão esquerdo do mouse na posição x, y”, o programa recebe essa notificação e dispara o evento.

Page 6: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

O que é?

Os eventos são funções executadas em um determinado momento, dependendo de seu tipo.

Por exemplo no Delphi, o evento FormShow de um formulário é acionado quando o formulário é apresentado; o evento MouseDown é executado quanto o cursor do mouse entre em contato uma determinada área da tela; MouseUp quando o botão do mouse é liberado de uma determinada área da tela.

Cada componente tem seus eventos, embora haja eventos que possuem nome e funcionalidades semelhantes em componentes distintos.

Page 7: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

Exemplo em JavaScript

Page 8: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

O que é?

Os paradigmas de programação não são mutuamente exclusivos, isto é, uma linguagem, e por consequência um programa, pode suportar múltiplos paradigmas.

Pode -se, portanto, criar programas combinado os paradigmas orientado a objetos/procedurais, orientado a eventos/objetos.

Page 9: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf
Page 10: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

O JavaScript é uma linguagem multiparadigma utilizada em vários tipo de software. Nos próximos exemplos vamos praticar a manipulação de evento com o JavaScript.

Os eventos estão diretamente ligados a componentes de tela do HTML.

Para cada exemplo abra o bloco de notas ou qualquer outro editor e utiliza o template de código disponível em: https://gist.github.com/johnidm/658564307c4432a61997

O código JavaScript será digitado dentro da tag script.

Page 11: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Primeiro exemplo

Page 12: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Variáveis

Page 13: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Estruturas de Decisão

Page 14: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Estruturas de Decisão

Page 15: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Funções sem vinculo

Page 16: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Funções sem vinculo

Page 17: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Operações matemáticas

Page 18: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Repetições

Page 19: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Repetições

Page 20: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Repetições

Page 21: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Botões - OnClick

Page 22: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Botões - OnClick

Page 23: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Caixas de texto - OnClick

Page 24: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Caixas de texto - OnClick

Page 25: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

JavaScript

Caixas de texto com saída de valor

Page 26: Aula 11 Programação Orientada a Eventos aula-11-programação-orietada-a-eventos.pdf

Exercícios