JavaScript
JavaScript
O que é o JavaScript?
Começa a ser
Linguagem de Principal linguagem
usada também no
Programação para programação
lado do servidor,
interpretada do lado do cliente
através do node.js
Criar funções para
interagir com o
Baseada em
Tipagem dinâmica Document Object
objetos
Model da página
web
2
JavaScript
As três tecnologias essenciais para o desenvolvimento web no lado do cliente.
3
JavaScript
Como verificar se o Javascript está disponível no nosso Browser (Google Chrome).
4
JavaScript
5
JavaScript
Caso não esteja ativo, teremos
que ativá-lo.
6
JavaScript
Variáveis
JavaScript - Variáveis
Começamos por criar um ficheiro variaveis.html
8
JavaScript - Variáveis
Criamos a estrutura básica de ficheiro html.
E no body colocamos a tag JavaScript que é onde vai ser executado o nosso
código de Javascript.
9
JavaScript - Variáveis
Para os casos em que os Browsers não nos permitem ver a informação gerada
pelo JavaScript podemos criar uma “mensagem de erro”:
10
JavaScript - Variáveis
De modo muito simples podemos criar uma variável da seguinte forma:
O; (ponto e vírgula) é opcional, no entanto se o retirarmos não podemos ter mais do
que uma instrução na mesma linha.
11
JavaScript - Variáveis
Exemplo de “impressão” na página web
PROFESSOR: JOSÉ AMARAL 12
JavaScript - Variáveis
Utilizando o inspecionar do Google Chrome, podemos aceder às ferramentas do
programador…
13
JavaScript - Variáveis
…onde podemos alterar o código javascript sem alterar o código original e
verificar na consola
eventuais erros.
PROFESSOR: JOSÉ AMARAL 14
JavaScript - Variáveis
Até ao momento utilizámos as variáveis sem as declarar como tal, no fundo o que
fizemos foi atribuir um valor a uma variável que não estava declarada.
Para as declarar temos que utilizar a expressão “use strict” (forma mais segura de se
escrever em JavaScript pois deteta muito mais facilmente erros de código caso se tente
fazer algo não seguro)
15
JavaScript - Variáveis
Caso não fizéssemos mais alterações ao nosso código e se fizermos update na
nossa página web, já iriam surgir erros na nossa consola:
Para corrigir esses erros temos que declarar todas as variáveis:
16
JavaScript - Variáveis
O JavaScript tem Tipagem Dinâmica, ou seja, uma variável inicialmente pode ser
do tipo string, no entanto caso seja necessário posteriormente pode guardar o
valor de um número. A gestão do tipo de dados é feita automaticamente pelo
JavaScript.
17
JavaScript
Concatenação
JavaScript - Concatenação
PROFESSOR: JOSÉ AMARAL 19
JavaScript - Concatenação
Uma vez que estamos a unir 2 strings podemos fazer também do seguinte modo:
PROFESSOR: JOSÉ AMARAL 20
JavaScript
Declaração de
Constantes
21
JavaScript – Declaração de constantes
Quando queremos declarar uma constante no JavaScript usamos a expressão
const.
As variáveis constantes são sempre declaradas em letras maiúsculas.
22
JavaScript – Declaração de constantes
Se tentarmos atribuir um novo valor a essa constante, surge automaticamente um
erro na consola e o código não é gerado.
23
JavaScript
Operadores aritméticos,
de incremento e de
decremento
JavaScript – Operadores Aritméticos
25
JavaScript – Operadores Aritméticos
26
JavaScript – Operadores de Incremento e Decremento
Neste exemplo a variável y
vai guardar o valor
atribuído a x e só depois é
que incrementa.
27
JavaScript – Operadores de Incremento e Decremento
Os operadores de decremento são semelhantes, apenas se utiliza o sinal –
(menos).
28
JavaScript
Operadores de
comparação
JavaScript – Operadores de Comparação
30
JavaScript – Operadores de Comparação
31
JavaScript
Operadores lógicos
JavaScript – Operadores lógicos
33
JavaScript – Operadores lógicos
34
JavaScript
Exercício Nº1
Faça um programa que leia três números, calcule e imprima:
a) Soma
b) Divisão
c) Multiplicação
d) Subtração
Nota: atribui os valores diretamente às variáveis.
35
