Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
Roteiro 05 - Incorporando o JavaScript ao HTML (1)
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
DES. WEB – (HTML5, CSS, JS E) - ARA0062-1001
Roteiro 05 - Incorporando o JavaScript ao HTML
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Proposta
• Incorporar o JavaScript ao HTML
• Implementar algoritmos em JS
• Implementar ações por meio de botões
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Interface inicial do Editor
Área de trabalho ou codificação
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Passo 1– Criando um Arquivo Html
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Passo 2– Salvando o arquivo com extensão JS
SALVE O ARQUIVO EM
UM DIRETÓRIO COM O
NOME INDEX_JS.HTML
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Passo 3– digite a tag <html> e pressione ENTER
Adicione o titulo da
página
”INCORPORTANDO O JS
AO HTML”
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Passo 4– digite o código a seguir:
<script>
document.write(“Programando em JS!");
</script>
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Passo 5– digite o código a seguir:
<script>
<button type="button" onclick="alert('Bem
vindo(a) a nossa página!')"> Clique Aqui!</button>
</script>
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Passo 6– digite o código a seguir
Função que será
acionada por meio do
botão.
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Passo 7– Digite o código a seguir
Função para alternar as
imagens de uma para
outra.
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Passo 8– Criando mensagem via botão
Função para exibir uma
mensagem.
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Implemente os algoritmos a seguir:
1. Implemente uma aplicação em JavaScript para multiplicar dois
números inteiros.
2. Implemente uma aplicação em JavaScript exibir a mensagem
“Seja bem vindo ao JavaScript” numa caixa de texto.
3. Implemente uma aplicação em JavaScript para acionar um
formulário por meio de um botão.
4. Implemente uma aplicação em JavaScript para simular uma
calculadora com as quatro operações basicas.
Introdução à Programação
AULA 01: Introdução à Lógica de Programação
Bibliografia Básica
DESV. WEB - HTML5, CSS, JS E
DEITEL, Paul J.; DEITEL, Harvey M. Ajax, Rich Internet Applications e
desenvolvimento Web para programadores. São Paulo: Pearson, 2008.
Disponível em: https://plataforma.bvirtual.com.br/Leitor/Publicacao/426/pdf
PLOTZE, Rodrigo. Tecnologias WEB. Rio de Janeiro: SESES, 2015.
Disponível em:
http://repositorio.novatech.net.br/site/index.html#/objeto/detalhes/BF917AFA-
2335-
4BB8-A269-85491F228012
TERUEL, Evandro C. HTML 5 Guia Prático. 2ª Ed. São Paulo: Érica, 2014.
Disponível em:
https://integrada.minhabiblioteca.com.br/#/books/9788536519296/
Introdução à Programação
AULA 01: Introdução à Lógica de Programação
Bibliografia Complementar
DESV. WEB - HTML5, CSS, JS E
FLANAGAN, David. JavaScript: O Guia Definitivo. 6ª Ed. Porto Alegre: Bookman,
2014.
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/9788565837484/
FONSECA, Cleber C. Programação para Internet Rica. Rio de Janeiro: SESES, 2016.
Disponível em:
http://repositorio.novatech.net.br/site/index.html#/objeto/detalhes/846BB14A-57D1- 236-
B334-17A19E0A77D6
HAROLD, Elliotte R. Refatorando HTML - Como Melhorar o Projeto de Aplicações
Web Existentes. Porto Alegre: Bookman, 2010.
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/9788577806706/
MILETTO, Evandro M.; BERTAGNOLLI, Silvia C. Desenvolvimento de Software II:
Introdução ao Desenvolvimento Web com HTML, CSS, JavaScript e PHP. Porto
Alegre: Bookman, 2014.
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/9788582601969/
SOARES, Walace. PHP 5 - Conceitos, Programação e Integração com Banco de
Dados. 7ª Ed. São Paulo: Érica, 2013.
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/9788536505633
http://repositorio.novatech.net.br/site/index.html#/objeto/detalhes/846BB14A-57D1-Materiais relacionados
Perguntas relacionadas
Compartilhar