Java Script

426 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
426
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Java Script

  1. 1. Brendan Eich bacharelado em Ciência da Computação e em Matemática pela Universidade de Ciência de Santa Clara.
  2. 2. 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
  3. 3. 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.
  4. 4. Javascript não pode acessar banco de dados Javascript não pode ler e gravar arquivos no lado cliente, exceto cookies Javascript não pode gravar arquivos no servidor sem ajuda de um script server-side Javascript não pode fechar uma janela que ele mesmo não tenha aberto Javascript não pode acessar páginas que não estejam no mesmo domínio Javascript não protege o código fonte e nem imagens Javascript não tem acesso ao Hardware
  5. 5. <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>
  6. 6. 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”;
  7. 7. 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 adicionais Ajax 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.
  8. 8. <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>
  9. 9. Uma biblioteca JavaScript open-source que simplifica a interação entre o HTML e o Javascript
  10. 10. <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>
  11. 11. 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.

×