Aula 1: Javascript

1) Linguagem mais popular para construção de interações, em páginas HTML

a. Linguagem front-end,
b. Roda no navegador.
2) Mas hoje também é usada para desenvolvimento backend, onde os + populares são
PHP, Java e Python
3) A programação no console do chrome
a. Digite em seu navegador chrome.
i. about:blank
ii. botão direito, escolha inspecionar
iii. na janela abaixo, ou ao lado, que se abre, escolha a opção CONSOLE
1. Ctr l+ e Ctrl-, aumentam e diminuem a fonte.
2. Comandos de exibição (escreva)
a. Digite alert ("primeiro código javascript") e tecle enter
b. Console.log (útil para debugar)
i. Usamos essa técnica de programação para
conseguir enxergar o caminho que o nosso
código está fazendo.
ii. Usamos console. log() para visualizar o
conteúdo de variáveis durante a execução do
programa.
iii. Experimente:
1. Console.info
2. Console.error
3. Console.warn
3. Declarando variáveis  digite cada linha de código abaixo e
tecle enter
a. Let mensagem = “primeiro código Javascript”
b. Alert (mensagem)
c. Console.log (mensagem)
d. Mensagem
e. Variáveis : cadeia de caracteres, números
i. Nome de variáveis: camelCase (padrão
internacional)
ii. Declarar variáveis numéricas e fazer cálculos.
1. com let e sem let
2. 10 e “10” (numero e cadeia)
a. Console.log (x)  ver cores
diferentes
b. Typeof (variável)
c. Comportamentos diferentes
iii. Operador + , como soma e concatenação
1. Console.log (“meu primeiro” +
“programa”)
2. Console.log (1+1)
 3. stringx = 10
4. Console.log (stringx + stringx)
iv. parseInt  transforma de string para inteiro
1. parseInt (stringx)
2. console.log (stringx
4. Entrada de dados (leia)
a. let stringx2 = prompt ("digite um dado ");
5. Comandos de decisão
i. if (num >= 10) alert (num);
ii. if (num >= 10) alert (num);
else alert ("X não é maior que 10");
6. Abrir VS
i. Tag <script>
ii. Inserir código com declaração de variável
iii. Declarar uma constante com mesmo nome de variável
iv. Ir no console ver o erro.
v. Comentário na declaração de variável
b. Declaração de variáveis: let e var
i. O JS é uma linguagem não tipada, pois não
definimos o tipo das variáveis no momento de
sua criação.
ii. O tipo da variável é definido dinamicamente,
de acordo com o dado que é atribuído após
(ou durante) sua criação.
c. Tipos simples (primitivos) de dados em Javascript 
Numero, cadeia de caracteres, lógica
d. Tipos estruturados de dados em Javascript
7. Comentário
a. //isso comenta uma linha //
b. /* isso comenta varias linhas */
 c. Typeof
alert (typeof (nome));
d. LP não tipadas são mais flexíveis, mas mantenha boas
práticas de programação e não use mesma variável
para distintas finalidades com diferentes tipos de
dados.
8. Comando de atribuição
a. Variável <- valor
b. Num = 10
9. Operadores aritméticos.
a. Flexibilidade: os comandos abaixo fazem a mesma
coisa)
 num1 = num1 + num2
num1 += num2;
b. O mesmo pode ser feito com relação a subtração,
multiplicação e divisão.
c. contador = contador + 1
d. contador +=1
e. contador ++

10. Comando FOR (PARA)

for (let i=1; i<=10; i++) {

console.log(i);
}
for (let i=10; i>=1; i--) {
console.log(i);
}
for (let i=1; i<=10; i=i+2) {
console.log(i);
}

11. O comando WHILE (ENQUANTO)

while (salario < 5000) {

salario += 100;
console.log("O salário é R$" + salario);
}

do {
salario += 100;
console.log("O salário é R$" + salario);
}
while (salario < 5000);

12. Incremento pré e pós

let cont = 10
console.log (cont++);
console.log (++cont);
a.

b. Envio de mensagens ao usuário

i. Console.log
ii. Console.error
iii. Console.warn