OFICINA DA PESQUISA
PROGRAMAÇÃO APLICADA À
CIÊNCIA DA COMPUTAÇÃO
Prof. Msc. Carlos José Giudice dos Santos
carlos@oficinadapesquisa.com.br
Linguagens de Programação
Material elaborado por alunos do
Curso de Ciência da Computação da
Faculdade Pitágoras – Unidade Raja
Linguagem de Programação JavaScript
Integrantes da Equipe:
Aloísio Fagundes da Silva Bruno Ferreira do Amaral Christhopher Amaral Leão
Márcia de Paula
Michael Pereira da Pascoa Silva Paulo Junio da Silva
JavaScript – Origens e Características [01]
• Esta linguagem foi desenvolvida inicialmente por
Brendan Eich da Netscape sob o nome de Mocha.
• Mais tarde seu nome mudou para LiveScript e
finalmente para JavaScript.
• LiveScript foi o nome usado no lançamento da
linguagem em setembro 1995 pela Netscape.
• JavaScript foi aceita por ser uma linguagem de script
cliente-side de páginas web. Para evitar problemas com
a marca registrada, a Microsoft desenvolveu um dialeto
compatível com a linguagem, com o nome JScript.
• Muitas pessoas confundem o JavaScript com scripts
escritos na linguagem Java. É preciso destacar que a
linguagem JavaScript e Java não são a mesma coisa.
JavaScript – Origens e Características [02]
• O JScript acrescentou novos métodos para reparar métodos do JavaScript relacionados a data que apresentavam problemas e foi liberado para ser usado no Internet Explorer 3.0 em 1996.
• O JavaScript está se tornando uma das linguagens mais populares da Web. Mas muitos profissionais de início rebaixaram a linguagem, por ela ser acessível ao público. • O JavaScript trabalha com o conceito de frameworks,
que é “quase” como uma biblioteca. A diferença é que a comunicação entre os objetos já está definida. Quando se usa uma biblioteca, é o desenvolvedor que chama a aplicação. Em um framework, o projetista de aplicativos não precisa saber quando chamar cada aplicação, pois o framework já faz isso. É o princípio “Don’t call us, we’ll call you”.
JavaScript – Origens e Características [03]
• O projeto CommonJS foi fundado em janeiro de 2009 com o intuito de especificar uma biblioteca padrão para desenvolvimento do JavaScript fora do navegador.
• O código fonte JavaScript é incluído no próprio arquivo HTML. Para isso existe uma tag do HTML que permite identificar e separar o que é script do que é marcação HTML. Esta tag chama-se <script>. Existem ainda algumas outras situações em que é permitido incluir comandos de script no HTML.
• O JavaScript é uma linguagem interpretada (também chamada de linguagem de script). Isso significa que os
comandos JavaScript são executados um a um
diretamente por um interpretador, sem que haja necessidade de compilação como nas linguagens de programação convencionais.
JavaScript – Origens e Características [04]
• No caso do JavaScript, quem faz o papel do interpretador é o navegador do usuário que, ao receber um arquivo HTML, executa o script na medida em que encontra os comandos JavaScript dentro do código HTML.
• O Javascript é uma linguagem orientada a objetos, embora o correto seria dizer que a linguagem JavaScript é “baseada em objetos” porque ela já possui um conjunto de objetos embutidos. Por exemplo, não é necessário construir um objeto para manusear datas e horas pois em JavaScript já existe um pronto para ser usado.
• Sua sintaxe é parecida com as das linguagens C, C++ e Java. Em termos de sintaxe, a linguagem JavaScript herdou suas principais construções e comandos da linguagem Java.
JavaScript – Origens e Características [05]
• A linguagem JavaScript também é dirigida por eventos, sendo esta uma característica muito importante de JavaScript. Sempre que alguma coisa que tenha um significado importante acontece ocorre um evento. O
clique em um botão, o arrastar do mouse, o
preenchimento de um campo de um formulário ou o envio do mesmo, são exemplos de eventos provocados pela interação do usuário com a página.
• A JavaScript permite que a criação de trechos de programa (geralmente implementados sob a forma de funções) que respondem de acordo com a ocorrência destes eventos. A consequência disso é que a página deixa de ser um documento estático e parece ganhar inteligência, reagindo de acordo com as ações do usuário.
JavaScript – Origens e Características [06]
• A JavaScript é totalmente independente de
plataforma em que vai rodar. Os comandos
JavaScript são interpretados pelo navegador do
usuário, ou seja, uma mesma página Web com
código JavaScript poderá ser interpretada pelo
Internet Explorer ou o Firefox ou o Chrome,
independente do usuário estar utilizando um PC
com Windows ou uma máquina RISC com UNIX.
• Os problemas de compatibilidade que existem são
outros e normalmente dizem respeito ao navegador
utilizado e suas versões.
JavaScript – Versões e Licenças [01]
• A JavaScript desenvolveu-se ao longo dos anos,
sendo que a Netscape lançou várias versões da
linguagem.
• A
Microsoft,
por
sua
vez,
lançou
versões
semelhantes da linguagem JavaScript sob o nome
"JScript".
• A ECMA publicou três versões do padrão
ECMA-262, que padroniza a linguagem JavaScript sob o
nome de "ECMAScript".
• Os quadros a seguir ilustram as versões lançadas
até o presente momento.
JavaScript – Versões e Licenças [02]
JavaScript 1.0 A versão original da linguagem. Tinha muitos erros e agora está completamente obsoleta. Implementada pelo Netscape 2.
JavaScript 1.1 Introduziu um verdadeiro objeto Array, os problemas mais sérios foram solucionados. Implementada pelo Netscape 3.
JavaScript 1.2 Introduziu a instrução switch, expressões regulares e diversos outros recursos. Quase compatível com o EMCA v1, mas com algumas incompatibilidades. Implementada pelo Netscape 4. JavaScript 1.3 Incompatibilidades de JavaScript 1.2 foram corrigidas.
Compatível com EMCA v1. Implementada pelo Netscape 4.5 JavaScript 1.4 Introduzida somente aos produtos para servidores Netscape. JavaScript 1.5 Introduziu o tratamento de exceções. Compatível com ECMA v3.
JavaScript – Versões e Licenças [03]
JScript 1.0 Grosseiramente equivalente à JavaScript 1.0. Implementada pelas versões anteriores ao IE 3.
JScript 2.0 Grosseiramente equivalente à JavaScript 1.1. Implementada pelas versões posteriores ao IE 3.
JScript 3.0 Grosseiramente equivalente à JavaScript 1.3. Compatível com EMCA v1. Implementada pelo IE 4.
JScript 4.0 Não foi implementada por nenhum navegador Web.
JScript 5.0 Tratamento de exceções suportado. Parcialmente compatível com EMCA v3. Implementada pelo IE 5.
JScript 5.5 Grosseiramente equivalente à JavaScript 1.5. Completamente compatível com ECMA v3. Implementada pelo IE 5.5 e IE 6. (O IE 6, na realidade, implementa JScript 5.6, mas o 5.6 não é diferente do 5.5 sob nenhum aspecto relevante para programadores JavaScript do lado cliente.)
JavaScript – Versões e Licenças [04]
ECMA v1 A primeira versão-padrão da linguagem. Padronizou os recursos básicos de JavaScript 1.1 e adicionou alguns recursos novos. Não padronizou a instrução switch ou o suporte a expressões regulares. As implementações compatíveis são JavaScript 1.3 e JScript 3.0.
ECMA v2 Versão de manutenção do padrão que inclui esclarecimentos, mas não definiu nenhum recurso novo.
ECMA v3 Padronizou a instrução switch, expressões regulares e tratamento de exceções. As implementações compatíveis são JavaScript 1.5 e JScript 5.5.
ECMAScript v6 A última versão lançada até o momento, finalizada em junho desse ano introduziu o conceito de escopo de bloco, os recursos Rest Parameters e Spread Operator, entre outros.
JavaScript – Exemplo de Código [01]
O script a seguir recebe um valor informado pelo usuário, em seguida realiza a Multiplicação do mesmo de 1 até 10.
<!doctype html> <html lang="pt-br"> <head> <title>Tabuada</title> <meta charset="utf-8" /> <style> body { text-align:center; background-image: url("back.jpg"); background-repeat:no-repeat; background-position: right top; }
#conteudo {
border: 1pt black dotted; width: 40%;
JavaScript – Exemplo de Código [02]
text-align: center; margin: 0 auto; font-size: 30px; background-image: url("back.jpg"); } p, h1 { color: white ; font-size: 30px; } </style> <script> function multiplicacao() {var numero = document.getElementById("numero").value; var multiplicador = 1;
text-align: center; margin: 0 auto; font-size: 30px;
JavaScript – Exemplo de Código [03]
background-image: url("back.jpg"); } p, h1 { color: white ; font-size: 30px; } </style> <script> function multiplicacao() {var numero = document.getElementById("numero").value; var multiplicador = 1;
document.getElementById("conteudo").innerHTML = ""; while(multiplicador <=10 ) {
JavaScript – Exemplo de Código [04]
document.getElementById("conteudo").innerHTML += numero + " x " + multiplicador + " = " + (numero * multiplicador) + " <br />"; multiplicador++; } } </script> </head> <body> <h1>Aprendendo a Tabuada </h1> <form> <div>
<label for="numero"> <p> Número <input type="number" value="0" name="numero" id="numero" style="height: 30px;" required />
<button type="button" onclick="multiplicacao(); "> Multiplicar </button> </div> <br /> <div id="conteudo"></div> </form> </body> </html>
JavaScript – Certificações e/ou Comunidades
• Ainda não existe um certificado para JavaScript mas pode-se conpode-seguir certificação como depode-senvolvedor para a Web quando se comprova conhecimentos em HTML5 e CSS3.
• Certificados da Microsoft e da Oracle sempre dão destaque aos candidatos em entrevistas. Segue abaixo algumas informações e sites sobre estas certificações.
• Certificado W3Schools - Valor: $95.00 = R$368,60 • Certificado Microsoft - Valor: $100,00 = R$388,00 • Curso Oracle - Valor: R$ 2.984,00
• http://www.w3schools.com/js/
• https://www.microsoft.com/learning/pt-br/exam-70-480.aspx • http://education.oracle.com/