[Música] fala Mestres beleza no vídeo de hoje nós vamos ver aqui um pouco sobre sintaxe variáveis e tipos de dados no JavaScript Então vai ser a introdução aí o passo Inicial é sintaxe quando a gente fala de sintaxe em programação é como se fosse gramática na na língua escrita na língua falada a língua que nós falamos no caso aqui o português mas enfim qualquer outra língua tem as suas regras gramaticais e na programação nós temos a sintaxe que é a forma que as coisas são escritas para tanto a máquina compreender quanto o outros programadores né
então se nós temos um erro de sintaxe o programa ele não vai funcionar vai dar um erro ele não vai ficar não não não vai executar ou não funciona ou ele nem roda ou se ele rodar ele vai dar um erro crítico e nós teremos problemas e outros programadores também não conseguiram entender aquele o que a gente tentou fazer porque a sintaxe tá errada na verdade eh Pode ser que entenda né mas o que eu quero dizer é isso é que são regras que devem ser seguidas E se a gente quebrar elas a gente tá
automaticamente quebrando ali o programa eh e aí nós vamos nós iremos ver sintaxe basicamente em todas as aulas eh tudo é sintaxe né tudo é novo tudo a gente vai explorar então é uma coisa que a gente vai estar vendo Sempre e eu quero deixar claro esse conceito tá porque é muito importante a sintaxe e nós temos que seguir essas regras Senão as coisas não funcionam eh e eu vou falar aqui sobre variáveis e tipos de dados pra gente já começar a ver aí como que as coisas funcionam como a gente declara as coisas enfim
como que o nosso programa funcionaria tá então eu tenho aqui o que eu vou apresentar para vocês é o início o início aqui do nosso do JavaScript tá Então primeiramente eu vou deixar aqui anotado no arquivo né o que que eu fiz eu criei um novo diretório tá então para criar um novo diretório nós temos ess esse ícone aqui né de New Folder novo diretório ou então a gente pode clicar com o botão direito aqui temos aqui também New Folder que eu vou nomear né as pastas os diretórios com o nome do módulo e as
aulas né que serão os arquivos dentro do nosso módulo Então esse arquivo teste aqui Que Nós criamos na aula passada a gente pode excluir ele é o botão direito deletar né ele vai apagar o arquivo e criei né o arquivo aqui para essa aula sintaxe básica variáveis e tipos de dados Então dentro desse arquivo eu vou primeiramente deixar aqui um comentário tá então o comentário é basicamente o é é um comentário né e a gente usa ele ali para deixar e para deixar o algumas dicas algumas informações do ao longo do código e também a
gente usa para quando a gente tá desenvolvendo Às vezes a gente quer testar algum uma coisa mas não quer apagar o que tá escrito ali a gente basicamente comenta que na hora da execução né o o interpretador ele vai ignorar os comentários então ele não vai entende não vai executar o código que tá dentro do comentário então serve pra gente muito e aqui a gente vai estar usando para isso também para esse fim de comentar código que a gente não quer executar mas também para deixar umas informações espalhadas aí no nosso programa então o primeiro
comentário aqui na na verdade né a sintaxe do comentário Olha a sintaxe aí ó nós podemos fazer comentário com Duas Barras e isso vai comentar toda a linha então lá nós tínhamos né o console log hello world da aula passada se eu comento ele ou seja eu venho aqui no início da linha e digito barra barra e essa linha inteira vai ser comentada então tudo que tivesse aqui se tivesse mais coisas aqui erros erros de sintaxe né que seria esses aleatórios aqui o interpretador não vai não vai executar isso igual se eu executo o código
né não vai aparecer nada porque ele não interpreta comó log se eu tirar o comentário e executar né então tiro o comentário salvei né para salvada Relembrando é control s é um atalho aí que a gente usa automaticamente e ou então você pode vir aqui em file tem aqui save né para caso você não queira usar o atalho Mas enfim salvando esse arquivo e executando ele vai dar um erro erro de sintaxe Olha lá syntax erro um um identificador não esperado e temos aqui também a indicação isso aqui a gente chama de stack 3 a
gente vai falar mais de interpretação de erro no módulo posterior mas o fato é que no erro ele já me indica já me aponta ali para onde é que tá o problema e de fato o problema é esses caracteres aleatórios se eu apagar isso salvar de novo ntrol s e exar nós teremos aqui o nosso hello world tá então os comentários servirão tanto para comentar o código quanto para mim separar aqui o que que o que que eu vou estar abordando nas aulas né então aqui eu vou estar falando sobre comentários vou dar um enter
aqui então tem o comentário de uma linha e nós temos também o comentário em bloco que é barra asterisco e nós fechamos com asterístico barra então tudo que tiver dentro desse desse desse dois desses desses dois eh desse bloco né esse barra asterístico asterístico barra vai ficar comentado então eu posso passar aqui né console dog hello fazer qualquer coisa aqui informações escrever qualquer coisa contando que esteja dentro do bloco não terá problema eu posso executar o programa aqui ele não vai fazer nada porque esse pedaço aqui tá comentado e novamente igual na linha né se
eu tirar esse comentário ele vai eh e tentar executar né Salv o arquivo tenta executar vai dar um problema de de de dessa coisa aleatória que eu escrevi né esse aqui no caso el deu um erro de referência Mas é o mesmo problema tá e o que que eu tenho atalho também né para isso aqui então nós temos atalho para tudo na verdade né então para comentar uma linha eu tenho control barra ele comenta a linha né control barra tira o comentário e eu tenho também o contrl shift a pra criar o comentário em bloco
e cont contrl shift a vai tirar também então se eu seleciono né e dou control shift a ele tira o comentário em bloco então isso aqui eu posso comentar em bloco seleciono isso aqui tudo ctrl shift a de novo ele vai tirar o comentário tá então eu vou deixar aqui o comentário em bloco nesse arquivo pra gente ter essa referência beleza e vou apagar isso aqui então para quem vai se perguntar aí porque que eu movo o cursor dessa forma eu uso uma extensão tá eh que me ajuda a mover o meu o meu cursor
do mouse pelo teclado tá mas vocês podem usar as setinhas aqui o teclado que tem a setinha né para mover para cima e para baixo esquerda e direita e para quem realmente tá em dúvida sobre o que que eu uso é a extensão do vs code hum extensões que é o VM tá para visual Studio code é uma é uma coisa bem complicada de aprender então para quem tá iniciando eu não recomendo de forma alguma mas quando a gente pega a prática ele fica ele ajuda bastante mas beleza vamos lá vamos voltar pro foco da
aula comentários Então a gente tem esses dois tipos de comentário e Aqui Nós já vamos iniciar falar a falando sobre as variáveis porque o que que é uma variável essa variável vai ser basicamente um local que a gente consegue armazenar informação que informação é essa pode ser diversas coisas pode ser diversos tipos de dados e falando de umaa parte mais abstrata a variável ela vai apontar para alguma posição na memória então eu consigo na variável armazenar dados ou seja essa variável aponta para aquele pedaço de memória que contém dados e eu posso também fazer a
leitura né então eu posso pegar o dado da variável e ler né ler aquele para onde ela está apontando né aquele pedaço de memória e extrair esses dados então a gente consegue escrever e Obter dados através de variáveis e notação né a sintaxe Olha a sintaxe aí ó paraa declaração de variável nós temos aqui o let né o operador let então eu digito let o nome da variável Então essa variável aqui vai ser do eu vou chamar ela de sobrenome e eu vou atribuir Na verdade essa isso aqui eu já inicialize essa variável tá só
que dessa forma aqui ela não tem valor nenhum ela não aponta para valor nenhum não existe valor Então como que a gente pode ver isso eu posso aqui na linha de baixo dar um console log sobrenome que é a minha variável salvando isso aqui nós podemos executar o arquivo e nós temos aqui ó undefined então undefined ele é um tipo de dado no JavaScript tá então nós temos o tipo de dado eu vou deixar o comentado aqui ó o tipo do dado que é undefined então esse tipo de dado como o nome já diz é
não definido nós não temos nada definido dessa variável e nós podemos definir um valor né como eu disse então eu vou declarar outra variável aqui que vai ser o nome o nome vem antes não vamos deixar assim o nome vai ser igual e Aqui nós temos um operador Já que é o operador de atribuição Ou seja eu estou atribuindo um valor para essa variável e esse valor vai ser ã meu nome né Janer e note que eu usei aqui né as aspas e essas aspas são a sintaxe aí pra representação de um string tá então
string é outro tipo de dado que representam um texto Então sempre que a gente tá trabalhando com texto nós vamos trabalhar com Strings né então a string juner teria E aí eu posso ter qualquer string e a a sintaxe de string pode ser tanto aspas duplas quanto aspas Simples então eu posso ter aqui eh o nome completo nome completo O aspas simples também vai funcionar ele vai entender que os dois aqui são Strings E então nos nomes de variáveis nós podemos o declarar o nome usando caracteres comuns né então esses caracteres alfanuméricos eh eu posso
usar alguns caracteres especiais mas por exemplo acento a gente não pode usar para declarar o nome variável então nós temos aí um conjunto de caracteres um pouco restrito né restrito mais aos acentos porque eu consigo declarar com underline com na verdade é com underline eu consigo com ifen eu não consigo eh nós podemos ter algun alguns símbolos também não vai funcionar então ó @ não funciona cifrão já funciona e hashtag Cadê o hashtag hashtag também vai dar problema então alguns símbolos no nome da variável Não não é Ok vai dar algum problema mas de forma
geral nós podemos usar o os caracteres comuns né do alfabeto e alguns números também né Número a gente pode colocar também tanto no no no meio e no final né No início ele dá problema também tá então para declarar os nomes da variável a gente tem um uma certa limitação mas é coisa que sempre que a gente declarar errado a própria ide já avisa pra gente aqui que D tá dando erro então é fácil pegar esse problema tá então vou salvar isso aqui quando eu salvei ó o preder ele substituiu a string simples pra string
dupla e que é uma configuração padrão né o padrão que eu que eu falei como como foi dito na aula que o PR ele vai seguir um padrão de formatação então ele vai manter esse padrão por todo o nosso código mas eu quero deixar claro que eu vou deixar até no comentário aqui eu vou tirar o nome completo o tipo de dado é string e pode ser declarado com aspas simples Beleza então que nós falamos de as declaração de variável atribuição de valor tipo de dado a gente começou eh Na verdade o tipo de dado
a gente vai continuar falando tá então eu tenho também os nos tipos de dados né Nós temos aqui um outro valor um outro tipo de dado que é o tipo de dado numérico então idade eu posso passar aqui minha idade e eu já digito o número direto tá esse número ele pode ter um ponto flutuante mas isso aqui é o tipo Number né E nós podemos representar números aqui com as nossas variáveis beleza e além do undefined string e Number nós temos também o tipo boleano então aqui eu vou ter outra variável que é o
possui carteira possui carteira é igual a falso tá então nós temos aqui falso e true que isso aqui o boleano Né o o o tipo de dado boleano é um tipo de dado binário então ele é ou verdadeiro ou falso né só esses dois então a gente usa isso aí para criar várias lógicas enfim boleano tá presente em muitos locais e é também mais um tipo de dado aqui no JavaScript tá então outro tipo de dado que nós temos é o tipo nulo então Aqui nós temos aqui ó LED e aqui eu vou chamar isso
aqui de comida é nul tá então esse nulo aqui ele indica a ausência de um valor tá então às vezes a gente com pode confundir isso aqui com undefined porque o undefined como o nome já diz ele é não definido só que em algum momento ele será né A diferença é essa o nul não nul representa realmente a ausência de valor e isso aqui vai fazer mais sentido quando a gente começar a falar de modelagem de dados que a gente for mais para frente para entender então Além disso aqui nós temos outros dois tipos de
dados que é o objeto que a sintaxe são Chaves né E aqui o tipo de dado é Object e também nós temos o Array e seria a lista tá então esses tipos de dados aqui objeto e arrei nós teremos um módulo específico para isso para eles né para explicar e falar mais sobre eles e eu só tô aqui mesmo apresentando esses tipos de dados que são os que a gente trabalha aí no JavaScript tá então com isso aqui com isso aqui dito nós temos uma outra diferença nas variáveis que é na declaração de variável então
o que que eu vou fazer aqui ó eu tô dando consol em sobrenome eu vou eu vou deixar isso aqui e para não ter na verdade eu vou comentar esse cons na verdade vamos tirar o conso log porque eu quero mostrar para vocês uma outra forma de declarar variáveis que é usando aqui const tá então esse const ele também é usado para declarar variáveis e ele é diferente do let por const ele indica um valor constante let quando a gente declara variável com tipo let esse valor pode mudar então o que que eu vou que
que eu vou mostrar para vocês aqui ó eu vou fazer o seguinte conso log no nome ou seja meu nome jer dar um conso log vou executar aqui o programa olha temos aqui jer printado no terminal agora depois do conso log eu vou fazer o seguinte ó nome vai receber Vinícius certo então eu estou atribuindo um novo valor à minha variável eu inicialize ela com o nome Janer e atribuir um novo valor então aqui depois ó vou dar um console log nome de novo né então vou dar o consolle log na mesma variável e executando
isso aqui salvando né tem que lembrar sempre de salvar né control S sempre executando isso aqui nós temos lá ó jancer e Vinícius então eu conseguir substituir o valor da variável eh Porque ela foi declarada usando let e agora eu vou ter aqui outra variável que eu vou declarar e eu vou declarar usando const Então vou chamar const nome completo vai receber o meu nome certo e vou fazer o consol log nome completo com isso aqui eu posso executar o programa e nós temos aqui no console ó Janer Vinícius que é esses dois conso logs
aqui de cima e eu tenho aqui jancer Lima que é o eu fazendo conso log da minha variável nome completo agora depois desse consol log eu vou fazer o seguinte ó nome completo vai receber Maria Maria Lima também pode ser e logo após de atribuir um novo valor né a variável nome completo eu vou fazer o consol log nome completo e aí com isso aqui quando a gente executa o programa nós teremos um erro tá então o erro é que eu estou atribuindo o valor a uma variável constante então na variável do tipo constante nós
não conseguimos atribuir Novos Valores para ela né uma vez que foi declarado esse valor vai permanecer e isso é muito importante tem tem os casos de uso para para isso e a gente vai ver isso mais paraa frente tá então voltando aqui nos tipos de dados já para finalizar nós temos esses tipos de dados né undefined string número boleano e nulo como os tipos primitivos que nós falamos que são tipos simples e nós temos aqui os tipos complexos né que é o objeto e o Array tá então nós temos esses tipos de dados aí a
gente referencia separa eles né como tipo primitivo e tipo complexo para a gente conseguir diferenciar as coisas que isso vai fazer mais sentido quando a gente prosseguir aqui nas nossas aulas Beleza então para essa aula aqui vai ser isso tá eu espero aí que eu tenha ajudado qualquer dúvida pode est deixando um comentário logo abaixo e é isso aí muito obrigado e até a próxima [Música]
