Semana 2 – Resolução de Problemas/Lógica aplicada e JavaScript (sintaxe básica)

• Tipos de dados
• Variáveis
• Operadores
• Estrutura Condicionais

• Usar as reações do zoom e levantar a mão para sinalizar que gostaria de falar
• Enviar as dúvidas no chat
• Manter microfone desligado quando outras pessoas estiverem falando
• Manter câmera ligada o máximo possível
• Momento mão no código, momento de olho na tela

Ex-aluna {reprograma}, desenvolvedora na ThoughtWorks e criadora do Podcast Quero Ser Dev.

• Lógica
• Sintaxe
• Prática
• Como você funciona?
• Foco, dedicação e muita repetição

Segundo o livro "Estrutura de dados e algoritmos com javascript", de Loiane Groner: "Javascript é uma das linguagens de programação mais populares atualmente, é conhecida como a linguagem da internet porque os navegadores a entendem de modo nativo, sem a instalação de qualquer plugin."

Praticamente todos os sites e aplicações web usam javascript, até outras ferramentas que são usadas para web, no fim das contas vão precisar transformar o código em javascript para que o navegador entenda.

Além disso, a linguagem javascript evoluiu muito e aparecem até em aplicativos mobile(com React Native), Softwares de interface gráfica para Desktop(electron) e até games, robótica e inteligência artificial. Além disso, tem o backend também utilizando o nodejs.

E tem uma lista imensa de empresas que usam Javascript ou alguma ferramenta que derivou dela, então o próprio netflix, uber, instagram, facebook, twitter entre outras. Usam o react que é uma outra ferramenta baseada em javascript.

Antes da gente encerrar essa parte eu quero fazer um combinado com você. Se você, é uma pessoa que já teve algum contato com o Javascript, preste bastante atenção a essas aulas, pois toda vez que você for criar soluções mais complexas, você vai precisar ter essa base de fundamentos bem sólida.

É um interpretador Javascript que não depende do navegador. Ele é formado pelo V8, motor interpretador de Javascript criado pelo Google, e pela libuv, uma biblioteca que deu características de linguagem back-end para o node.

Node.js revolucionou a forma de programar em Javascript, pois a linguagem evoluiu de uma forma de dar vida aos elementos no navegador para uma linguagem capaz de criar software para tratamento de dados no backend.

• Javascript no navegador, interação: console, alert e prompt Console: Esta função permite que você faça log no console do navegador moderno. Isso ajuda você a depurar seu código facilmente.

  alert: Usar o alerta exibe uma caixa de diálogo com a mensagem fornecida. A próxima linha de código não será executada até que a caixa de diálogo seja fechada (clicando no botão OK)

  Prompt: O uso do prompt permitirá que você recupere as entradas do usuário. O primeiro parâmetro é o título da caixa de diálogo e o segundo (parâmetro opcional) é o valor padrão da caixa de texto.

• Hello World no terminal do vs code

• 2 formas de rodar um arquivo .js com node (direto no terminal ou run em um arquivo)

JavaScript é uma linguagem dinamicamente tipada.

Isso significa dizer que não é preciso especificar o tipo do dado quando formos declarar uma variavél. Além disso os tipos de dados são convertidos automaticamente conforme a necessidade de execução do nosso script. Mais pra frente você vai perceber isso melhor.

Aprender tipos de dados é um super poder para resolver problemas com estrutura de dados e algoritmos lá no futuro.

Vamos aprender os tipos de dados primitivos em javascript:

É uma cadeia de caracteres. A gente identifica o dado do tipo string quando caracteres formam palavras ou frases entre aspas simples ou duplas.

Quando queremos escrever textos em javascript é preciso usar uma das três formas abaixo. Elas não possuem diferenças, só ter atenção pois você não pode em uma única string começar com uma e terminar com a outra.

Aspas simples ' '
Aspas duplas " "
Template literals ``

Podemos também unir strings concatenando ou interpolando.

Os templates literals podemos usar quando queremos interpolar uma string com uma expressão de javascript.

Qual aspas usar? Até onde eu aprendi é uma preferência da pessoa desenvolvedora ou acordo do time. Agora, o JSON só aceita aspas duplas.

'Hello'
"World"

//concatenando
console.log('Hello' + ' ' + "World")
// Vai imprimir Hello World

console.log('Hello' + "World")
//Vai imprimir sem espaço HelloWorld

myName = "Simara";
console.log('Hello' + " " + myName)
//Vai imprimir Hello Simara

//interpolando
myName = "Simara";
console.log(`Hello ${myName}`)
//Vai imprimir Hello Simara

É o tipo de dado númerico no Javascript e podemos identificar, geralmente como números inteiros ou decimais, também conhecido como float.

1

1.5 

É o tipo de dado lógico e tem apenas dois valores.

true 
false

Null é um objeto vazio e undefined é o valor pra uma variável não definida, por exemplo.

Um objeto do JavaScript é um mapeamento entre chaves e valores. Chaves são Strings e valores podem ser de qualquer tipo.

{ 
    name: "simara",
    age: 32,
    role: "dev",
    isTeacher: true
}

Arrays são objetos perfeitos para representação de listas e conjuntos.

["aila", "maria", "paula"]

Funções são objetos comuns com a capacidade adicional de serem chamados.

function soma (a,b) {
    return a + b
}

soma(2,5) // 7

O operador typeof pode te ajudar a encontrar o tipo de sua variavel.

typeof 32 //Number
var age = 32 
console.log(age) //Number

typeof "Simara" //string
var myName = "Simara" 
console.log(myName) //String

let lastName
console.log(typeof lastName) //undefined

let myObject = {
    "name" : "Simara",
    "age": 32
}

console.log(typeof myObject) //object

let object = null
console.log(typeof object) //object

function subtrair(){}
console.log(typeof subtrair) //function

let alunas = []
console.log(typeof alunas) //object

"Variaveis armazemam dados que podem ser denfinidos, atualizados e recuperados sempre que necessário".

Mas como declarar variaveis no JavaScript?

A gente precisa usar uma palavra reservada do Javascript e um identificador. Além disso, a gente pode atribuir valores para essas variaveis.

É mais ou menos assim:

A palavra reservada: var Identificador: myName Atribuindo valor: "Simara"

Declarando uma variavel: var myName Atribuindo valor: myName = Simara Recuperando o dado que está guardado na variavel: myName

Aqui vão algumas dicas pra você ficar muito expert em declarar variaveis com Javascript

• O que pode? Podem começar com letra, $ ou _ É possível usar acento, símbolos e números

• O que não pode? Não pode começar com número Não pode conter espaço Não podem ser palavras reservadas

• Qual o ideal? Ter atenção, pois é case sensitive Use nomes coerentes

Além disso, é também importante saber que a linguagem Javascript evolui a cada ano. E desde 2015, tem havido uma nova versão lançada a cada ano que chamamos de ECMAScript. Então não se assuste se você esbarrar com frenquencia nesse conceito por aí. ECMA é uma organização que padroniza informações, e o JavaScript foi submetido à ECMA para que fosse padronizado daí nasceu o ECMAScript, o novo padrão da linguagem.

A mudança mais significativa na linguagem ocorreu em 2015 e é conhecida com ECMAScript 6 ou ES6, ela surgiu pra linguagem ficar mais flexivel no uso com o paradigma orientado a objeto. E aqui nas variáveis surgiram as palavras reservadas let e const.

Então agora você pode declarar variaveis das seguintes formas:

let language = "Javascript"
const padrão = "ECMAcript"

Vem entender melhor quando usar cada uma.

• Diferenças entre let, const e var:

1- var são declarações de escopo global ou de escopo de funções, enquanto let e const são de escopo bloqueado.

2- var podem ser atualizadas ou reatribuídas nestes escopos

3- let podem ser atualizadas, mas const não podem ser atualizadas ou reatribuídas

4- Enquanto var e let podem ser declaradas sem inicializar, const precisa ser inicializada durante a declaração

5- var sofrem hoisting de escopo

Ficou por fora quando eu falei de escopo e de hoisting? Esses conceitos são mais faceis de entender com a mão no código.

Escopo se refere ao local em que podemos acessar a variavel no algoritmo ou em uma função. E as variaveis podem ser locais ou globais.

Para entender local e global:

{
    var age = 32;
}

console.log(age)

//Depois trocar para let

{
    let age = 32;
}

console.log(age)

Para entender hoisting:

console.log(name)
let name = "Simara"; //vai dar erro

console.log(myLastName)
var myLastName = "Conceição";

var name // por debaixo dos panos é isso que acontece, a declaração sofre hoisting, esse fenomeno de elevação que 
leva a declaração da variavel lá pra cima do escopo. 
name = "Simara";

A boa prática é: sempre que possível, evite usar variaveis globais em javaScript, pois elas são prejudiciais para a qualidade do seu cógigo.

Precisamos de operadores para realizar qualquer operação em uma linguagem de programação. O javascript também tem seus operadores aritméticos, de atribuição, lógicos entre outros.

Aritméticos:

Atribuição:

Comparação:

Lógicos:

São instruções de controle que podemos usar ao construir nossos códigos. Vamos estudar estudar 2 estruturas condicionais: if...else e switch.

• Podemos usar if se quisermos executar um bloco de código somente se a condição ou verificação lógica for verdadeira.

let num = 1
if (num ===1) {
    console.log('num é igual a 1')
}

• Podemos usar if...else se quisermos executar um bloco de código somente se a condição ou verificação lógica for verdadeira. Ou outro bloco de código, somente caso a condição seja falsa.

let number = 0
if (number ===1) {
    console.log('number é igual a 1')
} else {
    console.log(`number não é igual a 1, o valor de number é ${number}`)
}

• Além disso para diferentes condições podemos usar vários if...else se quisermos executar vários blocos de códigos diferentes.

let mes = 'setembro'
if (mes === 'fevereiro) {
    console.log('tem carnaval')
} else if (mes === 'junho'){
    console.log('tem são joão')
} else if (mes === 'dezembro'){
    console.log('tem natal')
} else {
    console.log(`${mes} não é um mês festivo.`)
}

• Agora, se a condição que estivermos avaliando for a mesma que a anterior, porém com valores diferentes, podemos usar a instrução switch:

let diaDaSemana = 'segunda'
switch (diaDaSemana) {
    case 'domingo':
        console.log('Domingou')
        break
    case 'sábado':
        console.log('Sabadou')
        break
    case 'sexta':
        console.log('Sextou')
        break
    default: 
        `${diaDaSemana} não é um dia festivo.`
}

Atenção para as palavras reservadas case, break e default.

Desafio entregavel:

Resolva as questões abaixo:

Passo a passo:

1. Crie uma pasta que irá conter um arquivo com extensão .js para cada questão abaixo de apenas um README.md

    1 - Solicite o preço de uma mercadoria e o percentual de desconto. Exiba no console o valor do desconto e o preço a pagar.

    2 - Calcule o tempo de uma viagem de carro. Pergunte a distância a percorrer e a velocidade média esperada para a viagem.

    3 - Crie um algoritmo que leia o valor de um jantar, calcule e informe o valor da taxa do garçom (10%) e o valor total a ser pago.

    4 - Escreva um programa que pergunte a quantidade de km percorridos por um carro alugado pelo usuário, assim como a quantidade de dias pelos quais o carro foi alugado. Calcule o preço a pagar, sabendo que o carro custa 60,00 reais por dia e 0,15 centavos por km rodado.

    5 - Receba do usuários 3 números e calcule a média entre eles.

    6 - Elabore um algoritmo que receba um número (1-7) e devolva o dia da semana correspondente.

    7 - Elabore um algoritmo que receba dois números e determine qual é o maior entre eles, se os números forem iguais, mostre uma mensagem no console "Os números são iguais".

    8 - Crie um algoritmo que receba três notas de um aluno, calcule sua média e mostre as seguintes mensagens de acordo com cada situação:

        - Se a media for igual ou maior que 7 - Aprovado
        - Se a media for maior e igual a cinco e menor que 7 - Recuperação
        - Se a media for menor que 5 - Reprovado

    9 - Crie uma função que retorna a palavra (impar/par) de acordo com seu parâmetro.

    10 - Crie uma função que recebe o ano de nascimento da pessoa informando se ela é maior de idade ou menor.

2. Suba esse projeto no github, atualize o read me contando tudo o que você aprendeu e usou. Iremos disponibilizar uma planilha para a entrega dos links dos repos. A entrega pode ser feita até sexta.
3. Tente fazer antes da aula de revisao e plantao de monitoria, pois você consegue aproveitar melhor pra tirar dúvidas.
4. Arraseee! E qualquer coisa, me chama!

• instagram
• linkedin
• github
• spotify
• quero ser dev