Aula 09 - Resumo - Javascript

Enviado por

gabrielamacedopg

Direitos autorais

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

0% acharam este documento útil (0 voto)

13 visualizações3 páginas

Aula 09 - Resumo - Javascript

Enviado por

gabrielamacedopg

Direitos autorais

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/ 3

CAIXA

Desenvolvimento de Software
Aula 09 - Javascript

→ javascript

- criado pela netscape em parceria com a sun microsystems com a finalidade de fornecer
um meio de adicionar interatividade a uma pagina web
- javascript é uma linguagem de programação extremamente abrangente, para
computadores, servidores, laptops, tablets, smartphones… e é amplamente utilizada para
programar o comportamento de uma página web
- é capaz de modificar valores de atributos de um Documento HTML e Folhas de Estilo do
CSS
- pode validar entradas de dados do usuário
- é uma linguagem de uso específico, desenvolvida para navegadores e não interações
completas (como java) mas recentemente tem buscado esse propósito por meio das jslibs
- é uma linguagem client side → roda no lado do cliente, a interpretação e o funcionamento
da linguagem dependem de funcionalidades hospedadas no navegador do usuário, que tem
interpretador javascript
- com javascript, podemos manipular conteúdo e apresentação, manipular o navegador,
interagir com formulários e outras linguagens dinâmicas
- é baseado em ECMAScript (especificação para linguagens de script que o js implementa)
- a nova versão trouxe muitas mudanças, tornando-a mais próxima de outras linguagens
orientadas a objetos
⤷ criação de novos tipos de dados (map, weakmap, set, weakset)
⤷ novas maneiras de lidar com objetos e coleções
⤷ declaração de variáveis com let e const
⤷ operadores rest e spread
⤷ modularização e estrutra de classes
- node js e npm flexibilizaram a linguagem também para operar no lado do servidor
- exemplos de frameworks: reactJS, angular2, meteor, electron, etc

→ escopo
- para o código js, não precisa de software especial, usa-se editor de texto simples e roda no
navegador
- usa-se a extensão ___.js e são criados para serem executados dentro de um arquivo html
- o código deve vir sempre entre <script> </script>
- 3 maneiras de inserir javascript em html
⤷ externo: escrever script em artigo com extensão .js e inserir com um link na tag <script>
dentro da seção body ou head do documento html
⤷ incorporado: ou interna, insere-se o script na seção head
⤷ inline: insere-se script diretamente na seção body do documento (não é recomendado,
principio da separação das camadas)
- modernas práticas preconizam o uso de scripts externos, criando-se um ou mais arquivos
com scripts e gravados na extensão .js, usando o script no head para linkar a pagina,
permitindo linkar o script a várias páginas do site
- inline é uma prática do passado e deve ser evitada, pois ao escrevermos script dentro da
marcação HTML estamos misturando as camadas de marcação e comportamento

→ js case sensitive e comentários

- é case sensitive, nomes de quaisquer identificadores são diferenciados por minúsculas e
maiúsculas
- comentário de linha única é feito com //
- comentário de múltiplas linhas é feito entre /* */

→ declarações
- um script consiste em uma série de instruções escritas segundo uma sintaxe própria e
rígida, de modo que as instruções determinam a realização de tarefas com uma finalidade
- cada uma das instruções de um script constitui uma declaração independente e existem
duas sintaxes para separar as declarações: com ponto e vírgula (;) ou cada declaração em
uma linha separada
⤷ ponto e vírgula só é obrigatório para separar declarações em uma mesma linha e
facultativo para separar declarações em linhas diferentes

→ js: espaço em branco e quebras de linha

- quebras de linha e espaços em branco, quando inseridos entre nomes de variáveis, de
funções, números ou entidades similares da linguagem, são ignorados na sintaxe javascript
⤷ para strings e expressões regulares, são considerados
⤷ ex: var person = “Diego” ou var person=”Die go”, o único espaço considerado é o dentro das
aspas
- na terminologia javascript, ‘literal’ designa qualquer dado de valor fixo (não variável) que se
insere no código javascript, podendo ser de diversos tipos [incluindo objetos]

→ js: vetores (arrays)

- os literais arrays, em javascript, são os conjuntos de zero ou mais valores, separados por
vírgula e envolvidos por colchetes
- os valores de um array recebem um índice sequencial começando por zero
- var nome_array = [item1, item2] ou var nome_array = new Array (“item1”, “item2”)

→ js: saída de dados

- para manipular elementos HTML usamos o método document.getElementById(id), onde o
atributo id deve ser usado para identificar o elemento HTML e innerHTML deve ser usado
para se referir ao conteúdo do elemento
⤷ document.getElementById.(“demo”).innerHTML = “Parágrafo modificado”;
- é possível também escrever direto no HTML através do método write() → recomendado
apenas para realizar testes, pois sobrescreve todos os elementos HTML
⤷ document.write(“Meu segundo parágrafo”);

→ js: eventos
- um evento é uma ação capaz de disparar uma reação
- viabilizam a interatividade de uma página web
⤷ <button onclick=’getElementById(“demo”).innerHTML=Date()’>The Time is?</button>
⤷ nesse exemplo, quando o usuário clicar no botão, será informada data e hora atual da
seguinte forma:

⤷ observe que o javascript modifica o conteúdo do elemento com id=”demo”

→ unobstrusive javascript
- é uma abordagem de desenvolvimento web que preconiza separar o comportamento
JavaScript do conteúdo HTML e da estrutura de estilo CSS, a fim de manter o código mais
limpo, organizado e fácil de manter
- possibilita a separação do comportamento da marcação (html), a reutilização de código,
melhoria contínua, detecção do código javascript e suporte a cache
- knockout.js: é uma biblioteca JavaScript de ligação de dados (data binding) que ajuda a
criar interfaces de usuário dinâmicas e interativas em aplicações web, ela segue o
paradigma MVVM, sincronizando automaticamente dados entre a visualização e o modelo,
de modo que projeta interfaces de usuário escaláveis e orientadas a dados

→ ECMAScript
- padrão de definição de linguagem, sendo uma das linguagens de programação de
propósito geral mais usada
- ECMAScript basicamente é uma especificação formal de uma linguagem de script, sendo
JavaScript a implementação mais popular

---