SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Brendan Eich
bacharelado em
Ciência da
Computação e em
Matemática pela
Universidade de
Ciência de Santa Clara.
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
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.
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
<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>
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”;
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.
<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>
Uma biblioteca
JavaScript open-source
que simplifica a
interação entre o HTML
e o Javascript
<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>
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.

Weitere ähnliche Inhalte

Was ist angesagt?

Aula Introdução a VRaptor 4 - Pós Java UTFPR
Aula Introdução a VRaptor 4 - Pós Java UTFPRAula Introdução a VRaptor 4 - Pós Java UTFPR
Aula Introdução a VRaptor 4 - Pós Java UTFPRAndré Luiz Forchesatto
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serioJaydson Gomes
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaAlexandre Tarifa
 
Nadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryNadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryReinaldo Junior
 
Trabalho jQuery
Trabalho jQueryTrabalho jQuery
Trabalho jQuerygrupoucpel
 
Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDaniel Paz
 
Javascript levado a sério
Javascript levado a sérioJavascript levado a sério
Javascript levado a sériosaspi2
 
08 Java Script Introdução - Teoria
08 Java Script   Introdução  - Teoria08 Java Script   Introdução  - Teoria
08 Java Script Introdução - TeoriaCentro Paula Souza
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Rodrigo Branas
 
Desenvolvimento em três camadas com PHP 5, MVC e AJAX
Desenvolvimento em três camadas com PHP 5, MVC e AJAXDesenvolvimento em três camadas com PHP 5, MVC e AJAX
Desenvolvimento em três camadas com PHP 5, MVC e AJAXOtávio Calaça Xavier
 
ASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre TarifaASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre Tarifaguestea329c
 
Spring Security e Spring Boot Aula - 2018
Spring Security e Spring Boot Aula - 2018Spring Security e Spring Boot Aula - 2018
Spring Security e Spring Boot Aula - 2018André Luiz Forchesatto
 
VRaptor - Um Framework MVC Web para desenvolvimento ágil com JAVA
VRaptor - Um Framework MVC Web para desenvolvimento ágil com JAVAVRaptor - Um Framework MVC Web para desenvolvimento ágil com JAVA
VRaptor - Um Framework MVC Web para desenvolvimento ágil com JAVAYelken Heckman Ferreira Gonzales
 

Was ist angesagt? (20)

Javascript aula 01 - visão geral
Javascript   aula 01 - visão geralJavascript   aula 01 - visão geral
Javascript aula 01 - visão geral
 
Aula Introdução a VRaptor 4 - Pós Java UTFPR
Aula Introdução a VRaptor 4 - Pós Java UTFPRAula Introdução a VRaptor 4 - Pós Java UTFPR
Aula Introdução a VRaptor 4 - Pós Java UTFPR
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serio
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
 
Java Web Fácil com VRaptor
Java Web Fácil com VRaptorJava Web Fácil com VRaptor
Java Web Fácil com VRaptor
 
Nadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryNadando em Dinheiro com jQuery
Nadando em Dinheiro com jQuery
 
Angular js
Angular jsAngular js
Angular js
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
 
Trabalho jQuery
Trabalho jQueryTrabalho jQuery
Trabalho jQuery
 
Aula javascript
Aula  javascriptAula  javascript
Aula javascript
 
Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi Builder
 
Javascript levado a sério
Javascript levado a sérioJavascript levado a sério
Javascript levado a sério
 
08 Java Script Introdução - Teoria
08 Java Script   Introdução  - Teoria08 Java Script   Introdução  - Teoria
08 Java Script Introdução - Teoria
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
Desenvolvimento em três camadas com PHP 5, MVC e AJAX
Desenvolvimento em três camadas com PHP 5, MVC e AJAXDesenvolvimento em três camadas com PHP 5, MVC e AJAX
Desenvolvimento em três camadas com PHP 5, MVC e AJAX
 
ASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre TarifaASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre Tarifa
 
Spring Security e Spring Boot Aula - 2018
Spring Security e Spring Boot Aula - 2018Spring Security e Spring Boot Aula - 2018
Spring Security e Spring Boot Aula - 2018
 
Spa com angular js flisol 2015 - aquidauana ms
Spa com angular js   flisol 2015 - aquidauana msSpa com angular js   flisol 2015 - aquidauana ms
Spa com angular js flisol 2015 - aquidauana ms
 
VRaptor - Um Framework MVC Web para desenvolvimento ágil com JAVA
VRaptor - Um Framework MVC Web para desenvolvimento ágil com JAVAVRaptor - Um Framework MVC Web para desenvolvimento ágil com JAVA
VRaptor - Um Framework MVC Web para desenvolvimento ágil com JAVA
 
Apresentação angular js
Apresentação angular jsApresentação angular js
Apresentação angular js
 

Andere mochten auch

Andere mochten auch (16)

09 Java Script - As formas de usar
09  Java Script  - As formas de usar09  Java Script  - As formas de usar
09 Java Script - As formas de usar
 
Apresentação da Linguagem de Programação PHP
Apresentação da Linguagem de Programação PHPApresentação da Linguagem de Programação PHP
Apresentação da Linguagem de Programação PHP
 
O Que é Shell (bash)
O Que é Shell (bash)O Que é Shell (bash)
O Que é Shell (bash)
 
PHP - Introdução
PHP - IntroduçãoPHP - Introdução
PHP - Introdução
 
Shell Script
Shell ScriptShell Script
Shell Script
 
Primeira Aula PHP
Primeira Aula PHPPrimeira Aula PHP
Primeira Aula PHP
 
Minicurso Shell Script
Minicurso Shell ScriptMinicurso Shell Script
Minicurso Shell Script
 
Introducao ao Shell Script
Introducao ao Shell ScriptIntroducao ao Shell Script
Introducao ao Shell Script
 
Linguagem PHP
Linguagem PHPLinguagem PHP
Linguagem PHP
 
Interfacing C/C++ and Python with SWIG
Interfacing C/C++ and Python with SWIGInterfacing C/C++ and Python with SWIG
Interfacing C/C++ and Python with SWIG
 
Curso Gratuito de Shell Script
Curso Gratuito de Shell ScriptCurso Gratuito de Shell Script
Curso Gratuito de Shell Script
 
Linux - Shell e Comandos Básicos
Linux - Shell e Comandos BásicosLinux - Shell e Comandos Básicos
Linux - Shell e Comandos Básicos
 
Curso Desenvolvimento WEB com PHP - PHP (parte 1)
Curso Desenvolvimento WEB com PHP - PHP (parte 1)Curso Desenvolvimento WEB com PHP - PHP (parte 1)
Curso Desenvolvimento WEB com PHP - PHP (parte 1)
 
Começando com o Html
Começando com o HtmlComeçando com o Html
Começando com o Html
 
Php 07 Cakephp
Php 07 CakephpPhp 07 Cakephp
Php 07 Cakephp
 
Comandos gerais do PHP
Comandos gerais do PHPComandos gerais do PHP
Comandos gerais do PHP
 

Ähnlich wie Brendan Eich JavaScript história linguagem

Prototype Framework Javascript
Prototype Framework JavascriptPrototype Framework Javascript
Prototype Framework JavascriptMarcio Romu
 
PHP e AJAX: do Request ao Framework
PHP e AJAX: do Request ao FrameworkPHP e AJAX: do Request ao Framework
PHP e AJAX: do Request ao FrameworkRafael Dohms
 
Ajax O Objeto Xml Http Request Parte 1
Ajax   O Objeto Xml Http Request   Parte 1Ajax   O Objeto Xml Http Request   Parte 1
Ajax O Objeto Xml Http Request Parte 1infinitopublicidade
 
CóPia De Minicurso Smsi
CóPia De Minicurso SmsiCóPia De Minicurso Smsi
CóPia De Minicurso Smsitaniamaciel
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
Minicurso de PHP Com Ajax
Minicurso de PHP Com AjaxMinicurso de PHP Com Ajax
Minicurso de PHP Com AjaxAdler Medrado
 
Conexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao AjaxConexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao AjaxHelder da Rocha
 
Java Web Dev Introdução
Java Web Dev IntroduçãoJava Web Dev Introdução
Java Web Dev IntroduçãoMarcio Marinho
 
PHP e AJAX: do Request ao Framework
PHP e AJAX: do Request ao FrameworkPHP e AJAX: do Request ao Framework
PHP e AJAX: do Request ao FrameworkRafael Dohms
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitFlávio Lisboa
 
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009Ramon Durães
 
Introdução de web
Introdução de webIntrodução de web
Introdução de webSedu
 

Ähnlich wie Brendan Eich JavaScript história linguagem (20)

Prototype Framework Javascript
Prototype Framework JavascriptPrototype Framework Javascript
Prototype Framework Javascript
 
Ajax
AjaxAjax
Ajax
 
introdução a ajax
introdução a ajaxintrodução a ajax
introdução a ajax
 
Artigoajax
ArtigoajaxArtigoajax
Artigoajax
 
PHP e AJAX: do Request ao Framework
PHP e AJAX: do Request ao FrameworkPHP e AJAX: do Request ao Framework
PHP e AJAX: do Request ao Framework
 
Ajax O Objeto Xml Http Request Parte 1
Ajax   O Objeto Xml Http Request   Parte 1Ajax   O Objeto Xml Http Request   Parte 1
Ajax O Objeto Xml Http Request Parte 1
 
Minicurso Smsi
Minicurso SmsiMinicurso Smsi
Minicurso Smsi
 
CóPia De Minicurso Smsi
CóPia De Minicurso SmsiCóPia De Minicurso Smsi
CóPia De Minicurso Smsi
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Servlets e JSP
Servlets e JSPServlets e JSP
Servlets e JSP
 
Conceitos de Ajax
Conceitos de AjaxConceitos de Ajax
Conceitos de Ajax
 
Minicurso de PHP Com Ajax
Minicurso de PHP Com AjaxMinicurso de PHP Com Ajax
Minicurso de PHP Com Ajax
 
Conexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao AjaxConexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao Ajax
 
Java Web Dev Introdução
Java Web Dev IntroduçãoJava Web Dev Introdução
Java Web Dev Introdução
 
PHP e AJAX: do Request ao Framework
PHP e AJAX: do Request ao FrameworkPHP e AJAX: do Request ao Framework
PHP e AJAX: do Request ao Framework
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo Toolkit
 
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009
 
Web2.0 e Ajax
Web2.0 e AjaxWeb2.0 e Ajax
Web2.0 e Ajax
 
HTML5
HTML5HTML5
HTML5
 
Introdução de web
Introdução de webIntrodução de web
Introdução de web
 

Brendan Eich JavaScript história linguagem

  • 1.
  • 2.
  • 3. Brendan Eich bacharelado em Ciência da Computação e em Matemática pela Universidade de Ciência de Santa Clara.
  • 4. 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
  • 5. 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.
  • 6. 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
  • 7. <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>
  • 8. 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”;
  • 9. 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.
  • 10. <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>
  • 11. Uma biblioteca JavaScript open-source que simplifica a interação entre o HTML e o Javascript
  • 12. <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>
  • 13. 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.