java script

13

Upload: jose-lamaison

Post on 09-Jul-2015

205 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Java Script
Page 2: Java Script
Page 3: Java Script

Brendan Eich bacharelado em Ciência da Computação e em Matemática pela Universidade de Ciência de Santa Clara.

Page 4: Java Script

JavaScript é uma linguagem de script orientada a objetos

JavaScript permite criar interfaces web ricas

JavaScript é baseado no padrão ECMAScript

JavaScript é uma linguagem dinâmica, fracamente tipada e baseada em protótipos

Page 5: Java Script

O nome Java como prefixo sugere algo relacionado ao JAVA, que é um subconjunto ou uma versão mais simples e incapaz.

O sufixo Script sugere que Javascript não é uma linguagem real de programação.

Atualmente Javascript é uma linguagem de programação completa. Se considerarmos funcionalidades adicionais como o AJAX e o jQuery.

Page 6: Java Script

Javascript não pode acessar banco de dadosJavascript não pode ler e gravar arquivos no lado cliente, exceto cookiesJavascript não pode gravar arquivos no servidor sem ajuda de um script server-sideJavascript não pode fechar uma janela que ele mesmo não tenha abertoJavascript não pode acessar páginas que não estejam no mesmo domínioJavascript não protege o código fonte e nem imagensJavascript não tem acesso ao Hardware

Page 7: Java Script

<html>

<head><title>Página simples</title></head>

<body>

<script type="text/javascript">

document.write('Olá mundo!');

</script>

<noscript>

<p>Seu navegador não suporta Javascript, ou ele

está desativado.</p>

</noscript>

</body>

</html>

Page 8: Java Script

alert(“Cuidado”);if(confirm(“Escolha \”ok\”ou\”cancelar\” para ver a mensagem correspondente.”)){

alert(“Mensagem caso escolha positiva!”);}else{

alert(“Mensagem caso escolha negativa”);}window.defaultStatus = “Mensagem que será mostrada”;

Page 9: Java Script

Asynchronous Javascript And XML (AJAX)

Ponto de Partida - Requisições são feitas do cliente ao servidor mesmo após a página ter sido completamente carregada.Ajax permite ao desenvolvedor criar interações adicionaisAjax não é somente um novo modelo, é também uma iniciativa na construção de aplicações Web mais dinâmicas e criativas.Ajax também não é uma tecnologia, são várias tecnologias conhecidas trabalhando juntas, oferecendo novas funcionalidades.

Page 10: Java Script

<html><head>

<script type="text/javascript">function loadXMLDoc(){

var xmlhttp;if (window.XMLHttpRequest){// codigo para IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();}else{// codigo para IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;}

}xmlhttp.open("GET","ajax_info.txt",true);xmlhttp.send();}</script>

</head><body>

<div id="myDiv"><h2> Deixe AJAX mudar esse texto</h2></div><button type="button" onclick="loadXMLDoc()">Muda Conteudo</button>

</body></html>

Page 11: Java Script

Uma biblioteca JavaScript open-sourceque simplifica a interação entre o HTMLe o Javascript

Page 12: Java Script

<html> <head><title>Demo</title> </head>

<body><a href="http://jquery.com/">jQuery</a><script src="jquery.js"></script>

<script>$(document).ready(function(){

$("a").click(function(event){ alert("As you can see, the link no longer took you to

jquery.com"); event.preventDefault();

}); });

</script></body>

</html>

Page 13: Java Script

Alvarez, M. A. (2005). “Introdução ao manual II de Javascript”, disponível em: http://www.criarweb.com/artigos/287.php, Janeiro. Acessado em 24 de setembro de 2011.

Souza, S.J.S. (2006). “Iniciando no Javascript: Um pouco de história”, disponível em: http://www.htmlstaff.org/ver.php?id=3501, Novembro. Acessado em 23 de setembro de 2011.

Manual de JavaScript da Faculdade de UZUAY (2005), disponível em: http://www.uazuay.edu.ec/estudios/sistemas/lenguaje_iii/MAnualJavaScript/caracteristicas.htm. Acessado em 25 de setembro de 2011. (Tradução Nossa).

Garrett, J.J. (2005). “Ajax: A New Approach to Web Applications”, disponível em: http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications, fevereiro. Acessado em: 24 de setembro de 2011. (Tradução Nossa).

Resig, J. (2010). “Tutorials: How jQuery Works”, disponível em: http://docs.jquery.com/Tutorials:How_jQuery_Works. Acessado em 24 de setembro de 2011.W3SCHOOLS (2011). “Tutorial - AJAX”, disponível em: http://www.w3schools.com/ajax/default.asp, acessado em 25 de setembro de 2011.