Introdução ao JavaScript - parte II

O que vamos aprender?

Agora é o momento de começarmos a compreender mais a fundo o JavaScript !
Você dará os primeiros passos, aprendendo sobre:

● Variáveis;
● Constantes;
● Tipos primitivos.

Você será capaz de:

● Armazenar dados em variáveis;

● Escrever código em JavaScript utilizando variáveis, constantes e tipos
primitivos;

Por que isso é importante?

Esses são alguns dos fundamentos básicos para se escrever um programa.
Precisamos, de alguma forma, guardar nossos dados durante o processamento do
código. Isso é importante para que possamos usá-los posteriormente, seja em
cálculos ou manipulação de textos, por exemplo. Além disso, com as variáveis,
também somos capazes de dar significado ao nosso código, deixando-o mais claro
e fácil de ser entendido.

Conteúdos
Tempo sugerido para realização: 80 minutos

Agora é hora de aprender o básico de JS com um apanhado de conteúdos que vão

te preparar para criar seus primeiros programas. 😁

OBS:VARIÁVEL SIGNIFICA GUARDA E A LOCAÇÃO DE UM VALOR, A VARIÁVEL

PODERÁ SER DO TIPO VAR ou CONST. SIM, em programação constante é um tipo de
variável, sendo que tem uma trava para modificação.

1. Variáveis e constantes

Vamos começar entendendo como funcionam variáveis e constantes .

https://www.youtube.com/watch?v=KG1uwe6QnSQ&t=6s&ab_channel=Trybe
Uma variável possui nome e valor

CRIANDO UMA VARIAVEL

var - comando para criar uma variavel. Também é possivel criar uma variavel com o
comando let ao invés do var.
Nome - é a caracteristica para qual vai ser reconhecida e chamada a variável.
=(igual) - é o operador de atribuição
Valor- é o que a variável armazena.

“ ” aspas= significa que se trata de uma STRING que o tipo para representar palavras ou
frases.

OBS: Com var as variáveis declaradas ficam expostas a todos os blocos, sendo
consideradas globais. a partir do ES6 foram criados os operadores let e const, que
deixam disponíveis as variáveis somente no bloco em que foram declaradas. Desde 2015 a
boa prática pede para sempre usar let.

vamos abrir o console do google chrome para você testar.

1. clique com o botão direito em uma parte vazia da pagina da internet > inspecionar
2. clique na aba console.
1.na primeira linha temos a criação da variavel tituloDoConteudo com o valor de string
Variáveis e Constantes.
2.apertamos o Enter rodar o código- irá aparecer esse nome undefined.
3 e 4. Ao digitar o nome da variavel (tituloDoConteudo) o console já irá autocompletar
dando a opção e já mostrará o valor embaixo.
5 e 6. Chamamos a variavel e lhe damos um novo valor de string agora “Tipos Primitivos”
que irá substituir o valor anterior ("Variáveis e Contantes”).

NOME DA VARIÁVEL
OBS: no javaScript o nome de variáveis é comum e de bom tom ser escrito em CAMEL
CASE para melhorar sua legibilidade
CAMEL CASE é a variação de escrever as palavras entre maiuscula e minuscula como as
corcovas de um camelo, CAMEL CASE então iremos escrever a primeira palavra com a
primeira letra da primeira palavra minuscula e a primeira letra das palavras seguintes em
Maiuscula, todas as palavras juntas e sem espaço.

Não coloque espaços entre os nomes da variavel- coloque espaço entre as palavras de
um nome de variavel irá dar problema pois vai achar que só a primeira palavras é o nome

Não pode começar o nome da variável com um número. numero em outras posições
do nome será possivel.

Nome de variavel é case sensitive- significa que o mesmo nome com letras maiúsculas e
minusculas em possições diferentes serão considerados diferentes pelo JS.

variável com nome com espaços dará problema.

variável com numero no começo do nome dará problema.Ex:1tituloDoConteudo
variável com numero após a primeira letra funcionará. Ex: tituloDoConteudo2
perceba que a variável titulo é diferente da variável Titulo, por causa do case sensitive.

CRIANDO UMA CONSTANTE

A grande diferença entre a variável e a constante é que a variável poderá ser dado novos
valores a variável enquanto a constante uma vez dado o valor ele não poderá ser
mudado.

const - é o comando para criar uma constante.

nome - é a caracteristica para qual vai ser reconhecida e chamada a constante.
=(igual) - é o operador de atribuição
Valor- é o que a variável armazena.
 EX:Observe que o valor dado a constante duracaoMaximaDoCurso era de 12 meses
quando tentar mudar para 6 meses aparece a mensagem de erro.

conheça o HackerRank
Acredito que já podemos começar a fazer alguns exercícios, certo?! Agora começa a
diversão! 😁 Mas antes, assista ao vídeo abaixo sobre o HackerRank , site que iremos
utilizar para você exercitar seus conhecimentos aqui do curso.

https://www.youtube.com/watch?v=SusGKCJFbmg&t=46s&ab_channel=Trybe

https://www.hackerrank.com/

exercicios

Agora que você já viu como funciona o HackerRank , você pode começar
respondendo os primeiros exercícios para praticar 💪

● Exercício de variáveis 1

Veja o gabarito dessa questão

Esse exercício pede que você crie sua primeira variável! Para isso, você precisa:

● declarar o identificador de variável: var

● em seguida, definir o nome da sua variável (nesse caso: nomeCompleto )
● utilizar o operador = para indicar qual será o valor da sua variável
● por fim, escrever o valor que você quer atribuir a ela (nesse exemplo: "Ada
Lovelace")
 ● Exercício de variáveis 2

Veja o gabarito dessa questão

Este exercício pede que você crie agora uma variável com a sua idade! Seguindo o
que fizemos na questão anterior:

● Exercício de Constantes

Veja o gabarito dessa questão

No último exercício sobre variáveis, é hora de criarmos nossa primeira constante!
Para tal, precisamos usar o identificador de constantes, o const (ao invés do var ,
identificador de variáveis) juntamente com o nome da constante que você vai usar e
por fim o valor que ela vai ter.
2. Tipos primitivos
Agora que você já sabe o que são variáveis e constantes, vamos entender quais são
os tipos primitivos no JavaScript!

https://www.youtube.com/watch?v=a1NiHwH9clE&ab_channel=Trybe

Tipos primitivos são tipos básicos de dados presentes nas linguagens de

programação, que usamos quando vamos escrever nos programas de computador.

Diferentemente de outras linguagens, como Java, no JavaScript não há necessidade

de declarar o tipo da variável isso se chama tipagem dinâmica, mas isso não
significa que ela não tem tipo, na verdade o JS faz a tipagem dinamicamente, similar
ao PHP.
Por exemplo, na declaração da variável fruta, como pode-se ver abaixo:
ex: const fruta = "Banana";

STRING
usado para guardar caracteres(letras) usa aspas simples (‘ ‘) ou duplas (“ ”)
obs: numeros colocados em string ficam considerados como uma palavras não
dando para usa-lo para problemas matemáticos.

para mostrar que podemos também utilizar aspas simples ‘ ‘ como string.

NUMBER
usado para guardar números pode se colocar números com valores positivos ou
negativos. e numeros inteiros ou com casas decimais. ex: 2020, -150, 1.50.
OBS:numeros decimais a casa decimal é dividida por ponto ( . )

BOLEAN( ou boleano)
valores lógicos de verdadeiro ou falso. no caso de programação TRUE ou FALSE.

COMANDO PARA SABER O TIPO PRIMITIVO DE UMA VARIAVEL OU CONTANTE

(typeof) (typeof “nomeDaVariavel”)

typeof- é o comando que retorna uma string com o tipo do dado.

ao digitar typeof e o nome da variante ou constante, o console retornará o tipo

descrito anteriormente

você também poderá digitar algo para ver o que o console vai considerar.

olhe um erro desta função, pois não soube se era numero ou string.
o correto nesse caso seria botar entre aspas para dizer que é uma string

Vamos praticar? Faça o exercício:

● Exercício de tipos primitivos

Recursos adicionais (opcional)
Chegamos ao fim da primeira parte! Mas se você quiser consumir mais materiais
sobre esses assuntos, aqui vão alguns recursos adicionais para você se preparar
ainda melhor.

● Uma breve explicação sobre os tipos de variáveis com JavaScript

● Variáveis em JavaScript - W3Schools
● Tipos Primitivos - JavaScript Eloquente

Podemos perceber que não há uma declaração de tipo.

Vale lembrar que podemos fazer a declaração de uma variável
no JavaScript com três operadores, são eles var, let e const.
Tendo em mente que de acordo com o ECMA2015, utilizar o
operador var se tornou uma má pratica.

Não declare variáveis com o operador var

Nunca declare variáveis com o operador var se não tiver
consciente de como ela funciona.
Variáveis do declaradas como var, ficam expostas a todos os
blocos, elas são consideradas “globais”. Exemplo:
Percebe que a variável msgDentro fica disponível mesmo fora
do bloco do operador IF.
Isso deve ao fato de que em JavaScript, todas variáveis são
içadas para cima, ou seja, depois de içada, ela fica em escopo
global e este termo é chamado de hoisting. Para resolver isso, a
partir do ES6 foram criados os operadores let e const, que
deixam disponíveis as variáveis somente no bloco em que foram
declaradas.
Para entender melhor como isso funciona, segue o link de um
post bem bacana da Alura sobre isso.