Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
AULA 01 JAVASCRIPT
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
JAVASCRIPT
Prof.Esp.: João Victor Rocha Araújo
INTRODUÇÃO
JavaScript é uma linguagem de programação criada pela Netscape em 1995,
que a princípio se chamava LiveScript, para atender, principalmente, as
seguintes necessidades:
1. Interação com a página. Assim, foi feita como uma linguagem de script.
Javascript tem sintaxe semelhante à do Java, mas é totalmente diferente no
conceito e no uso.
2. Oferece tipagem dinâmica - tipos de variáveis não são definidos;
3. É interpretada, ao invés de compilada;
4. Possui ótimas ferramentas padrão para listagens (como as linguagens de
script, de modo geral);
5. Oferece bom suporte a expressões regulares (característica também comum a
linguagens de script).
O QUE É PRECISO PARA PROGRAMAR EM
JAVASCRIPT?
Para programar em JavaScript não é preciso nenhum programa especial,
porque JavaScript não é compilado, ele é interpretado. Isso quer dizer que
com qualquer editor de texto simples, nós somos capazes de criar os scripts.
Apesar de que não é preciso ter nenhuma experiência anterior em
programação para programar em JavaScript, é altamente recomendável que
já saibamos o mínimo de HTML.
Embora, como já dito antes, não seja preciso nenhum programa específico
para JavaScript, existem editores que ajudam no desenvolvimento dos scripts,
seja formatando o texto ou até mesmo dando sugestões de implementação
(construção) de código.
COMO FUNCIONA O JAVASCRIPT?
Os scripts em JavaScript são dependentes dos navegadores (browsers), porque
eles devem ter suporte e também devem estar habilitados a interpretação e
execução do JavaScript.
<html>
<head>
<title>Primeiro Codigo JavaScript</title>
<meta charset="UTF-8">
</head>
<body>
<script language="javascript" type="text/javascript">
document.writeln ("Meu primeiro codigo javascript");
</script>
</body>
</html>
PRIMEIRO CÓDIGO JAVASCRIPT
ENTENDENDO O CÓDIGO? PARTE I
TAGS:
O JavaScript pode ser inserido diretamente no HTML ou em um arquivo .js. No
HTML, o script vem dentro da tag SCRIPT.
Na tag SCRIPT podemos, opcionalmente, antecipar a linguagem que usaremos
para o browser usando o atributo LANGUAGE. Mas, somos obrigados a definir o
tipo de script que será utilizado usando o atributo TYPE (que para o nosso caso,
será sempre text/javascript).
COMENTÁRIOS HTML:
Os comentários HTML servem para evitar que o código do JavaScript seja
entendido como simples texto por browsers antigos. Portanto, se vamos codificar
diretamente nas tags HTML, devemos por o código dentro de <!-- e -->.
ENTENDENDO O CÓDIGO? PARTE II
COMENTÁRIOS JAVASCRIPT:
1. Comentários servem apenas para documentar o código, ou seja, para inserir
dicas ou anotações que não são trechos de código a serem executados.
2. JavaScript utiliza duas formas de comentário: o comentário de linha única e o
comentário de várias linhas.
3. O comentário de linha única começa a partir das barras duplas (//). Tudo que
estiver após as barras será ignorado.
4. O comentário de várias linhas começa a partir da barra e asterísco (/*) e
devemos terminá-la com asterísco barra (*/). Tudo que estiver dentro de /* e
*/ será ignorado.
ENTENDENDO O CÓDIGO? PARTE III
DOCUMENT:
1. document é um dos muitos objetos existentes em JavaScript. O objeto
document nos dá acesso a muitos elementos encontrados na página HTML,
inclusive à própria página. O assunto orientação a objetos será tratado mais a
frente.
WRITER():
1. write() é um método. Podemos pensar em métodos como sendo ações que um
objeto pode executar. De forma - muito simplória - podemos comparar o
seguinte:
2. O carro pode acelerar, o avião pode voar, no cavalo podemos montar e no
documento podemos escrever (document.write).
3. Portanto, apenas sabendo um pouco de inglês, podemos entender que o que
irá acontecer é que algo será escrito no documento.
ENTENDENDO O CÓDIGO? PARTE IV
(“MEU PRIMEIRO CÓDIGO JAVASCRIPT”):
O que está entre parentêses é o que chamamos de argumentos. Os
argumentos são as informações necessárias para que um método ou função
faça alguma coisa. No caso do método write, ele precisa saber o que ele deve
escrever no documento. O que está entre aspas é a frase que ele deve
escrever no documento.
Cada linha de código é única, mas se quisermos colocar mais de uma linha de
código na mesma linha devemos indicar o final de cada linha com um ponto e
vírgula (;).
Outro detalhe que devemos observar quando programamos em JavaScript é
que esta é uma linguagem case sensitive. Isso quer dizer que, há diferença
entre maiúscula e minúscula. Portanto, document não é a mesma coisa que
Document, write não é a mesma coisa que Write e assim por diante.
VARIÁVEIS
Variáveis são endereços de memória nos quais podemos armazenar dados ou
informações. Usamos variáveis para manipular esses dados mais facilmente e
também para não perdê-los no meio do processo.
O ponto forte de JavaScript é que podemos guardar qualquer tipo de dado em
uma variável, desde um simples caracter até um objeto.
Quando vamos utilizar uma variável, podemos antes declará-la, ou seja, dizer ao
computador que deve ser reservado na memória um pequeno espaço para que o
script o utilize. Para fazer isso em JavaScript usamos a palavra reservada var.
Toda variável tem nome e devemos tomar alguns cuidados ao nomeá-las. Primeiro,
nunca começamos o nome de uma variável com um número, mas sim com uma
letra ou um underline (_). Por JavaScript ser case-sensitive (diferencia letras
maiúsculas de minúsculas), declarar uma variável x será diferente de X. Veja um
exemplo abaixo:
1. var x=10;
2. Var minhaVariavel=150;
VARIÁVEIS
Algo muito interessante em JavaScript é que uma variável
pode ser de um tipo e virar outro a qualquer momento
que quisermos.
OPERAÇÕES MATEMÁTICAS
Como parte de qualquer processo em programação, devemos manipular os
dados. A forma mais corriqueira de manipular os dados é usando operações
matemáticas.
JavaScript nos possibilita usar as quatro operações básicas, uma operação de
módulo e mais um tratamento de junção de string.
OPERAÇÕES MATEMÁTICAS
EXEMPLO:
CONCATENAÇÃO
Podemos entender concatenação como sendo a junção de duas strings (frases
ou palavras). O operador para fazer concatenação é o próprio sinal de adição.
No exemplo abaixo, concatenaremos três variáveis para formar uma única
variável com uma frase inteira.
CONCATENAÇÃO
OUTRO EXEMPLO:
ESTRUTURA DE CONTROLE IF (SE)
ESTRUTURA DE CONTROLE IF ELSE (SE NAO)
ESTRUTURA DE CONTROLE IF ELSE RESUMIDO
Uma outra forma muito prática de utilizarmos o if e else é resumí-los.
O resumo de if e else é uma forma simples de comparação com um
resultado para verdadeiro e outro para falso.
No caso do resumo utilizamos apenas dois caracteres: o ponto de
interrogação (?) e os dois-pontos (:). Portanto, a estrutura ficaria
assim: comparação ? o que fazer se verdadeiro : o que fazer se falso.Perguntas relacionadas
Compartilhar