olha só que legal eu peguei aqui um exemplo do jogo do Pokémon go a gente vai mostrar como a gente rodaria como a gente faria o código por trás dessas telinhas aqui tá obviamente que a gente não vai fazer nada visual Mas vai ser um belo Insight para você conseguir aprender como lidar com variáveis quando você entra no jogo do Pokémon go pela primeira vez ele aparece uma mensagem perguntando Poxa Como que é o seu apelido que você gostaria que os outros treinadores Pokémon chamassem por você né e depois disso uma vez que você escreveu
o nome ele vai falar ah seja bem-vindo e o seu nome na sequência em todas as outras mensagens do jogo ele vai lembrar o seu nome né então vai aparecer a mensagem junto com o seu nome para que a gente consiga colocar isso em prática e não ficar aqui só no mundo da teoria a gente vai acessar esse site aqui ó que é o play code ponto e o Barra JavaScript quando você entrar nesse site você vai cair numa telinha parecida com essa daqui ó que eu já tô aberto tá então você vai ver que
aqui tem alguns arquivos e você vai conseguir codificar seja no seu celular seja no seu computador eu sempre indico o que você faça isso no computador por conta de ser mais prático mas caso você não tem acesso ao computador no momento você pode treinar isso no seu celular você pode digitar lá na barrinha de pesquisa de aplicativos editor de código JavaScript lá na Play Store você vai ter várias outras ferramentas o play code é uma que você não precisa instalar você roda direto do seu navegador e todo o conteúdo que eu vou te ensinar aqui
a gente vai fazer dentro dele tá quando você abre o Play Cold ponto que que a gente vai fazer tá vendo que aqui em cima ó ele tem uns íconezinhos ó tá vendo de uns quadradinhos aqui ó eu vou clicar aqui ó nesse Togo console nesse terceiro aqui ó que ele vai abrir essa outra janelinha tá vendo Então eu vou ter uma janela onde eu vou ter tá sele esse arquivo aqui ó que é o script.js e do outro lado eu tenho console então do lado esquerdo eu vou digitar o meu programa e do lado
direito a gente vai ver a saída como se fosse aquela telinha preta do computador Lembrando que o nosso programa ele não vai ter layout visual só vai ter a saída na telinha preta mas é excelente para a gente aprender todos os conceitos que a gente precisa Então primeira coisa que a gente precisa fazer para a gente resolver esse problema né se a gente tivesse programando a telinha do jogo do Pokémon go é jogar uma mensagem de saída né Então Eu precisaria que aparecesse no meu console né uma mensagem né escrito né Como você gostaria que
os outros jogadores te chamassem então para isso eu preciso programar uma mensagem de saída como eu jogo uma mensagem no meu console então se eu quero manipular o console eu escrevo aqui ó console E aí quando eu digito ponto aparece né aqui a possibilidade de digitar log tá que ele é um metro ou seja ele é alguma ação que vou fazer com console então eu digito primeiro quem eu quero utilizar no caso console que é a nossa telinha preta aí eu coloco o ponto e coloco uma ação que no nosso caso é log que é
para digitar mensagens né E aí entre aspas duplas então tudo que eu vou fazer aqui para escrever tem que estar em aspas duplas tá as mensagens que tem que aparecer o que tá sem aspas duplas são comandos do computador e o que tá dentro da aspas duplas são coisas que o computador tem que jogar na tela tá então eu vou digitar aqui né digite o nome do seu jogador tá então vou fazer isso aqui ó eu só vou arrastar essa telinha de console que tá aqui da direita eu vou clicar e arrastar e jogar ela
aqui embaixo só para melhorar para a gente digitar aqui em cima o nosso código e ver o resultado aqui embaixo Então olha só vamos entender o que tá acontecendo aqui a palavra console Ela ficou em amarelo né porque porque é um elemento aqui do nosso código né então é um é um objeto como a gente chama e o log ficou em azul porque é uma ação que a gente está fazendo e o texto ficou em verde por quê Porque é o texto que a gente quer jogar Então sempre que a gente tiver algum conteúdo que
a gente quer jogar na tela de saída a gente vai colocar entre aspas duplas mas a gente ainda não declarou uma variável tá então esse valor aqui ele é fixo Ele sempre vai aparecer a mesma mensagem aqui embaixo digite o nome do seu jogador só que agora a gente quer um lugar para a gente guardar uma parte que vai ser variável Afinal no final ele vai falar bem-vindo e o nome do jogador né então vamos lá vamos programar a última mensagem aqui ó console que é pra gente manipular o console que aquela telinha preta ponto
log que é pra gente fazer alguma ação que no caso aqui é jogar um log jogar uma mensagem e entre aspas duplas eu vou falar bem-vindo Felipe que é o meu nome é isso é legal só que tem um problema se você entrar no mesmo programa o seu nome não é Felipe ele tem que perguntar o seu nome você não pode ser João você não pode ser Maria então essa parte aqui ela tem que variar ou seja ela tem que ser uma variável Olha só como eu declaro uma variável no JavaScript tá então para declarar
uma variável no java script eu digito Primeiro Comando LED aí o meu computador fala Opa Toda vez que você digitalete ele tá falando Opa Então vamos declarar uma variável Então sempre que eu digitar let não java script é para declarar uma variável e depois disso eu preciso dar um nome para minha variável né É um apelido de como eu vou chamar essa variável nas outras nos outros lugares no meu programa né Então imagina lá que você tem o potinho de biscoitos da vovó né e no potinho de biscoito da vovó Você tem uma etiqueta que
tá escrito açúcar ou então tá escrito café Então aquilo ali é o que aquilo ali é o que a gente chama de Label download Identificação do que tem dentro do potinho e é a mesma coisa que ó então eu vou chamar essa variável de nickname tá então eu tenho uma variável meu computador nesse momento né meu programa Ele criou um espaço na memória que ele apelidou de nickname né e ele criou como se fosse uma caixinha aguardando eu colocar alguma coisa ali dentro como eu faço para guardar alguma coisa dentro da minha variável eu coloco
o sinal de igual né ou o sinal de atribuição como a gente chama isso vai me permitir pegar qualquer coisa e colocar dentro da minha caixinha escrito Nick nem tá então aqui eu vou colocar entre aspas duplas o meu nome ou o meu apelido né poderia ser Felipinho Mestre dos Pokémons bem humilde assim bem humilde mesmo E aí como essa parte do meu texto aqui não vai ser mais bem-vindo Felipe eu quero que ele sempre varie que que eu faço eu vou deletar daqui ó vou deixar só o bem vindo né espaço e no final
eu vou dar um sinal de mais né para ele somar ou seja ele concatenar né com que com o nome da minha variável Como que é o nome da minha variável é nickname então vou digitar que nem ele aqui e olha só as mensagens que ele coloca então nosso primeiro comando que é uma mensagem de saída ele escreveu digite o nome do seu jogador e depois disso a gente pegou uma variável né a gente falou olha computador cria uma caixinha na memória chamada nickname e dentro dela né atribua dentro dela né que é o sinal
de igual um texto e aí sempre quando a gente vai especificar um texto a gente coloca entre aspas duplas né Felipe um mestre dos Pokémons que é humilde a humildade primeiro lugar E aí depois a gente digitou aqui outra mensagem de saída né console.log bem-vindo então esse bem vindo ele é fixo Ele sempre vai ser igual mas uma parte que é uma variável que é o link name Então se é ele não fosse mais do Felipinho fosse o João né olha só a mensagem ia mudar então digite o nome do seu jogador e depois bem
vindo João Mestre dos Pokémons ou então até mesmo Maria mestra do Pikachu Pikachu então a gente teria aqui ó uma parte do texto que ela é fixa e outra parte do nosso conteúdo do nosso programa que é variável Então isso é o conceito de variáveis tá então o que que a gente aprendeu nessa aula a gente tem uma mensagem de saída a gente tem ali uma parte que é onde a gente declara a nossa variável e outra mensagem de saída mas vamos continuar explorando tem muita coisa legal para a gente aprender ainda quando o assunto
é variáveis [Música]
