SlideShare uma empresa Scribd logo
1 / 6
JavaScript
Aula 04
2 / 6
Vamos interagir ?
● Relembrando a principal característica do javaScript é
interação com a pagina WEB, especificamente o
HTML.
● O JavaScript permite detectar praticamente qualquer
coisa que ocorre em uma pagina WEB, como um
usuário clicando botões, redimensionando a janela do
navegador ou fornecendo dado em um campo de texto.
3 / 6
Vamos praticar
● Eu lhes apresento
Arocha!
● Um mascote virtual
que precisa da sua
ajuda para
conseguir interagir
com os usuários
4 / 6
Vamos praticar
● Basicamente:
1. Criar uma pagina Web HTML
2. Adicionar um Alert() JavaScript para fazer
com que Arocha cumprimente o usuário
quando a pagina web for carregada.
3. Escrever o código JavaScript para solicitar o
nome do usuário, imprimir um cumprimento
personalizado e fazer a rocha sorrir.
4. Adicione uma sub-rotina de eventos ( função
) para quando o usuário clicarem na rocha, o
código escrito na etapa 3 seja executado.
5 / 6
Boa sorte!
6 / 6
6 / 6

Mais conteúdo relacionado

PPTX
Blogdefinições
PDF
Projeto Redesign ACIC
TXT
PPT
Dicas para seu site crescer
PPTX
Apresentação 5
PPSX
Apresentação 5
PDF
Javascript
Blogdefinições
Projeto Redesign ACIC
Dicas para seu site crescer
Apresentação 5
Apresentação 5
Javascript

Mais procurados (10)

PPTX
Lifestream Em Tumblr
PPTX
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
PPTX
PPTX
O que é blog
PPT
Como Criar e Editar um Blog
PPSX
Ação magalhães aula2
PPTX
Master App - Porque menos é mais!
PPTX
A utilização do Bootstrap Para a Otimização de Páginas
PDF
Acessibilidade na web
PDF
O que é Web 2.0
Lifestream Em Tumblr
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
O que é blog
Como Criar e Editar um Blog
Ação magalhães aula2
Master App - Porque menos é mais!
A utilização do Bootstrap Para a Otimização de Páginas
Acessibilidade na web
O que é Web 2.0
Anúncio

Semelhante a Aula07 - JavaScript (20)

PPTX
Módulo: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript
PPTX
Módulo 5 - Desenvolvimento de Páginas Web Dinâmicas - Javascript.pptx
PDF
Offline Web com Service Workers - Sérgio Lopes
PPTX
JavaScript - #Aula01 - Introdução
PDF
Ajax para quem_ouviu_falar
PDF
SEO para Front-End - BeagaJS
PPT
Minicurso de JavaScript (Portuguese)
PDF
Tchelinux: Go Web!
PPT
Criar um blog
PDF
Apostila ajax
PDF
RIA - Conhecendo o Adobe Flex 2
PPT
Tutorial sobre-flogs-12848
PPTX
JavaScript - #Aula03 parte 04 - Bichinho Virtual - Evento Onclick, Prompt, fu...
PPS
Tutorial Sobre Flogs
PPTX
Introdução básica ao JavaScript
DOC
Guia BáSico 3
PDF
Web Performance Client Side
ODP
Destruindo com AJAX: evitando o apocalipse - riojs
PPTX
Dreamweaver aula 1
Módulo: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript
Módulo 5 - Desenvolvimento de Páginas Web Dinâmicas - Javascript.pptx
Offline Web com Service Workers - Sérgio Lopes
JavaScript - #Aula01 - Introdução
Ajax para quem_ouviu_falar
SEO para Front-End - BeagaJS
Minicurso de JavaScript (Portuguese)
Tchelinux: Go Web!
Criar um blog
Apostila ajax
RIA - Conhecendo o Adobe Flex 2
Tutorial sobre-flogs-12848
JavaScript - #Aula03 parte 04 - Bichinho Virtual - Evento Onclick, Prompt, fu...
Tutorial Sobre Flogs
Introdução básica ao JavaScript
Guia BáSico 3
Web Performance Client Side
Destruindo com AJAX: evitando o apocalipse - riojs
Dreamweaver aula 1
Anúncio

Mais de Jorge Ávila Miranda (20)

ODP
Aula16 - Jquery
ODP
Aula15 - Array PHP
ODP
Aula13 - Estrutura de repetição (for e while) - PHP
ODP
Aula14 - Funções em PHP
ODP
Aula Herança
ODP
Aula05 - Poojava
ODP
ODP
Aula11 - PHP
ODP
ODP
Aula09 - Java Script
ODP
Aula08 - Java Script
ODP
Aula04-POOJAVA
ODP
Aula06 - JavaScript
ODP
Aula05-JavaScript
ODP
Aula04-JavaScript
ODP
Aula03 - JavaScript
ODP
Aula02 - JavaScript
ODP
Aula01-JavaScript
ODP
Aula07 - Arquitetura e Manutenção de Computadores
ODP
Aula06 - Arquitetura e Manutenção de Computadores
Aula16 - Jquery
Aula15 - Array PHP
Aula13 - Estrutura de repetição (for e while) - PHP
Aula14 - Funções em PHP
Aula Herança
Aula05 - Poojava
Aula11 - PHP
Aula09 - Java Script
Aula08 - Java Script
Aula04-POOJAVA
Aula06 - JavaScript
Aula05-JavaScript
Aula04-JavaScript
Aula03 - JavaScript
Aula02 - JavaScript
Aula01-JavaScript
Aula07 - Arquitetura e Manutenção de Computadores
Aula06 - Arquitetura e Manutenção de Computadores

Último (16)

PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PPTX
Arquitetura de computadores - Memórias Secundárias
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PDF
Processos na gestão de transportes, TM100 Col18
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PDF
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
PDF
COBITxITIL-Entenda as diferença em uso governança TI
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Arquitetura de computadores - Memórias Secundárias
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Processos na gestão de transportes, TM100 Col18
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Custos e liquidação no SAP Transportation Management, TM130 Col18
COBITxITIL-Entenda as diferença em uso governança TI

Aula07 - JavaScript

  • 2. 2 / 6 Vamos interagir ? ● Relembrando a principal característica do javaScript é interação com a pagina WEB, especificamente o HTML. ● O JavaScript permite detectar praticamente qualquer coisa que ocorre em uma pagina WEB, como um usuário clicando botões, redimensionando a janela do navegador ou fornecendo dado em um campo de texto.
  • 3. 3 / 6 Vamos praticar ● Eu lhes apresento Arocha! ● Um mascote virtual que precisa da sua ajuda para conseguir interagir com os usuários
  • 4. 4 / 6 Vamos praticar ● Basicamente: 1. Criar uma pagina Web HTML 2. Adicionar um Alert() JavaScript para fazer com que Arocha cumprimente o usuário quando a pagina web for carregada. 3. Escrever o código JavaScript para solicitar o nome do usuário, imprimir um cumprimento personalizado e fazer a rocha sorrir. 4. Adicione uma sub-rotina de eventos ( função ) para quando o usuário clicarem na rocha, o código escrito na etapa 3 seja executado.
  • 5. 5 / 6 Boa sorte!