OFICINA DA PESQUISA PROGRAMAÇÃO APLICADA À CIÊNCIA DA COMPUTAÇÃO

Transcrição

1 OFICINA DA PESQUISA PROGRAMAÇÃO APLICADA À CIÊNCIA DA COMPUTAÇÃO Prof. Msc. Carlos José Giudice dos Santos

2 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é

3 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

4 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.

5 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 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.

6 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.

7 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.

8 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.

9 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.

10 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.

11 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.

12 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.)

13 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 ECMAScript v6 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. 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.

14 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 { } #conteudo { text-align:center; background-image: url("back.jpg"); background-repeat:no-repeat; background-position: right top; border: 1pt black dotted; width: 40%;

15 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;

16 JavaScript Exemplo de Código [03] background-image: url("back.jpg"); } p, h1 { color: white ; font-size: 30px; } <script> </style> function multiplicacao() { var numero = document.getelementbyid("numero").value; var multiplicador = 1; document.getelementbyid("conteudo").innerhtml = ""; while(multiplicador <=10 ) {

17 JavaScript Exemplo de Código [04] document.getelementbyid("conteudo").innerhtml += numero + " x " + multiplicador + " = " + (numero * multiplicador) + " <br />"; </head> <body> </script> <h1>aprendendo a Tabuada </h1> <form> <div> <label for="numero"> <p> style="height: 30px;" required /> </div> <br /> } } multiplicador++; Número <input type="number" value="0" name="numero" id="numero" <button type="button" onclick="multiplicacao(); "> Multiplicar </button> <div id="conteudo"></div> </form> </body> </html>

18 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,