Apostila 11 - oficinadapesquisa.com.br

OFICINA DA PESQUISA
PROGRAMAÇÃO APLICADA À
CIÊNCIA DA COMPUTAÇÃO
Prof. Msc. Carlos José Giudice dos Santos
[email protected]
www.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
Alterações: Prof. Carlos José
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
Rafael M. Alves dos Santos
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 ECMA262, 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.
Implementada pelo Mozilla e Netscape 6.
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
programadores JavaScript do lado cliente.)
relevante
para
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 podese conseguir certificação como desenvolvedor 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/