SlideShare uma empresa Scribd logo
JavaScript
Effeccinco
Respondendo Perguntas
 Bom até agora já, criamos uma página simples, já criamos nosso bichinho virtual
ainda que ele não faça muita coisa, mas ele já existe, mas hoje resolvi criar um
vídeo teórico novamente, para responder algumas questões do Javascript.
 Então esse Slide e vídeo vai ser dedicado a responder algumas dessas questões.
Os Eventos vem de onde ?
 Os eventos vem diretamente do Navegador da internet, muitas vezes o usuário faz
esse evento acontecer, mas veja o navegador que interpreta e repassa para o
Javascript.
 Exemplo, o carregamento da página, quem faz é o Navegador, para que possamos
usar por exemplo o onload o navegador deve informar ao Javascript que a janela
foi carregada.
 Mas existem outros tipos de eventos que vamos ver mais pra frente.
Quando um evento não está ligado a um
código o que acontece?
 A página continua com o seu processamento, o navegador vai continuar
compilando a página. Por exemplo, você pode ter um evento que verifica o click na
sua página, mas se ele não estiver ligado a um código, o usuário pode clicar
quantas vezes quiser que não vai acontecer nada a página vai continuar a ser
exibida, o evento só vai fazer algo quando você decidir que deve acontecer algo
usando um código na sua página web.
O Javascript precisa sempre estar dentro
da tag <script>
 Como já vimos em aulas anteriores, sim, porém temos uma situação distinta,
quando o código do javascript não passar de apenas uma linha, você não precisa
colocar dentro de uma tag chamada <Script> você pode digitar direto, como nós
fizemos até agora nesse exemplo simples, mas quando a sua função for maior ai
sim precisamos usar a tag.
Existem mais Funções no Javascript além
do alert ?
 Sim, até já tinha comentado em aulas anteriores, o Javascript é uma linguagem
muito ampla e existem muitas funções que podemos trabalhar, até o fim do curso
vocês vão conhecer as principais delas, e quem sabe não vão estar criando as suas
próprias funções.
Por que quando acionamos o onload
usamos aspas e depois apóstrofos.?
 Pois tanto no HTML quanto no Javascript, é necessário fechar um texto antes de
iniciar outro, porém no html usamos as aspas, no javascript para fechar o texto
usamos apóstrofos, isso foi delimitado na criação da linguagem para que o HTML
não confunda suas aspas com os do Javascript, por isso em HTML usamos aspas
para fechar os textos, e no Javascript apóstrofos, no exemplo de código visto na
aula anterior e como se fosse um texto dentro de outro texto, por isso usamos essa
sequência, lembrando a regra, que o texto fechado com aspas é do Html e o outro
com apóstrofos está dentro da linguagem Javascript.
Onload
 Indica que uma página Web acabou de carregar
( )
 Coloca as informações transmitidas em uma função.
Alert
 Exibe uma mensagem de texto em uma janela pop-up.
;
 Indica que uma linha de código em Javascript acabou.
Conheça nosso canal no Youtube
 Canal:
 https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A
 Veja nosso vídeo sobre essa aula:
 https://www.youtube.com/watch?v=OVMGuCmH8HM
Referencia
 Recomendamos a leitura
 MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.

Mais conteúdo relacionado

PPTX
JavaScript - #Aula01 - Introdução
PPT
Slide em movimento
PPTX
Eu Escolho Onde E Quando Trabalho
PPT
ApresentaçãO1
PDF
O Windows 10
PPTX
Aplicações Web Realtime
PDF
DevCommerce Conference 2016: Desafios do auto scale de verdade na Wine.com.br...
JavaScript - #Aula01 - Introdução
Slide em movimento
Eu Escolho Onde E Quando Trabalho
ApresentaçãO1
O Windows 10
Aplicações Web Realtime
DevCommerce Conference 2016: Desafios do auto scale de verdade na Wine.com.br...

Mais procurados (15)

PDF
E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015
PPTX
Pseudoparalelismo
PDF
PDF
Implantando Windows 10
PDF
PDF
Novidades Groovy 2.0
PDF
O que é Web 2.0
PDF
PPT
O FLASH ESTÁ MORTO! PROGRAME EM HTML5
PPTX
Tutorial como abrir uma pasta no windows
PDF
7 convertendo o projeto jclic
PPT
Tutorial a tube_atualizado
PDF
Livro Código Limpo: Tratamento de Erros - Cap 7
PPTX
Master App - Porque menos é mais!
E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015
Pseudoparalelismo
Implantando Windows 10
Novidades Groovy 2.0
O que é Web 2.0
O FLASH ESTÁ MORTO! PROGRAME EM HTML5
Tutorial como abrir uma pasta no windows
7 convertendo o projeto jclic
Tutorial a tube_atualizado
Livro Código Limpo: Tratamento de Erros - Cap 7
Master App - Porque menos é mais!
Anúncio

Destaque (12)

PPTX
Desenvolvimento de Jogos - #Aula 15 - IBM e os Games
PPTX
Resumos e Resenhas: A guerra dos Tronos - #04 - Bran Stark
PDF
Sanmargar MetaStudio DRM. Ogólny opis.
PDF
Metastudio DRM. WhitePaper (eng)
PPTX
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
PPTX
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
PPTX
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
PPTX
Algoritmos e Logica de programação - #Aula 01 - Introdução a Computação
PPTX
Resumos e Resenhas: A guerra dos Tronos - #01 - Início
PPTX
Curso de Engenharia de Software - #Aula 02 - O Que é Software?
PPTX
Desenvolvimento de Jogos - #Aula 19 - Origin Systems e Richard Garriott
PPTX
Desenvolvimento de Jogos - #Aula 17 - Microprose e Sid Meier
Desenvolvimento de Jogos - #Aula 15 - IBM e os Games
Resumos e Resenhas: A guerra dos Tronos - #04 - Bran Stark
Sanmargar MetaStudio DRM. Ogólny opis.
Metastudio DRM. WhitePaper (eng)
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
Algoritmos e Logica de programação - #Aula 01 - Introdução a Computação
Resumos e Resenhas: A guerra dos Tronos - #01 - Início
Curso de Engenharia de Software - #Aula 02 - O Que é Software?
Desenvolvimento de Jogos - #Aula 19 - Origin Systems e Richard Garriott
Desenvolvimento de Jogos - #Aula 17 - Microprose e Sid Meier
Anúncio

Semelhante a JavaScript - #Aula03 parte 03 - Bichinho Virtual - Respondendo Perguntas (13)

PDF
Internet I - Aula 07 - Primeiros Passos com JavaScript
PDF
PPT
Aula javascript
PPTX
JavaScript - #Aula03 parte 05 - Bichinho Virtual - Respondendo Perguntas
PDF
JavaScript
ODP
JavaScript - Aula Introdutória
PDF
JS - JavaScript.pdf
PPTX
Trabalhando de Forma Assíncrona com JavaScript
PPTX
09 Java Script - As formas de usar
PDF
04_Introducao_JavaScript.pdf
PDF
Tutorial java script orientado à objeto e jquery
PPTX
Pacote web java script
Internet I - Aula 07 - Primeiros Passos com JavaScript
Aula javascript
JavaScript - #Aula03 parte 05 - Bichinho Virtual - Respondendo Perguntas
JavaScript
JavaScript - Aula Introdutória
JS - JavaScript.pdf
Trabalhando de Forma Assíncrona com JavaScript
09 Java Script - As formas de usar
04_Introducao_JavaScript.pdf
Tutorial java script orientado à objeto e jquery
Pacote web java script

Mais de Erick L. F. (20)

PPTX
Curso de HTML5 - Tudo No HTML5 é Novo?
PPTX
Curso de HTML5 - Hipertexto Vs Hiperlink
PPTX
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
PPTX
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
PPTX
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
PPTX
JavaScript - #Aula05 parte 08 - Cookies
PPTX
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
PPTX
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
PPTX
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
PPTX
JavaScript - #Aula05 parte 07 - Evento Onresize
PPTX
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
PPTX
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
PPTX
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
PPTX
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
PPTX
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
PPTX
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
PPTX
Curso de Java - #Aula 03 - Organização do Computador
PPTX
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
PPTX
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
PPTX
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Hipertexto Vs Hiperlink
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
JavaScript - #Aula05 parte 08 - Cookies
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
JavaScript - #Aula05 parte 07 - Evento Onresize
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Java - #Aula 03 - Organização do Computador
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Desenvolvimento de Jogos - #Aula 21 - Space Invaders

Último (8)

PPTX
Arquitetura de computadores - Memórias Secundárias
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Mecânico de Manutenção de Equipamentos.pptx
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Arquitetura de computadores - Memórias Secundárias
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Mecânico de Manutenção de Equipamentos.pptx
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Viasol Energia Solar -Soluções para geração e economia de energia
Manejo integrado de pragas na cultura do algodão
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...

JavaScript - #Aula03 parte 03 - Bichinho Virtual - Respondendo Perguntas

  • 2. Respondendo Perguntas  Bom até agora já, criamos uma página simples, já criamos nosso bichinho virtual ainda que ele não faça muita coisa, mas ele já existe, mas hoje resolvi criar um vídeo teórico novamente, para responder algumas questões do Javascript.  Então esse Slide e vídeo vai ser dedicado a responder algumas dessas questões.
  • 3. Os Eventos vem de onde ?  Os eventos vem diretamente do Navegador da internet, muitas vezes o usuário faz esse evento acontecer, mas veja o navegador que interpreta e repassa para o Javascript.  Exemplo, o carregamento da página, quem faz é o Navegador, para que possamos usar por exemplo o onload o navegador deve informar ao Javascript que a janela foi carregada.  Mas existem outros tipos de eventos que vamos ver mais pra frente.
  • 4. Quando um evento não está ligado a um código o que acontece?  A página continua com o seu processamento, o navegador vai continuar compilando a página. Por exemplo, você pode ter um evento que verifica o click na sua página, mas se ele não estiver ligado a um código, o usuário pode clicar quantas vezes quiser que não vai acontecer nada a página vai continuar a ser exibida, o evento só vai fazer algo quando você decidir que deve acontecer algo usando um código na sua página web.
  • 5. O Javascript precisa sempre estar dentro da tag <script>  Como já vimos em aulas anteriores, sim, porém temos uma situação distinta, quando o código do javascript não passar de apenas uma linha, você não precisa colocar dentro de uma tag chamada <Script> você pode digitar direto, como nós fizemos até agora nesse exemplo simples, mas quando a sua função for maior ai sim precisamos usar a tag.
  • 6. Existem mais Funções no Javascript além do alert ?  Sim, até já tinha comentado em aulas anteriores, o Javascript é uma linguagem muito ampla e existem muitas funções que podemos trabalhar, até o fim do curso vocês vão conhecer as principais delas, e quem sabe não vão estar criando as suas próprias funções.
  • 7. Por que quando acionamos o onload usamos aspas e depois apóstrofos.?  Pois tanto no HTML quanto no Javascript, é necessário fechar um texto antes de iniciar outro, porém no html usamos as aspas, no javascript para fechar o texto usamos apóstrofos, isso foi delimitado na criação da linguagem para que o HTML não confunda suas aspas com os do Javascript, por isso em HTML usamos aspas para fechar os textos, e no Javascript apóstrofos, no exemplo de código visto na aula anterior e como se fosse um texto dentro de outro texto, por isso usamos essa sequência, lembrando a regra, que o texto fechado com aspas é do Html e o outro com apóstrofos está dentro da linguagem Javascript.
  • 8. Onload  Indica que uma página Web acabou de carregar
  • 9. ( )  Coloca as informações transmitidas em uma função.
  • 10. Alert  Exibe uma mensagem de texto em uma janela pop-up.
  • 11. ;  Indica que uma linha de código em Javascript acabou.
  • 12. Conheça nosso canal no Youtube  Canal:  https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A  Veja nosso vídeo sobre essa aula:  https://www.youtube.com/watch?v=OVMGuCmH8HM
  • 13. Referencia  Recomendamos a leitura  MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.