SlideShare une entreprise Scribd logo
1  sur  27
JAVASCRIPT
Linguagem de Programação Case sensitive Linguagem server/clientside Sintaxe similar á linguagem C Pode ser incorporado ao arquivo HTML ou em um .js próprio Funções JavaScript
Incorporado ao HTML deve ser inserido entre as tag’s <script>: <script type="text/javascript" language="javascript"> document.getElementById('mensagem').innerHTML = 'Seja Bem Vindo'; </script> JavaScript
Conjunto de código que ao ser “chamado” executa alguma tarefa/operação. Funções nativas Funções criadas pelo programador Função
Entrada de dados Saída de dados Estrutura de decisão Laços de repetição JavaScript
Eventos Prompts (Janela com campo de texto) Confirm Formulários Entrada de Dados
Qualquer acontecimento (click, carregar, passar o mouse, pressionar uma tecla) no navegador. Quando ocorre um evento pode-se executar algum código javascript ou fazer a chamada para alguma função Eventos
onclick onload onblur onmousemove onselect onunload etc Eventos
<bodyonload="javascript:alert('Boa tarde!');"> 	Minha página </body> Eventos
var nome = prompt('informe seu nome',''); Prompt
O valor do prompt deve ser armazenado em uma variável: var nome = prompt('informe seu nome',''); Prompt
var decisao = confirm('Continuar?'); Confirm
O valor do confirm deve ser armazenado em uma variável: var decisao= confirm('Continuar?'); Confirm
Formulário
Regatar valor de formulário: document.getElementById() var nome = document.getElementById('campo_nome').value; Formulário
document.write alert Inserir valor em objetos HTML Saída de Dados
document.write(‘Boa Tarde’); document.write
alert('Boa Tarde'); alert
InnerHTML document.getElementById('mensagem').innerHTML = 'Seja Bem Vindo'; Inserir valor em objetos HTML
+ - / * = Operadores
== > < >= <= != Operadores
if switch Estrutura de decisão
if (condição) {  código se a condiçãoverdadeira } else {  código se a condiçãofalsa } if
if (15 == 50){  alert(“Respostacerta”); }else{ alert(“Respostaerrada”) } if
For while do while Laço de Repetição
for (iniciação;condição;atualização) { 	comandos executados em cada interação }  for
for (numero=1; numero<=10; numero++) { alert(numero + " ");  }  for

Contenu connexe

En vedette

Introdução ao desenvolvimento com HTML 5
Introdução ao desenvolvimento com HTML 5Introdução ao desenvolvimento com HTML 5
Introdução ao desenvolvimento com HTML 5Guto Xavier
 
Sistema de tarefas 1.0
Sistema de tarefas 1.0Sistema de tarefas 1.0
Sistema de tarefas 1.0Guto Xavier
 
Imagens digitais
Imagens digitaisImagens digitais
Imagens digitaisGuto Xavier
 
Revisitando Local Storage
Revisitando Local StorageRevisitando Local Storage
Revisitando Local StorageGuto Xavier
 
livro-grandes-marcas-grandes-negocios
livro-grandes-marcas-grandes-negocioslivro-grandes-marcas-grandes-negocios
livro-grandes-marcas-grandes-negociosGuto Xavier
 
exercicios_de_criatividade
exercicios_de_criatividadeexercicios_de_criatividade
exercicios_de_criatividadeGuto Xavier
 
Empreendedorismo - você já teve uma ideia
Empreendedorismo - você já teve uma ideiaEmpreendedorismo - você já teve uma ideia
Empreendedorismo - você já teve uma ideiaGuto Xavier
 
Introdução internet
Introdução internetIntrodução internet
Introdução internetGuto Xavier
 
Internet aula 3 social media
Internet aula 3   social mediaInternet aula 3   social media
Internet aula 3 social mediaGuto Xavier
 
Estratégias de escablabilidade para serviços online
Estratégias de escablabilidade para serviços onlineEstratégias de escablabilidade para serviços online
Estratégias de escablabilidade para serviços onlineGuto Xavier
 

En vedette (20)

Introdução ao desenvolvimento com HTML 5
Introdução ao desenvolvimento com HTML 5Introdução ao desenvolvimento com HTML 5
Introdução ao desenvolvimento com HTML 5
 
Sistema de tarefas 1.0
Sistema de tarefas 1.0Sistema de tarefas 1.0
Sistema de tarefas 1.0
 
HTML - Imagens
HTML - ImagensHTML - Imagens
HTML - Imagens
 
Html
HtmlHtml
Html
 
Windows
WindowsWindows
Windows
 
Imagens digitais
Imagens digitaisImagens digitais
Imagens digitais
 
Revisitando Local Storage
Revisitando Local StorageRevisitando Local Storage
Revisitando Local Storage
 
Fireworks
FireworksFireworks
Fireworks
 
Internet aula 2
Internet aula 2Internet aula 2
Internet aula 2
 
livro-grandes-marcas-grandes-negocios
livro-grandes-marcas-grandes-negocioslivro-grandes-marcas-grandes-negocios
livro-grandes-marcas-grandes-negocios
 
exercicios_de_criatividade
exercicios_de_criatividadeexercicios_de_criatividade
exercicios_de_criatividade
 
Windows 2
Windows 2Windows 2
Windows 2
 
Empreendedorismo - você já teve uma ideia
Empreendedorismo - você já teve uma ideiaEmpreendedorismo - você já teve uma ideia
Empreendedorismo - você já teve uma ideia
 
Windows
WindowsWindows
Windows
 
Introdução internet
Introdução internetIntrodução internet
Introdução internet
 
Briefing
BriefingBriefing
Briefing
 
Internet aula 3 social media
Internet aula 3   social mediaInternet aula 3   social media
Internet aula 3 social media
 
DOS - Comandos
DOS - ComandosDOS - Comandos
DOS - Comandos
 
Sistema tst
Sistema tstSistema tst
Sistema tst
 
Estratégias de escablabilidade para serviços online
Estratégias de escablabilidade para serviços onlineEstratégias de escablabilidade para serviços online
Estratégias de escablabilidade para serviços online
 

Similaire à Javascript

02 - Fundamentos de Servlets
02 - Fundamentos de Servlets02 - Fundamentos de Servlets
02 - Fundamentos de ServletsMarcio Marinho
 
Javascript
JavascriptJavascript
Javascriptnasjo
 
InterCon 2017 - Engenharia de segurança web: Proteja todas as camadas de seu ...
InterCon 2017 - Engenharia de segurança web: Proteja todas as camadas de seu ...InterCon 2017 - Engenharia de segurança web: Proteja todas as camadas de seu ...
InterCon 2017 - Engenharia de segurança web: Proteja todas as camadas de seu ...iMasters
 
Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6Bruno Borges
 
Java mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento WebJava mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento WebBruno Borges
 
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)Evandro Klimpel Balmant
 
Introdução de web
Introdução de webIntrodução de web
Introdução de webSedu
 
Curso ASP.Net - Módulo 1
Curso ASP.Net - Módulo 1Curso ASP.Net - Módulo 1
Curso ASP.Net - Módulo 1michellobo
 
Apostila_JavaScript_pela_axademia_ardkgfv
Apostila_JavaScript_pela_axademia_ardkgfvApostila_JavaScript_pela_axademia_ardkgfv
Apostila_JavaScript_pela_axademia_ardkgfverickrodrigo23
 
JavaScript - Aula Introdutória
JavaScript - Aula IntrodutóriaJavaScript - Aula Introdutória
JavaScript - Aula Introdutórialucasleite
 
Prototype Framework Javascript
Prototype Framework JavascriptPrototype Framework Javascript
Prototype Framework JavascriptMarcio Romu
 
Windows Azure 5/8 - Recursos adicionais do Windows Azure
Windows Azure 5/8 - Recursos adicionais do Windows AzureWindows Azure 5/8 - Recursos adicionais do Windows Azure
Windows Azure 5/8 - Recursos adicionais do Windows AzureVitor Ciaramella
 

Similaire à Javascript (20)

Html dom, eventos, jquery
Html dom, eventos, jqueryHtml dom, eventos, jquery
Html dom, eventos, jquery
 
02 - Fundamentos de Servlets
02 - Fundamentos de Servlets02 - Fundamentos de Servlets
02 - Fundamentos de Servlets
 
Javascript
JavascriptJavascript
Javascript
 
Wicket 2008
Wicket 2008Wicket 2008
Wicket 2008
 
Aula javascript
Aula  javascriptAula  javascript
Aula javascript
 
InterCon 2017 - Engenharia de segurança web: Proteja todas as camadas de seu ...
InterCon 2017 - Engenharia de segurança web: Proteja todas as camadas de seu ...InterCon 2017 - Engenharia de segurança web: Proteja todas as camadas de seu ...
InterCon 2017 - Engenharia de segurança web: Proteja todas as camadas de seu ...
 
04_Introducao_JavaScript.pdf
04_Introducao_JavaScript.pdf04_Introducao_JavaScript.pdf
04_Introducao_JavaScript.pdf
 
Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6
 
Java mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento WebJava mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento Web
 
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
 
Javascript Eventos, Métodos e Funções
Javascript Eventos, Métodos e FunçõesJavascript Eventos, Métodos e Funções
Javascript Eventos, Métodos e Funções
 
Introdução de web
Introdução de webIntrodução de web
Introdução de web
 
Curso ASP.Net - Módulo 1
Curso ASP.Net - Módulo 1Curso ASP.Net - Módulo 1
Curso ASP.Net - Módulo 1
 
Apostila_JavaScript_pela_axademia_ardkgfv
Apostila_JavaScript_pela_axademia_ardkgfvApostila_JavaScript_pela_axademia_ardkgfv
Apostila_JavaScript_pela_axademia_ardkgfv
 
JavaScript - Aula Introdutória
JavaScript - Aula IntrodutóriaJavaScript - Aula Introdutória
JavaScript - Aula Introdutória
 
Prototype Framework Javascript
Prototype Framework JavascriptPrototype Framework Javascript
Prototype Framework Javascript
 
Java Script
Java ScriptJava Script
Java Script
 
Gwt parte 01
Gwt   parte 01Gwt   parte 01
Gwt parte 01
 
Windows Azure 5/8 - Recursos adicionais do Windows Azure
Windows Azure 5/8 - Recursos adicionais do Windows AzureWindows Azure 5/8 - Recursos adicionais do Windows Azure
Windows Azure 5/8 - Recursos adicionais do Windows Azure
 
Html5
Html5Html5
Html5
 

Plus de Guto Xavier

Criatividade devpira
Criatividade   devpiraCriatividade   devpira
Criatividade devpiraGuto Xavier
 
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelWeb design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelGuto Xavier
 
Técnicas de Apresentação em Público
Técnicas de Apresentação em PúblicoTécnicas de Apresentação em Público
Técnicas de Apresentação em PúblicoGuto Xavier
 
Banco de Dados - Trabalho de Tauan Silva
Banco de Dados - Trabalho de Tauan SilvaBanco de Dados - Trabalho de Tauan Silva
Banco de Dados - Trabalho de Tauan SilvaGuto Xavier
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãoGuto Xavier
 
WEB - Guia_do_Ilust
WEB - Guia_do_IlustWEB - Guia_do_Ilust
WEB - Guia_do_IlustGuto Xavier
 
O uso da cor no ambiente de trabalho_Uma ergonomia da Percepcao
O uso da cor no ambiente de trabalho_Uma ergonomia da PercepcaoO uso da cor no ambiente de trabalho_Uma ergonomia da Percepcao
O uso da cor no ambiente de trabalho_Uma ergonomia da PercepcaoGuto Xavier
 

Plus de Guto Xavier (10)

Criatividade devpira
Criatividade   devpiraCriatividade   devpira
Criatividade devpira
 
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelWeb design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptável
 
Técnicas de Apresentação em Público
Técnicas de Apresentação em PúblicoTécnicas de Apresentação em Público
Técnicas de Apresentação em Público
 
Pitch de vendas
Pitch de vendasPitch de vendas
Pitch de vendas
 
Banco de Dados - Trabalho de Tauan Silva
Banco de Dados - Trabalho de Tauan SilvaBanco de Dados - Trabalho de Tauan Silva
Banco de Dados - Trabalho de Tauan Silva
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
HTML - Tabelas
HTML - TabelasHTML - Tabelas
HTML - Tabelas
 
WEB - Guia_do_Ilust
WEB - Guia_do_IlustWEB - Guia_do_Ilust
WEB - Guia_do_Ilust
 
O uso da cor no ambiente de trabalho_Uma ergonomia da Percepcao
O uso da cor no ambiente de trabalho_Uma ergonomia da PercepcaoO uso da cor no ambiente de trabalho_Uma ergonomia da Percepcao
O uso da cor no ambiente de trabalho_Uma ergonomia da Percepcao
 
HTML - Listas
HTML - ListasHTML - Listas
HTML - Listas
 

Javascript