Curso introdutório do JavaScript

Parte I
O que é JavaScript e para que serve?

- Primeiro nome do JavaScript foi MOCHA, depois passou se chamou LiveScript

- Foi criado em 1995
- O JavaScript proporciona que o site carregue mais rápido

- faz os site terem carregamentos assíncronos, funcionam o autocomplites

- FREAMWORKS – Base de códigos que utilizam o JavaScripts (bibliotecas)

Parte II

Variáveis e constantes

- Vaiável – Uma estrutura capaz de armazenar um valor

(Nome – Valor)

Var – Nome – “=” atribuição – Valor

- Camel Case – tituloDoConteudo

CONST – Variável constante – Não consegue alterar

E = && OU = ||
Arrays
– Push (Adiciona mais um valor no array)
- length (tamanho da lista de nomes do array)

Estrutura condicional

var notaDesafio = 90;

if (notaDesafio >= 100) {

console.log("Aprovado");
} else {
console.log("Não Aprovado");
}

var entendiTudo = true;

if (entendiTudo = false) {
console.log("Seguimos com a aula");
}else{
console.log("Rever conteúdo");
}
Reposta: Rever conteúdo

semaforo = "amarela"
'amarela'
if (semaforo === "verde") {
console.log("Siga em frente");
}else if (semaforo === "amarela") {
console.log("Atenção");
}else{
console.log("Pare");
}

Resposta: Atenção

ARRAY

var listaDeNomes = ["Joana", "Maria", "Lucas", "Mateus", "Paula"]

undefined
listaDeNomes
(5) ['Joana', 'Maria', 'Lucas', 'Mateus', 'Paula']
listaDeNomes[0]
'Joana'
listaDeNomes[1]
'Maria'
listaDeNomes[2]
'Lucas'
listaDeNomes[3]
'Mateus'
listaDeNomes[4]
'Paula'
listaDeNomes.push("José");
6
listaDeNomes
(6) ['Joana', 'Maria', 'Lucas', 'Mateus', 'Paula', 'José']
listaDeNomes.length
6
tamanhDaListaDeNomes = listaDeNomes.length
6
tamanhDaListaDeNomes
6
listaDeNomes[5]
'José'
listaDeNomes[listaDeNomes.length - 1];
'José'

ARRAY - EXERCICIO

var corDaBadeira = ["vermelho", "branco", "preto"]

undefined
corDaBadeira.length
3
corDaBadeira[0]
'vermelho'
corDaBadeira[1]
'branco'
corDaBadeira[2]
'preto'
corDaBadeira[corDaBadeira.length - 1]
'preto'
corDaBadeira[corDaBadeira.length - 2]
'branco'
corDaBadeira[corDaBadeira.length - 3]
'vermelho'

ARREY COM STRINGS

1+2
3
var primeiroNome = "João"
undefined
var ultimoNome = "Filho"
undefined
primeiroNome + ultimoNome
'JoãoFilho'
var nomeCompleto = primeiroNome + " " + ultimoNome
undefined
nomeCompleto
'João Filho'

var mensagem = "Vem pra Trybe";

undefined
mensagem
'Vem pra Trybe'
mensagem.length
13
mensagem [mensagem.length - 1]
'e'

var mes = "fevereiro"

undefined
mes[0]
'f'
mes[1]
'e'
mes[2]
'v'
mes[0] + mes[1] + mes[2]
'fev'

ESTRUTURA DE REPETIÇÃO

var numero = 7
undefined
console.log(numero * 1);
console.log(numero * 2);
console.log(numero * 3);
console.log(numero * 4);
console.log(numero * 5);
console.log(numero * 6);
console.log(numero * 7);
console.log(numero * 8);
console.log(numero * 9);

7
14
21
28
35
42
49
56
63

FOR
var numero = 7
undefined
for(var contador = 1; contador <= 9; contador++) {
console.log(numero * contador)
}
7
14
21
28
35
42
49
56
63

var listaDeNomes = ["Joana", "Maria", "Lucas"]

undefined
for (var indice = 0; indice < listaDeNomes.length; indice++) {
var mensagem ="Boas vindas, " + listaDeNomes[indice] + "!";
console.log(mensagem);
}
Boas vindas, Joana!
Boas vindas, Maria!
Boas vindas, Lucas!

FUNÇÃO

function nomeDaFuncao () {
//código que alguma coisa
}

function nomeDaFuncao (parametro1, parametro2) {

//código que alguma coisa
}

var statusCarro = "deligado"

var acelerado = 0
var rotacaoDoVolante = 0;
function ligarDesligar () {
if (statusCarro === "deligado") {
statusCarro = "ligado";
}else{
statusCarro = "deligado";
}
return statusCarro;
}
function acelerar (incremento) {
aceleracao = aceleracao + incremento;
return "Acelerando a " + aceleração + "m/s2";
}
function frear (decremento) {
aceleração = aceleracao + decremento;
return"Desacelerando para " + aceleracao + "m/s2";
}
function girarVolante (anguloRotacao) {
rotacaoDoVolante = anguloRotacao;
return rotacaoDoVolante + "0";
}

function ligarDesligar () {
} //aqui vão instruções de ligar e desligar
function acelerar () {
} //aqui vão instruções de acelerar
function frear () {
} //aqui vão instruções de frear
function girarVolante () {
} //aqui vão instruções de direção

function ligarDesligar () {
if (statusCarro === "desligado") {
statusCarro = "ligado";
}else{
statusCarro = "desligado";
}
return statusCarro;
}
function acelerar (incremento) {
aceleracao = aceleracao + incremento;
return "Acelerando a " + aceleracao + "m/s2";
}
function frear (decremento) {
aceleracao = aceleracao - decremento;
return "Desacelerando para " + aceleracao + "m/s2";
}
function girarVolante (anguloRotacao) {
rotacaoDoVolante = anguloRotacao;
return rotacaoDoVolante + "°";
}
undefined
ligarDesligar()
'ligado'
acelerar(20)
'Acelerando a 20m/s2'
girarVolante(-45)
'-45°'
frear(5)
'Desacelerando para 15m/s2'
girarVolante(0)
'0°'
frear(15)
'Desacelerando para 0m/s2'
ligarDesligar()
'desligado'

Teste
var numero = 1
var outroNumero = 2
var operacao = "+";

function calculadoraAdicaoSubtracao(numero, outroNumero, oper
acao) {
    // Escreva seu código aqui
  if(operacao == "-") {
        return numero - outroNumero;
    }else{
    if(operacao == "+") {
        return numero + outroNumero;
    }