Scribd
Carregar
13 visualizações11 páginas

WEB - 05 - Linguagem Javascript - Introdução

Enviado por

Arthur Neves 2 7
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
13 visualizações11 páginas

WEB - 05 - Linguagem Javascript - Introdução

Enviado por

Arthur Neves 2 7
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 11

Tecnologias Web

Linguagem JavaScript

1 Prof. Rommel Vieira Carneiro


Javascript – Tópicos

• O que é o JavaScript
• Histórico do JavaScript e ECMA Script (ES)
• Implementações do ECMA Script
• JavaScript vs Java
• Formas de Utilização
• Capacidades do JavaScript
• Console Web do Browser

2 Prof. Rommel Vieira Carneiro


O que é JavaScript?

HTML define a estrutura do conteúdo

CSS define o formato de apresentação

Javascript adiciona a interatividade e permite


a criação de aplicações ricas

Fonte: Mozilla Developer Network (https://developer.mozilla.org/en-US/docs/Web/Javascript/Javascript_technologies_overview)

3 Prof. Rommel Vieira Carneiro


1995 JS 1.0
Histórico do JavaScript
• O JavaScript foi criado em 1995 por Brendan Eich na Netscape 1999 ES 3
• Em 1996, foi transferido para o ECMA International para padronização,
sendo a primeira versão do ES lançada em 1997.
• Em 1998, a linguagem é aprovada como a ISO/IEC 16262 e batizada então
como ECMA-262
• Em 2005, o advento do A JAX alavancou o uso do Javascript 2009 ES 5
• Em 2009 foi lançado o ECMA Script 5 (ES 5), versão com maior
compatibilidade nos browsers atualmente
• Em 2009 foi criado o projeto CommonJS com o objetivo de levar o
2015 ES 6
JavaScript para além do Browser.
2016 ES 7
• Em 2015 foi lançado o ECMA Script 6 (ES6), atualmente em estágio 2017 ES 8
avançado de adoção pelos browsers 2018 ES 9
• O TC39 (https://github.com/tc39) é o Comitê Técnico responsável pela 2019 ES 10
evolução do ECMAScript. 2020 ES 11

4 Fonte: https://www.ecma-international.org Prof. Rommel Vieira Carneiro


Histórico do JavaScript • ECMA Script 9 (2018)
Regex Changes, Promise Finally, Async Iteration

ES 9 (2018)
• ECMA Script 8 (2017)
Async functions, Shared Memory, Atomics

ES 8 (2017)
• ECMA Script 7 (2016)
Array Includes, Exponential operator (**)

ES 7 (2016)
• ECMA Script 6 (2015)
Classes, Modules, Arrow Functions, Const e Let,
Template Literals, Promises
ES 6 (2015) • ECMA Script 5
Strict mode, Suporte ao JSON
ES 5 (2009) • ECMA Script 3
Expressões regulares (RegExp), Métodos da
ES 3 classe String, Tratamento de exceção (try/catch)
(1999)

JS 1.0 • JavaScript 1.0


(1995)

5 Prof. Rommel Vieira Carneiro


5
Browsers Engines e ECMAScript engines
Browser / Ambiente Web Engine ECMAScript Engine
Mozilla Firefox Gecko Spider Monkey
https://developer.mozilla.org/pt-BR/docs/Mozilla/Projects/SpiderMonkey

Google Chrome Blink Google V8


https://developers.google.com/v8/?hl=pt

Apple Safari WebKit JavaScriptCore


https://developer.apple.com/documentation/javascriptcore

Internet Explorer Trident Chakra Core


https://github.com/Microsoft/ChakraCore

Edge EDGE Chakra Core


https://github.com/Microsoft/ChakraCore

Rhino

Opera Presto  Blink

6 Prof. Rommel Vieira Carneiro


JavaScript vs Java

• Apesar de ter uma sintaxe semelhante à Java, é


totalmente diferente no conceito e uso
• Javascript é baseada em objetos enquanto Java é baseada
em classes
• Oferece tipagem dinâmica, tipos de variáveis não são
definidos previamente
• Javascript é uma linguagem interpretada, Java é compilada
• O código Javascript é executado no Navegador, enquanto
o código Java é executado na JVM (Java Virtual Machine)
• O aplicativo Javascript depende da página Web enquanto
o aplicativo Java é independente

7 Prof. Rommel Vieira Carneiro


Formas de Utilização do JavaScript
<!DOCTYPE html>
<html>
<head> Arquivo JS externo
<title>Exemplo Javascript</title>
<script type="text/javascript" src="script.js"></script>

<script type="text/javascript">
Bloco interno
/* código Javascript */
alert ('Passei por aqui!');
</script>
Inline
</head>
<body>
<p onClick="alert('Voce clicou no parágrafo');">...</p>
</body>
</html>

8 Prof. Rommel Vieira Carneiro


Capacidades do JavaScript
Navegador Servidor 1 Manipulação de objetos da página
HTML e tratamento de eventos
(DOM Document Object Model)
HTML
2 Comunicação com o servidor e uso
de Application Programming
Interface (API) via AJAX
(XMLHttpRequest)
SERVIDOR DA
1 APLICAÇÃO
3 Persistência de dados em
JavaScript 2 estruturas providas pelo Browser
3 4 (Indexed DB e LocalStorage)

4 Interação com recursos das novas


ARMAZENAMENTO
LOCAL
HTML 5 APIs APIs do HTML 5 (Canvas, Media,
File, Drag and Drop, Geolocation,
APIs NA INTERNET
Web Workers, History)

9 Prof. Rommel Vieira Carneiro


Console Web do Browser

Console
Para ativar, selecione a opção
Ferramentas do Desenvolvedor
(Google Chrome)
ou Web Console (Mozilla Firefox)

Apple: ©+ I
Windows: Ctrl + Shift + I

Funcionalidades
Mostra informações sobre a página
corrente Inclui uma linha de comando
para testes de expressões Javascript

10 Prof. Rommel Vieira Carneiro


Obrigado!

11 Prof. Rommel Vieira Carneiro

Você também pode gostar