Curso Javascript Completo 2023 Iniciantes 14 Mini Projetos

O meu objetivo neste curso é de destravar a sua mente e ensinar como você pode resolver problemas usando a programação Oi meu nome é Jon da Dev aprender.com e nesse curso completo de JavaScript eu vou ensinar você que está iniciando na programação ou você que já programa em outra linguagem mas nunca viu JavaScript Como que você pode usar variáveis tipos de dados objetos funções arrays controle de fluxo operações de Comparação laço de repetição e vou te dar também uma introdução a como manipular o dom mas não adianta nada eu te dar todo esse conhecimento Se

você não conseguir pegar tudo isso que eu estão te ensinando e aplicar em cenários reais então foi por isso que eu montei 15 mini projetos para você praticar durante todo o curso trocando valores encontrar o máximo entre valores fiz bus medidor de velocidade para o ímpar encontra o string múltiplos de 3 E5 Média de nota escolar contador de asterisco números primos encontra igualdade montador de postagem de blog faixa de preço e segurança virtual ok então se você tem algum amigo que também quer aprender está aprendendo agora eu recomendo que você mande esse curso PR ele

porque eu tenho visto que quando você compartilha algo e você inicia junto a chance de você terminar isso é muito maior e também vocês dois vão sair daí aprendendo alguma coisa nova ok Então você está pronto para começar eu tenho uma missão PR você quero que você deça nos comentários agora e me diga três coisas o seu nome que dia é hoje e o quanto você sabe de JavaScript Ok se você já fez isso então nós vamos agora pra nossa primeira aula GO Então nós vamos começar aqui agora instalando uma ferramenta para que a gente

possa rodar o nosso código o nome dessa ferramenta é vs code mas antes de fazer isso eu quero que você crie uma Pasta no seu desktop Você vai clicar em botão direito novo ou New e pasta nós vamos chamar essa pasta de curso JavaScript Ok criado nós vamos abrir agora o Google aqui você vai digitar vs code nós vamos entrar no primeiro link Então eu quero que você faça aqui o download clique em download para Windows ou qualquer sistema operacional você estiver usando faça a instalação é bem simples basicamente apertar próximo Próximo próximo depois que

você fizer a instalação nós volte aqui nós vamos agora abrir o vs code então você pode iniciar e digitar vs code ele vai aparecer aqui ou visual Studio code você pode clicar aqui ele para ele abrir quando ele abrir aqui você vai ver essa opção ou algo parecido mas para garantir que todo mundo esteja fazendo a mesma coisa eu quero que você aperte Alt no seu teclado e esse menu vai aparecer caso ele já esteja aqui você pode Simplesmente já usar ele você vai clicar em file ou arquivo e Open folder ou Abrir pasta nós

vamos agora Navegar até o nosso desktop né onde Nós criamos a nossa pasta curso de JavaScript Você vai clicar nela e selecionar O folder ou pasta então aqui eu quero que você crie dois arquivos e Como que você pode criar arquivos você pode expandir essa barra lateral esquerda aqui e você vai clicar em new file ou New arquivo esse primeiro iconeinstagram De aula. JS e nós vamos clicar mais uma vez e chamar ela de home nós vamos chamar de home. html perfeito antes de continuar aqui nós vamos instalar uma extensão você pode clicar aqui em

extensions e você vai buscar uma extensão chamada Live server e dar enter você vai achar essa primeira instalação aqui nós vamos clicar em install Pode ser que ele peça para você reiniciar pode ser que não caso você esteja tendo problema com atenção deixa Um comentário ou então Veja a segunda opção que vou dar de ferramenta que você pode usar pro desenvolvimento Ok então você pode voltar aqui em arquivos clicando aqui na Explorer nós vamos agora abrir nosso home. HTML e você vai copiar o código que eu vou deixar na descrição desse vídeo ok mas eu

vou gerar ele aqui automaticamente e aqui eh nós vamos chamar de curso JavaScript mas aí como que a gente vai fazer algo útil com isso é bem simples Você vai clicar no home. hml botta direito e Open with Live server ou abrir com Live server quando você clica aqui ele vai abrir uma página no seu navegador como você está vendo aqui e você pode apertar f12 no seu navegador quando você aperta f12 ele vai abrir essa janelinha aqui você talvez não esteja vendo console ainda então você vai ver que tem algumas Abas aqui você vaiar

em de elementos você vaiar em console Ok então você vai jogar o Code Do lado para que você consiga ver os dois ao mesmo tempo igual eu faço durante o curso Então o que qual é legal disso aqui se eu vier aqui agora em aulas PJS tudo que eu escrevo aqui dentro por exemplo Quero mostrar uma mensagem na tela mostrar o meu nome na tela eu quero ver esse resultado em tempo real eu posso escrever aqui console.log Jonathan quando eu apertar control S não vai acontecer nada ainda por quê Porque Eu não passei ainda uma

referência pro meu arquivo JavaScript na minha página HTML Então você vai voltar aqui na sua página HTML e você vai abaixo do title você vai dizer script esse underline esse opção consor aperta Tab ele vai completar para você e você pode digitar ponto barra aula. JS que é esse nome que eu acabei esse arquivo que eu acabei de criar aqui ok apertei enter e agora está salvo então agora a gente volta no nosso arquivo aula PJS se eu Fizer outra coisa aqui console pon log bem-vindo bem-vindo ao curso e apertar control s no meu teclado

para salvar ele vai apertar ele vai aparecer aqui na direita o que eu estou fazendo ok então essa a forma que você pode usar para seguir as aulas desse curso mas eu vou apresentar para você na segunda opção agora para caso você tenha problema com isso aqui você possa usar essa segunda opção vamos lá para que a gente comece aqui eu vou Te mostrar a ferramenta de desenvolvimento que nós vamos estar usando o nome da ferramenta é rolet rolet é uma ferramenta que você pode compilar você pode rodar o seu código online sem instalar nada

no seu computador então isso ajuda muito a gente mais rápido então nós vamos entrar aqui Você vai clicar nesse botão gigante de sign up para se inscrever nesse site e aqui você pode entrar com Google github ou Facebook ok eu vou entrar com Facebook aqui você pode só mandar ele confirmar aqui você pode continuar como jonath se você estiver usando o Facebook você pode usar também qualquer um dos outros serviços ele vai dizer aqui que você fez sucesso fez o login com sucesso nós vamos agora clicar em new rapple então clica aqui depois você vai

digitar JavaScript que é o que nós estaremos usando nesse curso você pode dar o nome que você quiser vou chamar aqui de curso JavaScript eu posso deixar público ou privado eu vou deixar o meu público mas você pode fazer o que você achar melhor depois você vai clicar em Create rapple Ok então quando você clica aqui ele vai já te chamar Vai te enviar pra página de desenvolvimento então quando a página carregar você vai ver isso aqui que você está vendo na tela e aqui eu tenho alguns botõezinhos que eu quero mostrar para você A

primeira é as configurações você pode ir aqui em settings e você Pode trocar o tema por exemplo para escuro se você prefere esse tipo de tema você pode ver as os arquivos que estão na sua pasta clicando aqui em files a primeira opção e você pode criar novos arquivos clicando em add file então aqui você pode clicar arquivo 2.js você pode clicar você pode criar quantos arquivos você quiser Essas são todas as informações que você precisa para continuar a fazer esse curso usando essa ferramenta do rlat então mesmo que Eu use o vs code você

pode continuar usando dessa aqui ou se você quiser usar o vs code se você sabe usar você pode usar ele também ok então vamos agora pra próxima aula Ok então Eh o que é uma variável a variável é um dos conceitos mais usados né mais básicos também da da programação a variável serve basicamente para receber um valor e esse valor pode ser usado em algum outro lugar do seu programa Ok isso de forma bem geral e Para declarar uma variável no JavaScript nós vamos fazer da seguinte forma você vai digitar let por exemplo idade igual

a algum valor Vamos colocar aqui C por exemplo então Aqui nós temos uma variável então tem algumas partes aqui da declaração de uma variável nós temos a palavra chave que é o let que é o tipo da variável Ok existe também um outro tipo que é o var que é a forma mais antiga anterior a versão atual do JavaScript Mas nós vamos estar usando a Versão é mais atual que permite você definir como LED idade aqui é o nome da variável o igual é a operação de atribuição nós estamos atribuindo esse valor que está à

direita para dentro dessa variável e aqui o cinco é o valor em si que nós estamos atribuindo e finalmente você tem que finalizar toda a sentença com um ponto e vírgula no JavaScript Então como que eu posso printar essa variável Como que eu posso ver esse valor na tela nós vamos fazer Um console pon log e vamos passar como parâmetro essa variável Ok então aqui nós vamos dar um ponto e vírgula e se você instalou aquele plugin anteriormente você já vai conseguir ver ela aqui embaixo Ok então Eh eu quero que você faça um exemplo

aí Imprima por exemplo um outro valor na sua tela então lembrando que quando eu digo para rodar na tela e mostrar no console é para você apertar o Run no Ok então para todos os Exemplos que eu estiver pedindo PR você para você mostrar no console eu quero que você faça isso aqui por exemplo console log aspas simples Jonathan eu falo assim mostra na tela para mim então você vai digitar algo aqui o console log e vai clicar em Run quando você clica em Run ele vai pegar o seu código e vai transformar ele em

algo que você pode ver no console aqui à direita Ok Ok então vamos fazer um teste aqui Então você pode ver que ele já está imprimindo aqui os valores Ok e quais são Então vamos comentar isso daqui você pode selecionar e apertar control ponto e vírgula ele já vai comentar para você então aqui ah Quais são as maneiras de nomear a variável uma variável bom primeiro você não deve começar o nome de uma variável com um número por exemplo isso aqui não vai funcionar Ok você não consegue começar dessa forma outra questão você não pode

colocar também Espaços entre uma variável não é possível Ok ah uma das formas mais recomendadas de fazer a nomeação é usar alo que é chamado de Camel Case o que é case basicamente é igual a essa própria palavra está definida aqui a primeira letra é minúscula e a palavras consequentes as palavras seguintes vão estar em maiúsculo Ok então se eu fosse digitar aqui nome completo eu não ia digitar por exemplo nome completo eu digitaria nome Minúsculo N E C maiúsculo Ok então essa forma você deve seguir para estar seguindo aí as boas práticas é importante

Lembrar que no JavaScript as palavras as variáveis nomes de variáveis são Case sensitive o que significa que a letra minúsculas e maiúsculas faz fazem diferença sim na declaração dessas variáveis então por exemplo se eu digitar aqui let nome igual a aspas simples Jonathan ponto e vírgula para finalizar E tentar imprimir aqui no console um nome com n maiúsculo ele não vai falar vai dizer aqui para você que tá com erro não está o nome não está definido então você pode perceber que um pequeno n aqui faz diferença Então você tem que ter ter bastante cuidado

ao fazer isso aí OK então agora já funciona é possível que você defina também vários várias variáveis de uma vez só por exemplo nome ah idade altura Ok você pode fazer isso não tem problema mas não é muito Recomendado que você faça dessa forma para que você separe melhor Ah o que que é cada coisa Ok Isso é bem importante então como exercício eu quero que você Imprima na tela três variáveis diferentes Ok e depois poste o comentário aí no vídeo para que a gente possa ver eh se vocês estão fazendo tudo direitinho e que

a gente possa dar até um feedback Ok muito obrigado vejo vocês na próxima aula então aqui nós vamos declarar uma Variável let valor ingresso adulto Vamos definir aqui o valor de 20 e ponto e vírgula para finalizar essa sentença e aqui se nós quisermos por exemplo reatribuir esse valor valor ingresso adulto igual a 30 ele vai te permitir tanto que eu posso imprimir isso na tela fazendo console log dando um Tab aqui para completar e ponto e vírgula ele já vai aparecer para nós aqui com 30 ok então nós já podemos ver esse valor aqui

então Ah esse é o caso Onde você precisa de reatribuir Ou seja você precisa de alterar o valor constantemente você tem que ficar redefinindo esse valor então você vai usar o let o let permite que você redefina quantas vezes você quiser mas vamos dizer aqui que nós mudemos isso aqui para um const que é um constante o que que vai acontecer vai dar um erro por vari tá falando aqui que a atribuição para uma variável constante ou seja se é constante não pode mudar né Por isso o nome então você nunca consegue redefinir o valor

de uma variável que é constante Então essa linha aqui não pode existir e se a gente remover a linha ela volta a funcionar Ok então a grande dica aqui é que você sempre use o const quando você tem valores que não precisam ser redefinidos inclusive é uma boa prática que você use preferencialmente o const como valor e de como tipo de variável e só use o l caso você precise ficar alterando os Valores Ok então ah use o const bastante e só use o let quando for alterar valores Olá pessoal então hoje nessa aula nós

vamos entender um pouco mais sobre os tipos primitivos que existem no JavaScript Ok então ah os tipos primitivos são basicamente dois nós temos do lado os tipos de referência e os tipos de valores hoje nós vamos estar vendo os tipos os tipos de referência ok então Aqui os tipos de referência nós temos o string um Number um buan undefined e no Então o que nós vamos ver depois também os tipos de value Ok de valores então aqui por exemplo nós temos aqui um let nome igual a Rafael ponto e vírgula então isso aqui é chamado

de string é um string literal o nome desse tipo aqui B armazena informações em forma de string string é nada mais nada menos que um nome que você dá para quando você junta várias Letras em uma palavra Ok Isso é um string Independente se tem espaço aqui se tem números não tem problema se tem caracteres especiais Não importa isso é um string Ok então o string é simplesmente quando você junta várias letras e você armazena isso em uma variável nós temos também por exemplo aqui idade idade ou é na verdade Ah nós temos um Number

um número que é quando você atribui um valor numeral Ok isso aqui Chama um Number literal Ok é um literal de número então aqui Você poderia colocar qualquer valor de número como por exemplo 25.4 eh você pode colocar valores decimais aqui não tem problema Ok então aqui você vai conseguir atribuir e trabalhar com valores ah existe também o boolean Ok por exemplo vamos dizer que você tem que ter alguma coisa Alguma condição que decida se algo Está aprovado ou Não Vamos definir como true então isso aqui é um buling ok um bullying um boleano ele

vai vai te ajudar a construir regras no seu aplicativo e vamos dizer que você vai permitir acesso ao seu sistema se a pessoa fazer o login e o resultado disso é você vai passar para essa variável aqui Está aprovado se ele está aprovado ele consigue ele consegue fazer uso do sistema se ele não está aprovado ele volta de novo pra página de login por Exemplo e tento fazer o login novamente existe também o valor padrão de um de uma variável por exemplo essa variável aqui sobrenome Se eu tentar exibir ela você vai ver que ela

está como undefined ou seja ela está como undefined ela está sem tipo sem definição então se você queira caso você precise é não é muito não é nada comum você fazer isso é definir na mão aqui que ele está undefined você poderia fazer dessa forma Ah mas isso não é recomendado que senão é bem bem bem pouco usado e Finalmente nós temos também por exemplo aqui vamos e definir por exemplo cor selecionada Então vamos dizer que você você colocou nós temos o tipo n o tipo N serve pr qu basicamente você vai usar ele em

casos Onde você quer resetar um valor então vamos dizer que você tá criando um um sistema que a pessoa vai escolher a cor do fundo da página Ok quando a pessoa inicializa a página ela Vai est vazio ou seja você vai definir para no E caso a pessoa escolha vamos dizer que ela escolheu ali o valor azul e ela vai definir para azul aí quando outra pessoa pessa vai entra no sistema de novo ele vai novamente lá e apaga aquele campo para que outra pessoa possa fazer uma escolha então por isso você vai usar o

n Ok mais em casos Onde você quer redefinir Ok Onde você quer redefinir um valor e tem também o o tipo sbol que nós vamos ver um pouco mais pra Frente no curso é que é também um dos outros tipos novos que são foram criados no JavaScript S6 Ok então por hoje é isso muito obrigado se você gostou desse vídeo curte ah compartilha e comente aí suas dúvidas conosco OK Olá pessoal nessa aula nós vamos então continuar aqui Aprendendo agora sobre tipagem dinâmica tipagem dinâmica porque o JavaScript é uma linguagem dinâmica diferente de algumas outras

que nós temos no mercado como Java csharp e É e que essas linguagens você define primeiro tipo e depois atribui um valor já no JavaScript você não precisa de fazer isso você pode deixar que ele descubra em tempo de execução ou seja enquanto você vai fazendo ali a execução do programa ele vai descobrir a o tipo que você definiu então vendo isso na prática Aqui nós temos os tipos que nós definimos na última aula Ok nidade Está aprovado e esses tipos aqui nós vamos entender agora um pouco mais sobre eles Ah se nós entrarmos aqui

no console ah inclusive se você quiser rodar esse código aqui junto comigo assista a primeira aula desse curso e ali você vai conseguir ver como que eu montei esse ambiente para ele estar do jeito que ele está nessas aulas Ok então existe existe um tipo aqui uma função que chama Type of e com ela você consegue verificar o tipo das variáveis Então se a gente pegar aqui por exemplo o nome e dar um enter aqui você vai ver que o tipo dela É string então mesmo sem eu definir isso explicitamente aqui o interpretador do JavaScript

já vai identificar isso para você e vai te dizer que aqui o tipo string e como a diferença da do JavaScript é ele ser dinâmico se eu pegar aqui nome e colocar o valor 5 por exemplo e eu perguntar de novo o Type of tipo do nome dar um enter aqui ele vai me dizer que agora é um Number isso porque JavaScript é dinâmico e pode pode ser alterado a qualquer Momento Então esse é um dos grandes benefícios e também um das grandes coisas que você tem que prestar atenção para não confundir enquanto você está

desenvolvendo se nós olharmos aqui o valor né o tipo de idade Type of idade você pode ver que é um Number Ok então ele vai identificar simplesmente pelo fato de você ter atribuído aqui um valor como um Number Ok então também em outras linguagens os valores decimais como por exemplo 25.5 para o JavaScript Ah não existe uma diferenciação então se eu fazer aqui idade igual a 25.05 por exemplo eu passar esse valor para dentro da variável idade e eu Verificar novamente o tipo dela você vai ver que ela continua sendo um Number isso porque não

tem diferenciação de números inteiros para números com pontos decimais Ok com números ali decimais após o ponto então isso não tem Não existe diferenciação disso no JavaScript se nós olharmos aqui em Está aprovado o Type of Está aprovado você pode imaginar que seja boleano você estaria correto e aqui só para demonstrar novamente aqui se nós tentarmos dar um Está aprovado igual a 10 ele vai e nós verificarmos novamente verificarmos novamente o tipo dele você vai ver que agora ele é um Number apesar de anteriormente ser um boleano Então vamos apagar isso aqui para ficar um

Pouco mais limpa aperte aí no seu teclado control L você vai apagar tudo E aqui continuando nós vamos ver o sobrenome agora o Type of sobrenome então ele está como undefined Ok como eu disse anteriormente você não vai usar muito esse tipo undefined mas é bom entender como ele funciona quando você atribui para uma variável undefined Na verdade o que você tá fazendo por baixo ali é passar um valor Ok porque se você lembra da aula Anterior nós temos os tipos de valores e os tipos por referências Ok então todos que nós temos aqui são

tipos de valores onde você precisa necessariamente passar um valor para que eles funcionem Ok e mais para frente nós vamos aprender sobre os tipos de ah referência e por último nós temos aqui cor selecionada Então vamos ver Type of cor selecionado ele é um Object é um objeto então ah por que que ele é um objeto Ok O que que seria um objeto isso é o tópico da nossa próxima aula OK Olá pessoal bem-vindo de volta às aulas Espero que você tenha gostado da última aula e se esses vídeos estão te ajudando de alguma forma

se você está aprendendo de alguma forma e está conseguindo praticar isso aqui eu queria que você curtisse esse vídeo compartilhasse e assistisse também as outras aulas nessa série Ok então hoje nós vamos estar Aprendendo aqui sobre objetos bom e objeto vai entrar na nossas nossos tipos por referência Ok até agora nós estávamos vendo os tipos de valores então agora nós vamos entrar nos tipos de ok que são os objetos os arrays e os functions as funções que nós vamos ver nas próximas aulas então aqui o que é um objeto bom você pode ver aqui que

nós temos o código da última aula e esse código tá separado em várias Propriedades diferentes nós temos nome idade está provado sobrenome então isso aqui está separado mas se eu quisesse juntar isso em um lugar só bom esse é exatamente uma das de um objeto um objeto basicamente Vai juntar informações em um lugar só que você pode acessar pela propriedade daquele objeto Então se a gente fosse pegar por exemplo e criar um objeto pessoa nós já temos aqui basicamente todas as informações Que nós precisamos vamos pegar aqui por exemplo essas quatro primeiras propriedades e vamos

criar um objeto ok ok então aqui se nós queremos transformar objeto essas várias propriedades em um objeto como que nós podemos fazer isso bom sintaxe para poder criar um objeto no JavaScript é da seguinte forma você vai digitar um l pessoa igual a abre e fecha Chaves ponto e vírgula então se eu parasse aqui você teria um objeto vazio Ok então Aqui nós Temos um objeto vazio é dessa forma que você vai declarar uma um objeto em JavaScript Mas nós vamos criar um objeto aqui que vai ser útil Então nós vamos dar um enter aqui

e vamos basicamente pegar essas propriedades que estão ali em cima e nós vamos passar ela aqui para baixo para criar uma classe então a dentro de uma classe você vai definir dessa forma a propriedade dois pontos e o que vai dentro dessa propriedade Ok então aqui nós vamos colocar Rafael e Isso aqui no objeto é chamado de Key value Pair Ok ou seja chave e valor você sempre vai ter essa combinação de uma chave aqui na esquerda um identificador e o valor ou seja de como você vai acessar essa chave esse valor H Como que

você vai acessar esse valor na verdade pela chave que é nome ok então por exemplo se a gente fosse acessar aqui essa propriedade como você faria você faria um console log pon pessoa então se eu fizer isso aqui nós já temos aqui um Objeto Ok PR a gente confirmar que é um objeto nós podemos usar o Type of que nós usamos na última aula Type of pessoa e temos aqui Object ok E se a gente ver ali dentro de pessoa pessoa pon nome nós temos um string Ok então pra gente ver o valor que tá

ali dentro vamos apagar aqui comtrol l e se você digitar pessoa P nome você já tem aqui o nome Rafael Ok então dessa forma você pode acessar e Também ver os tipos que estão dentro de uma variável Então vamos completar aqui Vamos colocar aqui agora idade 25 Está aprovado igual a true e sobrenome igual a perfeito então se nós fizemos o conso log você pode ver que ele já está mostrando aqui todas as propriedades desse objeto Ok mas então ok então na prática agora eu quero que você coloque aí no seu projeto mais três propriedades

e exiba ess essas propriedades no console e poste um comentário nesse vídeo o objeto que você criou Ok mas e se eu quisesse criar mais de uma propriedade E se eu quisesse armazenar mais de um objeto ao mesmo tempo como que eu faria isso bom esse é o tópico da nossa próxima aula Olá pessoal bem-vindos a mais uma aula se você está acompanhando esse Curso eu espero que você você esteja aprendendo bastante que já consiga estar fazendo operações básicas e já tem agora um conceito maior da dessas questões iniciais da linguagem Ok hoje nós vamos

continuar aprendendo de mais uma das questões que são mais usadas isso aqui você vai pegar e vai usar todo dia pode acreditar isso aqui é basicamente um dos pilares aí da programação principalmente com JavaScript que nós vamos aprender sobre arrays Ok então hoje nós vamos ver Arrays arrays o que são bom basicamente de uma forma mais mais simples Array é um conjunto de dados ok ele é simplesmente isso um conjunto de dados que pode ser acessado por um índice e o que que é um índice um índice não é nada mais nada menos que uma

posição exata de onde se encontra a uma informação nesse conjunto de informação Ok mas chega de blá blá blá Vamos ver isso na prática então por exemplo se eu criar aqui Let família igual a abre e fecha colchetes e aqui eu coloco o que eu quiser eu posso colocar Strings eu posso colocar números posso colocar booleanos então se eu fosse colocar aqui por exemplo a idade das pessoas da minha família eu colocaria aqui por exemplo alguns valores aqui e pronto eu tenho aqui um Array Ok então se você v Aqui nós temos quatro elementos aqui

dentro certo temos aqui o 26 o 45 o 50 e 17 se eu quiser ver algum valor desse Array bom vocês já viram nas aulas anteriores que você pode exibir fazendo um console log então se você simplesmente coloca o Array inteiro aqui você vai ver ele sendo exibido aqui com todos os valores perfeito e quando você vê aqui você vê que ele tem um número antes 0 1 2 e 3 O que que é isso isso é o índice Ok e assim por esse número esse índice que você vai acessar o valor então por exemplo

Eu quero acessar o Valor 50 aqui como que eu faço eu venho aqui e digito abre e fecha cochet e coloco o número do ok então você pode ver que ele já exibiu esse valor então é bem simples de usar e outra questão bem interessante é que eu não preciso de deter só um tipo de ah propriedade aqui eu posso colocar por exemplo um string por exemplo Jonathan e você viu que ele continuou funcionando perfeitamente então nós podemos acessar Dessa forma não tem Problema você misturar aqui e colocar por exemplo um true boleano Ok não

tem problema e se eu quiser acessar ali qual o número que eu tenho que acessar Qual é o índice bom se vocês verem aqui ele vai sempre começar a contar do zero Então nós vamos contar um nós vamos contar aqui 0 1 2 e 3 Então nós vamos acessar o índice zero Ok e com índice zero você já pode ver esse valor e para que você entenda um pouco mais o Array também faz parte dos objetos então se eu acessar Aqui o Array você vai ver com o ponto você vai ver que ele tem vários

métodos aqui ok vários e vários e vários vamos pegar um exemplo aqui do length que é o tamanho Ok e nós vamos exibir isso aqui num console log e você vai conseguir ver aqui que o tamanho Total dele é quatro perfeito Então como exercício ora quero que você pegue aqui ah um colega seu e você vai colocar o nome do seu colega aqui e você vai definir Ok Um Array com as propriedades do seu amigo o nome a idade e a cidade que ele mora Ok E aí eu quero que você marque também chame ele

para fazer esse mesmo exercício com você perfeito então na próxima aula nós vamos ver um pouco mais sobre functions que vai te ajudar a montar um software completo Um software onde você vai conseguir fazer diversas coisas ok então vejo vocês na próxima aprendendo Olá pessoal vamos aqui então a mais uma aula hoje Aprendendo hoje sobre função que é parte dos tipos de referência Ok se você ainda não conheceu os outros tipos que são os tipos de valores você pode ver nesse link aqui que já foi explicado Ok nas aulas anteriores então indo para frente aqui

vocês sabem que a função ela faz parte de da base né de todo software porque ela vai controlar o fluxo de execução então toda entrada de dados saída de dados no JavaScript você vai ter que criar uma função que vai Realizar isso então para começar aqui como que eu nomeio uma função bom para nomear uma função você deve pensar sempre da forma assim você deve colocar um verbo mais um substantivo Ah então por exemplo nós poderíamos criar uma função aqui reseta cor então Aqui nós temos um verbo uma ação e o que que ela faz

um substantivo então reseta cor você Poderia pensar também em transforma transformar objeto alterar E por aí vai essa é o padrão esse é o padrão que você deve seguir quando você nomeia as funções e de fato como você declara uma função você deve colocar você deve colocar o function o nome da função abre e fecha parênteses abre e fecha Chaves e o ponto e vírgula aqui no Final Então essa função por exemplo como o nome já diz ela vai resetar a cor de E se eu imaginar aqui que eu vou pegar a cor de um

site por exemplo e definir ele PR vazio então eu vou resetar a cor que tiver definida previamente então por exemplo vamos imaginar aqui que eu tinha uma variável aqui atrás que chama cor que eu coloquei como Azul então no momento que eu chamo essa função aqui ela tem que fazer o qu ela tem que reduzir tem que alterar ess essa Esse valor aqui PR vazio então para me chamar essa função vamos ver primeiro qual é o valor que tem atualmente dentro da variável então atualmente nós temos aqui Azul Então vamos chamar agora a função para

chamar a função vocês tem que simplesmente dizer reseta cor abre e fecha parênteses ponto e vírgula no momento que eu fiz isso aqui ele já redefiniu então se eu se eu imprimir de novo na tela aqui esse essa variável Você ver que ele já está vazio então não existe mais aqui na segunda linha um valor então perfeito Essa é forma que você chama e você cria uma função sem parâmetro Ok sem parâmetro no caso são os valores que entram aqui dentro do parênteses mas vamos dizer aí que você queira e aumentar ou colocar novas funcionalidades

nessa função para isso nós precisamos de colocar parâmetros na função e como que nós fazemos isso bom vamos apagar isso aqui e e vamos dizer Que agora eu queira passar o valor da cor que vai ser alterado então eu posso colocar aqui uma variável cor e vou passar essa variável aqui como argumento da minha função então Aqui nós temos os parâmetros ou seja na entrada de dados e Aqui nós temos os argumentos que são o que eu vou fazer com esses esses valores que foram passados aqui em cima dentro da minha função então se eu

vi aqui embaixo e exibir a cor atual nós temos aí Azul porém se eu chamar a Função reseta cor e passar um string vermelho você vai ver que se agora eu chamar o console log a cor do site é vermelho Então você viu que aí é bem tranquilo você colocar parâmetros em uma função E se eu quisesse por exemplo adicionar mais funcionalidade por exemplo a tonalidade bom é bem simples basta você adicionar aqui uma nova um novo parâmetro E aí vamos colocar aqui A juntamente com a cor vamos concatenar ou seja nós vamos somar aqui

a tonalidade então se eu vier aqui embaixo vamos fazer de novo aqui a cor do site como vocês podem ver atualmente é azul mas se eu venho aqui chamo essa função e passo a cor hã verde e como segundo parâmetro eu coloco Claro e exibo novamente essa cor do site você vai ver que agora ele é verde claro então não é difícil você trabalhar Com mais funções é bem tranquilo importante entender que esse mais aqui o que que ele faz ele basicamente Vai juntar valores Ok ele vai juntar o texto e é important perceber que

aqui eu coloquei um espacinho né porque se você não colocasse esse espaço aqui que que vai acontecer ele vai simplesmente jogar tudo junto porque aqui é um string Então você precisa de um espaço outra forma de fazer isso seria Vindo aqui colocando um espaço na mão e você teria o mesmo resultado na verdade essa aqui é a forma mais recomendada Ok você colocar um espaço na mão perfeito Então como exercício eu quero que você Monte uma função qualquer função que faça Que altere algo e poste essa função no comentário Ok nas próximas aulas nós vamos

aprender sobre diferentes tipos de funções Ok então Como dito antes vamos ver aqui Os tipos de funções Bom basicamente no JavaScript Nós temos dois tipos de função Ok A primeira é a função que realiza uma tarefa e não devolve não devolve nada então se a gente fazer um exemplo aqui de uma função function e dizer nome e nós colocamos aqui um console log Jonathan e eu venho aqui embaixo e chamo Essa função dizer nome abre fecha parênteses e pronto ela executou aqui na direita Então é eu não tive nenhum retorno eu simplesmente executei ela aqui

embaixo e ela me deu o que ela tinha que dar aqui mas eu não passei eu não usei essa variável eu não usei o retorno dela em nemhum momento porém se eu quiser fazer por exemplo um valor uma função multiplicar por 2 e eu pego Aqui vou pegar aqui um valor Ok vamos fazer um return Ok return aqui eu estou retornando Estou devolvendo para que seja usado em algum lugar o resultado dessa função e eu faço valor vezes dois eu venho aqui embaixo e faço multiplicar por dois e coloca o valor aqui 5 nós vamos

ter um 10 ok então 5 x 2 10 temos aqui o resultado então a grande diferença é que eu posso fazer o quê eu posso pegar o valor desse multiplicar por dois e colocar em uma Variável então se eu colocar aqui resultado por exemplo e eu passo aqui a função multiplicar por dois e faço aqui 5 novamente deixa eu comentar isso anterior nós temos aqui o resultado né o resultado dessa função dentro dessa variável então quando eu venho aqui e exibo agora somente essa variável o que que vai acontecer ele vai me exibir o valor

que saiu dessa função e foi atribuído dentro dessa variável Então a grande diferença é essa temos a função aqui que retorna que faz um cálculo né um cálculo ou operação e retorna algo e a primeira aqui realiza uma tarefa mas não devolve nada perfeito no JavaScript nós temos vários operadores lógicos Ah nós temos variáveis e os operadores que nos vão ajudar a criar expressões e é com ele que nós vamos criar com eles que nós vamos criar a lógica e os algoritmos dentro dos nossos Aplicativos no JavaScript nós temos alguns operadores que são principalmente os

operadores aritméticos que é simplesmente um nome para um outro nome para matemáticos nós temos os operadores de atribuição operadores de comparação operadores Lógicos e finalmente os operadores bit ok nós vamos entrar agora numa série de vídeos que vai te explicar cada um em detalhe Como que você pode usar e pegar cada um desses na prática Ok então vamos agora aos operadores médicos então aqui no JavaScript nós temos os operadores aritméticos que são os operadores matemáticos Ok então vamos declarar aqui a variável salário com valor 100 e no JavaScript nós podemos fazer as operações aí matemáticas

usando Usando por exemplo o mais usando por exemplo mais menos vezes dividido ou até mesmo o exponencial que é o número vezes o mesmo número vezes eles ele mesmo então por exemplo se a gente fazer aqui um console log salário mais salário ele vai te dar o resultado dessa operação Ok então é matemática básica aqui gente é só fazer a operação mesmo e Ele vai te dar o resultado Então se fizer aqui por exemplo salário menos o salário ele vai dar zero se eu fizer multiplicação ele vai te dar 10.000 se eu fizer dividido ele

vai te dar um e finalmente se eu fazer exponencial ele vai te dar esse número gigantesco aí então pra gente fazer um resultado mais real vamos pegar aqui C exponencial 5 então nós temos aí né o exponencial de 5 por 5 então basicamente esse aqui são os operadores básicos nós Temos Além disso vamos comentar Aqui nós temos temos também o mais mais e o menos menos Ok o que que seria isso Esses são os operadores de incremento e decremento por exemplo se nós temos aqui idade igual 18 e nós queremos incrementar ou decrementar por um

ponto que que nós vamos fazer nós vamos fazer um console pon log idade mais mais então estou incrementando por um porém como você pode ver aqui no console ele vai Imprimir 18 mas eu não incrementei por um Cadê o resultado se você fizer o console log mais uma vez sem fazer nenhuma operação ele vai te exibir de fato 19 por porque ele está depois da operação ou seja ele vai exibir o resultado e depois que ele terminou de fazer o cálculo aí ele vai somar um por isso você só consegue ver ele na próxima linha

caso você queira que essa operação aconteça antes de fazer o resultado você tem que fazer o mais mais Antes e aí você vai ver aqui que na primeira linha ele já exibiu 19 ok certo então a mesma coisa para o menos se eu fizer aqui idade menos menos no console ele exibindo 18 porém se eu exibo novamente a idade aqui embaixo nós temos 17 porque ele só vai fazer a operação depois de ter atribuído o valor então el atribui o valor aqui 18 terminou de Atribuir Ok então agora subtrai um para mim então beleza então

na próxima vez que eu exib eu vou exibir o 18 Men 1 que é7 então caso você queira fazer antes basta colocar ele antes aqui ele já vai fazer o decremento antes de atribuir o valor como você pode ver nessa primeira linha operadores de atribuição o que que seria isso ah é basicamente O que você já vem usando desde o início do curso Quando você diz por exemplo let valor Teclado Gamer igual a R 100 ok então Aqui nós temos um valor se eu exibir esse valor ele vai te exibir o 100 porém ah O

que que está acontecendo aqui de fato nós temos um valor à direita que está sendo passado para a variável que tá à esquerda através deste operador aqui ó operador igual Então isso é um operador de atribuição Existem algumas vari algumas variações disso que é quando você faz por exemplo o valor teclado Gamer mais igual valor teclado Gamer o que que eu estou fazendo aqui eu estou basicamente quando eu faço aqui é fazendo de uma forma mais rápida essa operação aqui eu estou fazendo igual a ele mais ele ok então basicamente aqui ao invés de ter

que fazer dessa forma bem maior eu simplesmente uso este operador mais igual que pega o valor que você está passando mais o ele mesmo ok isso existe Também para por exemplo o menos posso fazer isso aqui e é claro vamos ter um zero porque quando eu fiz isso que que eu acabei de fazer eu acabei de fazer isso aqui então o valor menos e ele mesmo vai dar zero Ok e você pode fazer isso para todos os outros operadores matemáticos porém os os o conceito segue sendo o mesmo é basicamente uma forma de acelerar esse

processo aqui perfeito e no JavaScript Nós temos dois Tipos de operadores de igualdade nós temos primeiro a igualdade estrita que é quando você faz por exemplo um igual igual igual 1 que ele vai te retornar um true Ah porque ele tem três iguais aqui é porque ele está comparando além dos dos valores ele está comparando o tipo ou seja o um aqui é um número e o um aqui também é um número então Alé além dele estar Comparando os valores aqui ele está comparando tipo então por exemplo se eu fizer isso aqui o um como

string será que ele é igual a um número falso porque além de comparar o valor Apesar que os dois valores são um isso aqui é um string então o tipo é diferente logo ele vai retornar falso corretamente perfeito existe também a igualdade solta que é quando você faz por exemplo um igual igual Ok com apenas dois Iguais Então vamos comentar esse código anterior então aqui ele tá retornando porque ele Ignora ele simplesmente ignora o tipo e compara apenas valores e caso os tipos sejam diferentes ele vai converter para que os tipos fiquem Iguais por exemplo

um string igual igual a um true então aqui ele está dizendo que é true por qu porque diferente do primeiro ele não compara o tipo ele vai simplesmente Ignorar que isso aqui é um string e vai comparar apenas o valor que tá dentro dele que é um ok isso aqui não é muito recomendado porque você pode ter resultados inesperados a forma que ele faz a conversão dos valores aqui dentro é um pouco complexa e não Valeo a pena ah memorizar a forma mais recomendada é que você sempre use dessa maneira aqui ok porque assim você

sempre vai ter certeza que a comparação está correta e você não precisa ter dúvidas e nem Memorizar uma tabela gigantesca aí de tipos de conversão complexas que o JavaScript performa que ele realiza então use sempre que possível a comparação com três iguais e não com dois iguais igual aqui embai operador ternário bom operador ternário é algo que vai ser extremamente útil para você quando você quer fazer comparações e não quer fazer aí e Construções if if if if para sempre você vai ter uma forma de colocar isso de uma Forma mais mais limpa é por

exemplo Imagine que você tem um cliente Ok então você tem um cliente e Se esse cliente tiver mais que 100 pontos ele é um cliente do tipo Premium caso contrário ele vai ser do tipo comum como que eu posso fazer isso na linguagem de programação eu posso pegar aqui por exemplo vamos dizer que Pontos é igual a 100 Então qual o tipo do cliente se Pontos for maior que 100 ele vai ser do tipo Premium caso contrário ele vai ser do tipo comum então Qual é o tipo dele vamos ver o tipo aqui vai ser

comum Ok porque ele não está maior ele não é maior que 100 e se eu alterar aqui em cima para 200 e agora ele é do tipo Premium por o ponto aqui né pontuação é maior que 100 logo ele vai atribuir esse valor aqui então é bem Simples A Construção você coloca a expressão aqui o que que deve ser comparado o que que vai acontecer no caso que seja verdadeiro e o que que vai acontecer no caso que seja falso ok Ok então nessa aula nós vamos entender um pouco mais aí sobre os operadores lógicos

no JavaScript os operadores lógicos eles são usados para tomar decisões baseadas em condições múltiplas e no JavaScript nós temos três nós temos o and o or e o Not Ok então o i o ou e o não vamos comear aqui pelo i o operador lógico I que no JavaScript é representado por dois dois e comerciais Ok E aí o que que ele como ele funciona ele retorna true se os dois operandos forem true então o que que isso significa na prática se nós fizermos por exemplo aqui um console log true and True que que nós

vamos ter como resultado nós vamos ter um true Porque aqui nós temos essas essas duas condições que são então Lembrando que se eu trocar aqui por exemplo fal que que vai acontecer ele vai retornar fal porque ele só vai retornar qu os dois operandos ou seja Ases estão sendo avali aqui for comoos avar para false Ok independente da ordem que você fizer isso aqui se eu Fizesse por exemplo false e aqui true a resultado o resultado seria falso também da mesma forma Ok dando o exemplo real aqui Imagine que nós temos uma pessoa que só

pode aplicar para uma vaga se for maior que 18 anos e tiver a carteira de trabalho Vamos colocar algumas variáveis aqui maior de idade igual true possui carteira de trabalho igual a true e pode aplicar e aqui nós vamos comparar se for maior de idade E possui carteira de trabalho então nosso resultado aqui vai ser nós temos o resultado como true ok Porque ele comparou as duas condições aqui e aí nós temos a esse resultado se a gente alterar aqui por exemplo maior de idade para false o que que vai acontecer ele vai retornar falso

porque agora nós não temos duas condições eh verdadeiras para que ele Coloque aqui então dessa forma nós fazemos a o operador I então na sequência aqui operador lógico ou que no no que no JavaScript é exibido como Duas Barras verticais e ele vai retornar true se um dos operandos forem true apenas um ou seja se nós fizemos aqui novamente pode aplicar nós colocamos aqui Ou ele vai retornar true agora e não mais o falso por quê para que ele seja verdadeiro ele precisa que apenas uma das condições seja verdadeira e como nós temos aqui essa

condição sendo verdadeira ele vai ser avaliado como true Ok então não tem problema ah se eu colocar aqui duas condições diferentes e nós podemos por exemplo pegar aqui e colocar fals dessa maneira ele vai retornar false porque ele só vai retornar true Quando pelo menos um dos operadores forem trueos dois são falsos então logicamente nós não podemos ter esse resultado como true Ok então aqui nós vamos ver agora o último que é o operador not que no JavaScript é representado como um ponto de exclamação que basicamente ele vai fazer uma negação ele é usado com

a exclamação para fazer as comparações então se eu pegar aqui Por exemp nova variável candidato recusado candidato vai ser recusado se ele não pode aplicar certo então se ele não se ele não pode aplicar ele vai ser recusado então vamos ver o resultado atual candidato recusado fals ele não foi recusado por porque ele pode aplicar então El ele não foi recusado porém se nós trocarmos Aqui fals agora ele é um candidato recusado por porque ele não pode aplicar Então finalmente aqui só para ficar um pouco mais claro vamos colocar aqui uma descrição dentro desse console

log colocando aqui pode aplicar vírgula Ok para separar e aqui embaixo um candidato candidato recusado vírgula e nós temos aqui pode Aplicar fals e candidato recusado true Ok eu gostaria que vocês fizessem uma prática aí no seu PC também e faça esse teste aí para ver se você conseguiu compreender corretamente Ok vejo vocês na próxima aula Olá pessoal bem-vindos de volta a essa aula hoje nós vamos continuar aqui com os operadores lógicos E hoje nós vamos dar continuidade eh entendendo um pouco agora de como se faz comparação lógica com os valores não booleanos se vocês

se Lembram na última aula nós vemos ali os operadores lógicos e no JavaScript nós podemos também fazer comparações com valores não booleanos isso vai te dar aí um poder incrível para que você consiga fazer várias comparações diferentes Então vamos ver isso aqui na prática exemplo se a gente fazer uma comparação fals or true O resultado vai ser true se eu fizer uma comparação false e um String qual será a resposta um string E se eu fizer uma comparação entre false e o número um nós temos o número um Então por que que isso acontece porque

a comparação o resultado de uma comparação lógica nem sempre vai ser true false porque no JavaScript nós temos o conceito de truth and false como exemplo aqui vamos começar com o false false O que é o false false é basicamente todos os Valores que são undefined no zer fals string vazio ou not a Number not Number basicamente são basicamente são quando você tem cálculos matemáticos que resultam em resultados não compatíveis né em valores Inválidos matemáticos isso aí nós vamos ver mais para frente um pouquinho exatamente o Que que ele significa Então por enquanto não precisa

se preocupar muito com ele e valores truth truthy eles são os valores que não não são nenhum desses aqui acima então quando a gente faz aqui por exemplo vai você estão acostumada n porque comparador compador ele vai buscar no Mimo uma condição el retorne essa condição el precisa apenas que exista um então se nós compar o próximo valor é Fal string vai acontecer o Rafael aqui ele é um valor false ou seja ele está dentro de alguma dessas categorias aqui ele é undefined não ele é no não ele é um zero não false também não

um string vazio não um um n Number também não então ele é um valor truthy ou seja como o operador o vai sempre retornar ele vai buscar um valor e ele precisa apenas um valor truthy para retornar ele ele encontrou aqui então ele está retornando logo Abaixo ok então se nós fizermos a mesma coisa aqui com o um o que que vai acontecer ele vai tornar o um porque o um não está dentro nenhum de nenhuma dessas condições aqui de um valor false então ele é um truthy e ele vai retornar esse valor para nós

Ah um outro exemplo aqui também o que aconteceria se eu fizesse false ou um ou três ele vai retornar a um Sabe por que que ele vai retornar a um nesse caso aqui os operadores lógicos Ou eles Sempre vão avaliar simplesmente a primeira condição e ignorar tudo que vem depois dessa primeira comparação então ele parou aqui ele fez a comparação entre false e um vi que um é o valor truth e retornou esse valor perfeito então aqui vamos ver um um exemplo na prática Dando um exemplo aqui nós vamos ver a cor padrão de um

perfil por exemplo nós vamos definir algumas variáveis aqui como por exemplo cor personalizada Vamos colocar aqui como Vermelho a cor padrão como azul e a cor do perfil que vai ser o resultado da cor personalizada ou a cor padrão o que tiver que estiver preenchido preenchido então se nós fazermos um console log aqui exibirmos a cor do perfil o que que vai acontecer ele vai exibir vermelho por qu o vermelho aqui está preenchido quando ele faz essa comparação ele vê que já Existe um valor aqui e exibe isso ao invés dessa cor porque lembrando no

or ele precisa encontrar apenas um valor truth para que ele pare de fazer a comparação ele achou a cor truth aqui ele já parou a comparação e já retornou pra gente essa cor personalizada atribuiu aqui e foi isso que foi exibido logo após então se eu vier aqui e tornar isso aqui um valor string vazio ele vai retornar agora o azul por quê agora essa cor personalizada é um valor false Por quê Porque agora ele é um string vazio perfeito então aqui é um exemplo real de como você poderia criar aí uma condição uma comparação

usando valores Não banos muito obrigado Olá pessoal então hoje nós vamos ver aqui a como praticar um pouco aí de exercícios de trocar valores de variáveis Então hoje nós vamos ver aqui um exercício onde nós vamos pegar valores de uma variável como por exemplo aqui let a igual a Vermelho e let B iG azul que que nós vamos fazer aqui se a gente pegar se a gente pegar esses valores aqui e colocar no console a e depois o b nós vamos ter aí o padrão né Nós temos temos ali o vermelho e o azul mas

eu quero que vocês peguem agora esses valores e substituam um com o outro então o que você vai imprimir no final ali vai ser azul e vermelho Então eu quero que você troque esses valores Ok e então o exercício é Basicamente esse eu quero que você Tente fazer esse exercício ah por alguns minutos e depois você volte aqui pro vídeo para ver como foi resolvido ok certo então para que a gente consiga fazer essa troca troca aqui de valores é necess que você é necessário que você coloque uma terceira variável Então nós vamos então aqui

nós vamos declarar uma terceira variável para conseguir fazer essa troca então basicamente O que você vai fazer é guardar esse valor da da Variável a dentro de uma outra terceira variável para que ela não seja modificada e assim quando você pegar aqui novamente a variável a e passar o valor de B para dentro dela não tem problema você perder o valor dela porque ela já tá guardada aqui em C Então finalmente quando você tem o valor de B aqui você vai passar para ele o valor que estava Originalmente dentro da a que agora está dentro

de C como foi passado aqui em cima então se nós vemos O resultado ele agora está invertido Ok se você não conseguiu fazer esse exercício não tem problema e entenda isso como uma coisa que você está aprendendo agora você está começando a pensar como programador então é bem comum que você não tenha essa lógica ainda e não tem problema tudo vem com prática e é isso que nós vamos fazer bastante aqui nesse canal Ok então se você curtiu esse vídeo se te ajudou de alguma forma você pode compartilhar e Comentar aqui embaixo que ajuda bastante

a gente Ok muito obrigado Olá bem-vindos de volta a um ótimo 2019 para todos que estão assistindo agora nesse primeiro nessa primeira aula a do canal de 2019 e aqui nós vamos dar continuidade ao que estamos né O que estávamos desenvolvendo na última nas últimas duas sessões que nós estávamos falando de expressões e operadores e nessa sessão nós vamos usar essas expressões e operadores junto com As condicionais Ok com as expressões condicionais para trazer um pouco mais de interatividade para os aplicativos então no JavaScript nós temos principalmente dois tipos de condicionais que são o if

else e o Switch Case E hoje nós estaremos aprendendo sobre o if else então por exemplo Imagine que você vamos pegar a hora atual e de acordo com a hora atual nós Vamos exibir uma mensagem diferente então por exemplo se a hora estiver se a hora estiver entre às 6 horas até meio-dia nós vamos exibir Bom dia se estiver entre meio-dia até às 18 horas nós vamos exibir Boa tarde e finalmente se não for nenhum desses casos vamos assumir que está à noite e vamos colocar aí no caso Contrário é boa noite Então como que

você faria isso na programação para você criar essa condição é bem simples A sintaxe a forma que se escreve isso é dessa forma você coloca um if a condição entra aqui dentro e logo depois entre Chaves e aqui dentro você vai colocar o código a ser executada e basicamente é dessa forma que você cria uma condição mas como vocês vem aqui vocês estão vendo aqui São três condições então não basta apenas um e para que você crie mais uma condição você vai escrever um else if e aqui você vai colocar essa outra condição e da

mesma forma você vai criar o bloco de Chaves aqui e vai colocar o seu código a ser executado aqui dentro perfeito e caso não cai em nenhuma dessas condições anteriores nós vamos colocar um else um else ele captura todas as outras condições né caso não caia em nenhuma dessas Outras anteriores aqui então caso contrário ele vai colocar aqui né algum código a ser executado então na prática se nós pegamos aqui o nosso exemplo que se estiver entre 6 à 12 ele vai dizer bom dia então isso aqui é nossa condição e isso aqui é o

código a ser executado o que que vai acontecer vai ser exibido a mensagem bom dia então se nós vimos aqui dentro da condição nós vamos substituir usando os Operadores que nós já vimos antes então primeiro nós precisamos da hora vamos declarar uma variável aqui hora e colocar no formato de número não importa agora a forma que você obtém essa hora ok normalmente existem funções que você pode obter a hora atual Mas vamos deixar de forma simples aqui só para entender a lógica do condicional if else Vamos colocar 10 10 horas Então se Hora for maior

que 6 maior que 6 e menor que 12 e hora for menor que 12 nós vamos nós vamos fazer o que nós vamos fazer um console log bom dia e aqui nós vamos pegar a segunda condição se a hora for maior que 12 e hora for menor que 18 nós vamos fazer o que nós vamos exibir um console log Boa boa tarde E caso não seja nenhuma dessas condições anteriores é boa noite então vamos fazer aqui um boa boa noite ok então como vocês podem ver ele já está exibindo aqui Bom dia por que que

ele está exibindo Bom dia porque ele está caindo dentro dessa condição aqui sendo que a hora é 10 10 é maior que 6 sim e 10 é menor que 12 Sim então ele Vai executar esse bloco de código aqui então se nós colocarmos aqui 13 nós vamos ver que agora estamos recebendo um boa tarde porque ele está sendo executado aqui dentro está caindo nessa condição e finalmente se nós colocarmos aqui as 22 horas o que que vai acontecer ele vai nos dar uma boa noite porque agora nós estamos caindo nessa condição aqui ok então é

dessa forma que você consegue criar condições para que sejam executado ah diferentes fluxos no seu Aplicativo Ok se essa aula te ajudou eu espero que você possa continuar seguindo o nosso canal Então já se inscreve aí comenta e já ativa o Sininho para que você possa receber as próximas aulas Olá Então hoje nós vamos ver o Switch Case que é uma das outras formas de fazer comparações dentro do JavaScript vamos imaginar um cenário onde nós temos permissões diferentes Então nós vamos criar aqui uma variável eh permissão Ok e essa permissão pode Receber três possibilidades pode

ser um usuário comum pode ser um usuário gerente ou pode ser um usuário diretor Então para que nós façamos essa comparação você precisa definir um switch e entre parênteses a variável que vai ativar essa condição aqui entre Chaves nós vamos tratar os diversos cenários usando o case então imaginamos aqui um cenário vamos dizer que a permissão que ser nossa variável aqui nós precisamos substituir porque ela vai Ser a variável que vai ativar esse loop esse bloco de código aqui vamos dizer que nós estamos tratando de um usuário comum quando se trata de um usuário comum

nós vamos colocar aqui o que que vai acontecer então você coloca dois pontos e depois você vai colocar o código que vai ser executado caso aconteça isso então vamos dizer aqui que nós vamos e imprimir no console um usuário com feito e logo após Aqui nós temos que Adicionar o Break Por que o Break que ele não continua lendo e comparando as outras condições porque el encontrou a condição aqui nós não queremos que el continue perfeito a lógica literalmente a mesma aqui você pode copiar e colar e você tem que mudar aqui só a condição

de comparação ou seja agora vamos dizer que estamos tratando de um usuário gerente Então se é um usuário gerente eu quero que Imprima aqui usuário gerente Perfeito e da mesma forma para diretor diretor e vamos dizer que não caiu em nenhum desses três casos Como que eu posso tratar isso eh no Switch nós temos o a palavra-chave default Ok como default Ah você pode definir qual é o comando qualos comandos vão ser executados caso não caia em nenhuma das condições que você imaginou Então vamos colocar aqui que caso não seja nenhum dos três ali nós

vamos exibir um usuário Não reconhecido Ok então vendo na prática aqui se nós definirmos a permissão para comum o que que vai acontecer nós teremos aqui um usuário com com um temos um usuário comum se nós definirmos aqui para gerente ele vai exibir o usuário gerente e similarmente se nós definirmos usuário diretor ele vai chegar aqui perceber que eu passei um diretor e vai exibir o comando que você definiu aqui embaixo e Depois ele vai parar com o Break e vai sair e esperar que uma nova condição seja passada para ele perfeito então basicamente é

dessa forma que você pode usar o Switch Eu espero que você tenha entendido essa aula se te ajudou de alguma forma pode compartilhar aí e comentar com seus colegas ok valeu Então imagina que você vai ter uma situação onde você vai querer repetir algo uma ação várias vezes e vamos imaginar que nós queremos escrever no Console estou aprendendo cinco vezes Então a maneira ruim de fazer isso seria fazendo o console log e digitando estou aprendendo e pega isso aqui e né e faz isso cinco vezes isso é a maneira ruim de fazer a maneira não

muito eficiente a forma correta é usar o que é chamado de loop ou laços em português e no JavaScript nós temos cinco Loops o primeo o primeiro sendo for For o segundo while o terceiro do while o quarto for for in e o quinto for of e eles basicamente ah fazem a mesma coisa com em cenários diferentes que muda principalmente a forma que eles iniciam e a forma com que eles finalizam vamos começar Então hoje Pelo for então aqui nós vamos digitar um for abre parênteses nós vamos criar uma variável I colocar o valor de

zero dentro dela essa variável i é uma abreviação de index de índice de índice e aqui nós vamos atribuir um valor inicial para ela para que ela sirva de contador para nós logo após então Além disso nós vamos colocar aqui próximo a condição com que o loop vai continuar rodando Então vamos dizer que nós queremos que o loop continue rodando até Que seja menor que 5 ok E aí Finalmente nós vamos colocar uma expressão de incremento ou seja o que que vai acontecer depois que o loop se finaliza no nosso caso ele vai incrementar por

um então quebrando isso aqui Nós já vamos entender um pouco melhor mas vamos ver primeiro na prática Então abre Chaves aqui e vamos ae de cima estou aprendendo vai acon quando eu salvar aqui então ele vai imprimir no console Aqui estou aprendendo C vezes então basicamente ficar um pouco mais claro aqui eu vou só adicionar a variável de índice que é o nosso i indo aqui 0 1 2 3 e 4 porque ele está fazendo esse loop cinco vezes então quebrando aqui parte em parte vamos entender então ele vai fazer da seguinte forma ele vai

analisar o i o i é igual a 0 Ok 0 é menor que C sim então eu executo aqui uma vez ele vai imprimir Aqui o zero quando eu acabo de finalizar ele vai incrementar por um ponto o valor do I Então quando ele volta aqui agora o i já não é mais zero ele é um 1 é menor que 5 sim então continua imprime aqui depois adiciona mais um ponto temos dois ele volta 2 é menor que 5 Sim passa incrementa agora nós temos o TR 3 OK 3 é menor que 5 sim então

executa incrementa mais um 4 Ok 4 é menor que 5 Sim passa executa exibe essa linha aqui incrementa agora nós temos o c Quando ele chega aqui e faz c é menor que c não então ele para e é dessa forma que ele vai executar o loop Existe uma forma também que você poderia fazer aqui por exemplo começando com um e dizendo que ele tem que ser menor ou igual a 5 Então nesse caso ele já começa com o número um e ele vai fazer esse mesmo processo que eu acabei de explicar Perfeito nós podemos

deixar isso aqui um pouco mais interessante é tentando imprimir aqui só os valores ímpares Então por exemplo vamos tirar aqui e vamos colocar um if Então nós vamos fazer uma comparação aqui if e módulos 2 ou seja o restante da divisão do primeiro valor com segundo for diferente de zero Então nós vamos imprimir I ok então você pode ver que ele já fez aqui 1 3 e 5 que são os números ímpares Então esse valor aqui se eu mostrar para vocês Como ele funciona ele basicamente está fazendo isso aqui ó vamos dizer que eu estou

no número 3 nós sabemos que é ímpar 3 módulo 2 ou seja Quantas vezes o do vai em TR ele só entra aqui uma vez e o que que sobra depois disso sobra um ponto Ou seja é diferente de Zero Isso significa que nós temos um número ímpar ok Caso vocês tenham alguma dúvida de uma uma pesquisada sobre o módulos e operador Módulos seria possível também que você fizesse diferente que você fizesse ah de forma decrescente ou seja nós vamos deixar que o que o valor inicial já seja C E que ao invés de ser

menor ou igual ele vai ser maior ou igual a um e aqui nós vamos fazer um menos menos e assim nós temos ele contando aqui do maior para o menor Ok mas lembre-se que de forma geral você vai usar mais o incremental ok existe alguns cenários onde você vai ter que usar ele Dessa forma então por isso estou já passando para vocês ok então é isso muito obrigado e vejo vocês nas próximas aulas se esse vídeo ajudou de alguma forma comente aí compartilhe com seus colegas e é isso aí gente se inscreva no canal então

agora nós vamos aprender sobre o w w loop ou laço loop Lao while uma das grandes diferenças é que você precisa declarar a vari a variável de índice fora do loop Então dessa forma Se nós vamos tentar recriar Por exemplo essa condição aqui dentro de um loop while Como que você vai fazer você vai criar variável aqui let i = a 5 depois nós vamos colocar aqui embaixo while e dentro do while nós vamos colocar a condição Qual é a nossa condição nossa condição é essa aqui se o I for maior ou igual a um

Então nós vamos pegar essa condição Vamos colocar aqui I for maior ou igual a 1 enquanto ISO for verdadeiro Execute um código para mim que eu vou Colocar aqui dentro e vamos repetir essa mesma condição aqui de cima logo aqui então você pode ver que ele fez novamente aqui 5 3 2 e 1 assim como ele tinha feito anteriormente com loop for perfeito na sequência nós vamos ver mais um tipo de loop do JavaScript Então vamos ver aqui agora o loop do while Ok Ele é bem parecido com o while porém com algumas diferenças que

nós vamos ver na prática aqui agora vamos dizer que por exemplo você queira Que seja feito um do E aí você vai fazer do abre Chaves o comando que você quer que Execute vamos dizer que você vai executar um comando que diz digitando e aí ele vai digitar ele vai executar Esse comando while Ou seja quando ou enquanto né enquanto I for menor que 10 então então Lembrando que você vai precisar é novamente declarar essa variável de índice fora desse loop Então vamos Colocar aqui um i igual a 0 então você vê que aqui ele

está fazendo loc aqui 108 741 ele vai continuar para sempre por quê eu esqueci aqui de incrementar o valor se eu não vier aqui e fizer um I mais mais que eu estou incrementando Ele simplesmente vai continuar para sempre fazendo a essa esse loop esse laço então é importante que você sempre venha aqui e e faça incremento para que ele não faça esse Loop Infinito E aí chegue até a parar de Fazer seu computador parar de funcionar acabar com a memória e coisas do tipo E aí se eu for lá né Agora eu tenho que

ir lá e fechar o navegador e voltar aqui e abrir de novo e aí ele já vai estar correto funcionando certinho e você pode ver que ele digitou 10 vezes para ficar mais claro a gente poderia colocar aqui o índice né Para que fique mais claro e e você pode ver que ele está fazendo até 10 vezes né esse loop A grande diferença dele pro while é que ele sempre vai Executar no mínimo uma vez e ele só vai verificar a condição depois de já ter feito uma vez Então o while ele verifica primeiro e

executa depois o do ele executa primeiro uma vez e depois verifica na segunda ele pode ser que já não Execute mas no mínimo uma ele vai rodar na prática você vai usar bem pouco o loop do while você vai se ver usando bem mais o if e o while porém é importante que você conheça os outros que existem caso seja necessário usar OK Olá hoje nós vamos conhecer o loop in um dos outros dois Loops que foram feitos especificamente para iterar so propriedades de objeto ou elementos de um Array então nós já vemos Já conseguimos

até agora passar pelo loop for pelo loop while e o loop do while e a diferença é que Como já disse esses Loops funcionam bem existe um loop que funciona melhor para Iteração sobre propriedades de objetos ou elementos de Array que é o loop for in então para nós começarmos aqui vamos criar uma propriedade um objeto aqui pessoa e Vamos definir algumas algumas informações aqui como nome e idade e vamos fechar aqui ponto e vírgula perfeito Então nós vamos fazer o loop o loop ele não é da ele ele segue de uma forma um pouco

mais simples né ele não vai ter e índice não vai ter Variável Inicial aqui não vai ter contador nada disso ele simplesmente precisa que você defina sobre o que que ele vai iterar sobre o que que ele vai né buscar informação Então nós vamos buar buscar informação dentro de pessoa então let chave em pessoa ess essa chave aqui vem da da palavra inglês Key de Key value value que significa chave e valor por exemplo aqui em cima o nome é um Key é um aqui e Jonathan é o value é O valor Ok então sempre

que você ve a palavra chave eu estou simplesmente traduzindo do inglês ke Ok hã então então se nós continuarmos aqui abre Chaves nós vamos fazer um console log of chave que que nós teremos aqui no console temos nome e idade porque ele veio aqui e itou sobre esse objeto e viu que a primeira propriedade é nome imprimiu a segunda propriedade idade e imprimiu Ok então se eu quiser ver por Exemplo o valor que está ali dentro Eu preciso vi vir aqui e colocar pessoa e acessar a propriedade se você lembra como que você acessa a

propriedade Existem duas formas existem o dot notation ou seja acessar por ponto ou seja pessoa ponto nome e existe também ah por colchetes onde você define entre colchetes ali o nome da propriedade que você quer que seja exibida Ele vai fazer dessa forma quando você tem a quando você sabe qual é o nome da propriedade você pode acessar pelo ponto ah como é esse caso aqui de um objeto mas quando você não sabe e no caso por exemplo de um Array você vai ter que definir dessa forma aqui em colchetes Ok então ah vamos ver

aqui como seria se nós tivéssemos que acessar um Array por exemplo de cores Vamos definir um Array aqui Cores Vamos colocar alguns valores aqui dentro certo então no caso de um Array para que você Acesse as propriedades você vai fazer dessa forma você vai definir aqui um índice em cores Ah por que que eu defini o índice Por que eu digitei índice aqui porque quando você acessa um Array todas as propriedades são acessadas pelo índice dela então se você tenta fazer um console log aqui de índice o que que vai Acontecer ele vai exibir os

números que correspondem aos índices desse Array nós temos três objetos então ele tem aqui 0 1 2 mas caso você queira acessar as propriedades você deve fazer da seguinte forma você vai acessar cores por índice E aí nós temos a propriedade em si porém se você acha isso aqui fácil existe uma maneira ainda mais simples de fazer isso que é o que nós vamos ver na próxima aula com o loop for of Ok com o Loop for of e esse é mais próprio para fazer a iteração sobre a Race e até mais simples perfeito Então

é isso aí se você tem alguma dúvida deixe nos comentários se você gostou compartilhe se inscreva no canal e vamos continuar aí aprendendo sobre essa linguagem que está sendo muito usada em 2019 vamos ver aqui agora como usar o loop for of na última aula nós vemos ali Como usar o loop for in ok que precisa que Você trabalhe com índices porém é uma forma bem mais simples de trabalhar com iteração sobre a Race que foi introduzida no equ Script 6 ou es6 e vamos ver aqui na prática como isso funciona nós temos aqui o

nosso Array de cores que está aqui então nós vamos fazer iteração sobre ele basta que você digite aí o for abre chave baste que você Digite o for abre Chaves let o que você quer iterar no caso cor de cores e aí você vai abrir Fechar Chaves e exibir esse item cor aqui dentro então como você pode ver se como eu salvo ele já vem e exibe isso aqui muito mais simples certo então caso você precisa iterar sobre os itens de um Array basta que você use o loop for of então se nós limparmos aqui

deixarmos só o necessário você vai ver que ele já tem né uma declaração e execução bem mais simplificada se você gostou se te ajudou de alguma Forma eu quero que você também crie uma variável cria aí o seu Array e Digite o código no comentário abaixo Ok então nessa aula nós vamos fazer um exercício onde eu quero que você escreva uma função que usa dois números que usa dois números e retorna o maior entre eles Então quero que você Tente fazer esse exercício e depois volte aqui caso você não tenha feito ou caso você tenha

Terminado para assistir a solução perfeito então primeira coisa que precisamos fazer é criar a função Então function vamos chamar de Max né que ela vai chamar vai encontrar o máximo entre eles nós precisamos de dois parâmetros Vamos colocar para ficar mais claro ficar mais para você entender o número o número cer e a você vai abrir as chaves aqui vamos comparar os dois números e Retornar que for maior uma das formas fazer ISO caso você use o if o número for maior que o número 2 temos fazer temos que retornar o nmero nós temos que

retornar el né caso contrário nós retornamos o número do Ok então vamos testar ver se funcionou vamos criar uma variável aqui valor maior igual Max de vamos comparar o 5 e o 9 por exemplo E aí eu vou exibir o valor maior No console valor maior qual número ele vai exibir ele vai exibir o nove corretamente Porque ele é o maior número mas vamos ver se a gente tratou Realmente todos os casos Vamos mudar isso aqui para por exemplo 10 e 5 ok perfeito ele continua retornando número maior mas se os números forem iguais Ok

funciona também então é importante lembrar como vocês podem ver Aqui eu testei três casos diferentes quando um número é maior que o outro o primeiro número quando o sego número maior que o primeiro e quando os dois números são iguais então é importante sempre pensar nesses casos para que você não deixe nenhuma a condição fora do da da programação da lógica existe também uma forma de simplificar e deixar esse código mais limpo por exemplo aqui nós usamos o else return 2 porém não é necessário que você Use o ELS aqui sendo que vamos Apagar ele

aqui Caso ele chegue aqui e faça esse return número um Ele simplesmente vai sair desse loop e não vai continuar executando ou seja ele nunca vai chegar aqui Caso ele chegue aqui foi porque ele não bateu essa condição e realmente deve já voltar o número dois R tornar o número dois Ok então não precisa desse else e existe também uma terceira forma de deixar ainda mais simples e mais limo esse código com o nosso operador Ternário Que Nós aprendemos algumas aulas atrás nós podemos fazer por exemplo aqui ó número um maior que número do se

sim faça alguma coisa caso contrário faça outra coisa então se o número 1 for maior que o número do retorne o número 1 caso contrário retorne o número do e nós podemos simplesmente apagar isso aqui e colocar o return aqui para que ele volte esse número então se você Percebe aqui o nosso resultado continua o mesmo e nós temos todo isso todas as condições em apenas uma linha Ok e dessa forma você consegue fazer a comparação e chegar a um resultado em apenas uma linha de código Ok se esse exercício te ajudou eu quero que

você escreva embaixo um exemplo da forma que você fez e esse exercício para compartilhar e para que você possa também ter aí a observação dos seus colegas que estão também Aprendendo com você ok se esse vídeo te ajudou compartilha curte aí e deixe seu comentário dizendo o que você achou dessa aula Olá nessa aula nós vamos aprender sobre o fbz o fiz buz é uma daquelas perguntas que vão cair muito em entrevistas de emprego Então você aprendendo essa esse algoritmo Você já se vai ter você já vai ter uma grande chance aí de conseguir fazer

os exercícios né que eles te peçam aí na nas entrevistas então para esta Aula o que que é o fbus qual é o exercício ah basicamente o fbus ele vai comparar alguns valores e ter um tipo de retorno baseado nesse valor que teve de entrada então por exemplo se nós temos aqui nós temos aqui o valor divisível por 3 ele vai retornar fis então se nós temos um valor divisível por 3 nós vamos retornar F se nós temos um valor divisível por 5 nós vamos retornar Bu se nós temos um valor que é divisível tanto

por 3 como 5 nós vamos nós vamos retornar o FB por exemplo como por exemplo 15 e se nós temos um valor que não é divisível por 3 ou por 5 nós simplesmente retornamos esse mesmo valor como por exemplo 11 não divisível por três ou C entrada e se nós temos um valor que não é um número nós retornamos uma mensagem Dizend que não é um número por exemplo se eu passar aqui um true em vez de um número o que que vai acontecer ele vai dizer não é um número ou se eu passar aqui

por exemplo um string ele vai dizer que não é o número então se não é um número retorne a mensagem não é um número ok então eu quero que você Tente fazer isso aí cria uma função e exiba o resultado dessa função no console Ok faça esse teste e depois aí você volte Para acompanhar o resultado então para começar aqui a primeira coisa que você deve verificar é se é um número porque se não for um número você nem precisa de continuar não faz sentido você continuar fazendo nem se trata de um número então você

vai comparar Exatamente isso primeiro entrada diferente de número dessa forma aqui ele vai retornar não é um Número então vamos testar se eu passar aqui um não é um número perfeito então nós temos agora aqui comparar o se é divisível por TR Então nós vamos pegar se a entrada o valor de entrada for divisível por TR ou seja o resultado disso Aqui é zero se for zero é porque ele é divisível divisível por 3 Então nós vamos retornar 1 x feito E caso contrário seja no caso que a entrada seja divisível por C nós vamos

retornar Um buz vírgula aqui é importante Ah então e caso ele seja divisível tanto pelo divisível tanto pelo TR ou 4 nós vamos retornar um visb então se a entrada foi divisível por 3 e a entrada for divisível por 5 nós vamos retornar 1 x b então ah caso contrário caso eles não seja divisível por TR ou por C nós vamos Retornar o valor de entrada novamente perfeito Então vamos testar vamos aqui vamos passar um valor que não é número já foi testado vamos passar o valor que é divisível por TR por exemplo 6 Então

6 funciona corretamente el está retornando o fiz Como é devido né 3 2 é 0 então você tá correto Está correto esse resultado vamos passar aqui valor divisível por como por exemplo el vai retorn bu feito E se nós Pegarmos O Rol que é divisível por tanto TR como C Como por exemplo o 15 ele está retornando fiz por qu Então como você pode ver ele retornou fiz e não fiz bu como nós esperamos isso é porque ele chegou aqui fez essa comparação o resultado Está correto ele realmente o 15 é divisível por TR então

ele já parou aqui deu retorno fiz e parou então é importante que você faça essa ação aqui primeiro em função disso então agora nós temos o retorno Fiz buus e caso eu passe o número que não é divisível por TR ou por 5 ele vai fazer o quê ele vai retornar o mesmo número ok então esse é o fbus se esse vídeo ajudou eu espero que você possa compartilhar divulgar paraos seus colegas esse canal que nós estamos querendo aí ajudar da melhor forma possível e uma das formas que você pode compartilhar que você pode ajudar

esse canal a se manter é curtindo comentando e compartilhando aí com seus Amigos essas aulas Olá bem-vindos a mais uma aula do canal hoje nós vamos aprender a criar uma função que vai fazer algo similar ao que os radares fazem na rua nós vamos medir cidade dos veículos e vamos determinar quantos pontos eles vão receber na carteira de multa Então para que a gente comece aqui Vamos definir primeiro o que é o velocidade Qual é a velocidade máxima vamos supor uma velocidade Máxima de 70 km então a função aqui dentro quando você passa para ela

verificar 70 ela vai te retornar um um ok Ou seja você está OK não t que pagar pontos acima da carteira mas ah o limite é de até 70 km E além disso a cada 5 km acima do limite você ganha um ponto na carteira ou seja se eu passar aqui 75 Nós temos um ponto na carteira perfeito eu vou dar uma dica aqui que você vai precisar de usar a função math PF do JavaScript para que você consiga arredondar os valores decimais por exemplo se nós fizermos aqui um math flor de 1.3 ou 1.3

que que vai acontecer ele te retorna um ok então você pode usar ele para arredondar pro Decimal mais próximo e no último caso caso os pontos sejam maior que 12 a carteira é suspendida suspendida então se nós entrarmos com o valor aqui de 180 nós temos a suspensa perfeito Então quero que você Tente fazer esse exercício e aí quando você conseguir ou Caso você Tente vocês não estejam conseguindo também você pode voltar aqui que nós vamos resolver juntos esse exercício Ok então vamos criar agora a função que verifica a velocidade e atribui os pontos de

na carteira aí Caso esteja acima do limite Então vamos começar com 50 km/h Então para que nós verificamos esse valor é bem simples nós podemos fazer para satisfazer essa primeira condição que a velocidade máxima é de até 70 km nós vamos fazer um Simples if if velocidade é menor ou igual a 70 porque nós estamos lembro aqui que nós estamos trabalhando com até 70 ou seja Isso inclui o valor 70 se ele é menor ou igual a 70 nós vamos fazer um console log Ok então ela essa velocidade se nós testarmos aqui colocarmos um 60

ele vai aprovar se nós colocarmos um 68 ele vai aprovar E se nós colocarmos um 70 ele também vai Aprovar certo agora temos que verificar a segunda condição a cada 5 km acima do limite você ganha um ponto ou seja se eu passei 75 nós temos que receber um ponto então vamos fazer um ELS aqui no caso contrário né caso contrário Então Aqui nós temos a segunda condição que é a cada C km acima do limite você ganha um ponto então para isso nós temos que descobrir primeiro quantos pontos a pessoa está acima do limite

vamos assumir um valor aqui de 80 Ok então primeira coisa que nós temos que saber quantos pontos quantos quilômetros a pessoa está acima do limite Então para que nós possamos descobrir quantos pontos a pessoa está acima do limite nós temos que pegar a velocidade que ela está correndo agora menos o nosso limite de velocidade que é 70 então Aqui nós temos o total Então vamos ver aqui a pessoa está 10 km acima do limite se ela está 10 km como que nós vamos Saber quantos pontos ela vai ganhar nós temos que pegar esse valor aqui

e dividir por c e a nós vamos ter a quantidade de pontos que ela está acima do limite Então nós vamos pegar esse valor aqui e dividir por 5 então está dois pontos ok então nós vamos pegar esse valor aqui agora e colocar ele dentro de uma variável uma constante no caso pontos certo e agora o que que nós temos Que fazer qual que é nosso último caso aqui caso os pontos sejam maior que 12 a carteira suspensa então nós temos que verificar que if pontos maior ou igual a 12 nós vamos fazer um carteira

suspensa caso contrário caso contrário else nós vamos fazer um pontos nós vamos exibir aqui na tela Quantos pontos ele recebeu então ele recebeu dois pontos porém se nós verificarmos aqui por exemplo um valor como 81 81 retorna 2.2 por quê no caso nós não deveríamos considerar esse valor porque nós só vamos considerar de 5 em 5 km ou seja 81 82 833 84 não são 2.2 eles são apenas dois pontos e para que nós façamos isso nós temos que usar a função math P flor para que nós possamos arredondar para o Número mais baixo Aim

abaixo dos abaixo do do número inteiro Então para que nós consigamos fazer isso nós temos que usar o meth p flor para que ele ronde qualquer número que não seja número inteiro para o seu número mais baixo né para decimal mais baixo Então nós vamos fazer aqui math p flor e vamos chamar essa função dentro dessa expressão aqui e agora se você ver o resultado vai ser apenas dois ele não mais vai arredondar então se nós passarmos aqui 84 ele continua retornando no dois se nós passarmos 85 ele retorna três corretamente agora para que fique

um pouco mais claro esse código nós poderemos refatorar ele aqui e colocar esses valores que estão soltos Strings Mágicos como são chamados esses valores Mágicos dentro de constantes para que eles fiquem mais organizados e para que caso você tenha que refatorar você tem que alterar alguma coisa aqui nesse código você não tem que sair procurando Todos os lugares onde você usou essa variável você simplesmente vai pegar ela e tornar ela tornar ela uma constante Então vamos chamar aqui de valor de velocidade máxima vamos passar o valor de 70 para ela e substituir os lugares onde

elas são usadas aqui no nosso código perfeito da mesma forma nós vamos fazer com o cinco o 5 aqui representa o quilômetros por ponto Então nós vamos representar aqui mais uma variável Quilômetros por ponto e passar o valor de 5 e substituir aqui embaixo importante agora que a gente teste também ah o caso onde a pessoa passa extrapola a velocidade vamos testar então aqui agora por último a questão onde a pessoa passa dos 12 pontos ou seja se nós pegarmos aqui 5 x 12 nós temos 60 Então se a gente pega a velocidade máxima 70

mais 60 nós temos 130 então se nós Colocarmos aqui 130 você vai ter sua carteira suspensa porque você acaba de receber mais de 12 pontos perfeito Então é isso aí Ah se você tem alguma dúvida deixa nos comentários se Esse vídeo foi um desafio e te ajudou de alguma forma também deixa um comentário compartilhe aí que ajuda bastante a gente continuar fazendo esses vídeos no canal Então primeiramente parabéns você chegou até aqui nós estamos aqui praticamente Na metade do curso eu quero agradecer você por ter feito até aqui e também pedir um fav se eu

te ajudei até agora uma forma que você pode ajudar esse canalar crescendo e me motivar também aar muitos e muitos cursos e muita informação você é se inscrevendo no canal curtio esse vídeo e mandando esse víde para todas as pessoas que você sabe que podiam ajudadas por isso ok galera muito obrigado por ter chegado até aqui vamos pro próximo vídeo agora Olá bem-vindos Mais uma aula então agora eu quero que vocês ah façam aqui um exercício onde você vai determinar se o valor que está passando ali é um valor par ou valor ímpar então basicamente

nós temos o resultado aqui à direita o que que eu quero que vocês façam é vocês recebam um valor uma quantidade de valores para avaliar por exemplo eu passei o 10 aqui então a gente está avaliando 10 números e a função exibe se cada valor que está sendo avaliado é par Ou ímpar então se eu passar aqui c a função vai exibir vai colocar o valor aqui né De qual número está sendo avaliado E se ele foi determinado que é um par ou ímpar perfeito Então quero que você Tente esse exercício gaste alguns minutos com

isso aí e depois tentar de resolver volte aqui para ver como eu fiz essa solução perfeito então para comear aqui nós vamos fazer um loop para que nós iterar sobre cada valor que foi passado Ok então para começar um loop como você lembra nas últimas aulas nós temos que definir um for primeiro o valor inicial let I ig a 0 nós vamos definir como o valor inicial zero esse valor vai esse loop vai ocorrer até que ele chegue o limite ou seja até que o limite até que i seja menor ou igual ao limite que

nós passamos ali em cima depois disso ele vai incrementar por um para que ele consiga fazer a próxima interação perfeito então aqui dentro Aqui dentro nós temos definir determinar se ele é um par ou ímpar E para isso nós podemos comparar usando if o valor que foi passado módulos 2 for igual a zero ou seja esse cálculo aqui está me dizendo que é um valor par Ok se você não entende ainda como funciona o módulos volte algumas aulas a aí no operador nos operadores matemáticos e você vai encontrar como ele funciona e se caso ele

for Zero Isso Significa que temos um número par Então nós vamos fazer um console log par caso não seja esse nós vamos fazer caso não seja o caso nós vamos fazer um console log ímpar simples assim agora você percebe que nós estamos Ah faltando falta algo aqui né falta o número que está sendo comparado esse número está guardado aqui dentro dessa Variável I Então nós vamos colocar ele aqui nos dois e perfeito É isso aí então é dessa forma que você faz essa comparação se esse vídeo te ajudou se você conseguiu fazer não conseguiu tem

alguma dúvida mande uma mensagem deixa um comentário e curta aí esses vídeos para que nós possamos continuar fazendo mais e mais e chegando levando esse conhecimento sem complicação e de forma rápida para vocês olá bem-vindos a mais uma aula Então hoje nós vamos aprender como ler propriedades dentro de um objeto na verdade nós vamos praticar isso eh o exercício é que você crie uma função que leia as propriedades de um objeto e todas as suas propriedades dentro desse objetos que são o string você vai exibir elas no console ali então nós vamos criar o método

o método já está aqui ok ah e você vai passar para ele um objeto então pra gente exemplificar aqui vamos criar um Objeto Vamos criar um objeto aqui filme nós vamos colocar aqui o título do filme Vamos colocar o título do filme Vingadores o ano 2000 aqui 2018 ah O diretor não sei o nome aleatório tá gente não sei o nome do diretor Vamos colocar aqui um personagem personagem colocar aqui o Thor Ok então o que que vai acontecer Você passando aqui ele vai exibir para mim só as propriedades que são os string então título

diretor e personagem são string quando você pode ver aqui então ele vai pegar aqui e vai exibir o nome da propriedade e o valor que está dentro dessa propriedade perfeito então a função é essa que você faça ess interação sobre esses objetos sobre esse objeto e exiba somente o que é um string Ok então te dou alguns minutos aí tenta fazer esse exercício e depois volte aqui Para que a gente possa resolver isso aí juntamente com você ok então se você lembra das aulas anteriores para que nós possamos iterar sobre um um objeto o loop

que você deve usar é o loop for nós pegamos aqui uma propriedade in Object Então nós vamos ver todas as propriedades terar sobre as propriedades de um objeto que que nós vamos fazer nós vamos comparar se if essa propriedade está sendo comparada né o tipo da Propriedade é igual a string seesse o caso nós vamos fazer console log exibindo o quê Nós temos que exibir a propriedade no caso a o tipo de propriedade né no caso ali e também o objeto indexado da propriedade então se você ver aqui ele está exibindo todos por quê Porque

nós temos comparar especificamente o valor que está dentro da propriedade e não somente a propriedade em si porque se você coloca assim você compara somente a O nome né o nome daqui da da propriedade e não o que tá dentro então para comparar o que tá dentro Aqui nós temos que usar esse dessa forma aqui OK você pega a propriedade dentro do objeto então se nós trocarmos aqui ele agora vai exibir corretamente só os que são do tipo string Ok então o exercício aí para que você pratique para que você entenda um pouco mais de

como fazer iteração sobre objetos perfeito Então eu quero que você poste aí no Comentário Qual foi o código o filme e o objeto que você usou para fazer esse exercício Ok muito obrigado se você ajudou se esse vídeo te ajudou de alguma forma deixe um comentário curta e se inscreva no canal e Ative o Sininho Olá bem-vindos a mais uma aula então hoje nós vamos aprender aqui a fazer uma função de soma porém a diferença é que você vai estar somando som os múltiplos de TR e os múltiplos de 5 ok então para que você

comece a fazer Isso primeiro você tem que saber quais são os múltiplos de c e os múltiplos de TR nós vamos trabalhar dentro de um limite o nosso limite aqui vamos colocar como exemplo 10 Então quais são os múltiplos de 3 e de 5 Dentro de 10 então Lembrando aqui múltiplos de 3 Então quais são os números múltiplos de três dentro do 10 bom nós temos o próprio trê o 6 e o 9 Todos issos são múltiplos de três Dentro de 10 e os Múltiplos de cinco Dentro de 10 são o próprio c e o

10 então lembre aqui que eu estou incluindo 10 nessa conta e o resultado final como vocês podem ver aqui é 33 por quê Porque que que eu estou fazendo eu estou somando somando os múltiplos o resultado né Estou somando os múltiplos e retornando esse resultado aqui então se você pegar 3 + 6 + 9 + 5 + 10 você tem 33 perfeito então ah para dar uma dica para você Como você vai começar esse exercício é sempre bom você quebrar em Passos menores Quando você vai e pegar um novo exercício em programação então o primeiro

passo que eu recomendaria é você armazenar armazenar os múltiplos de três depois armazenar os múltiplos de cin e por último somar os dois e exibir esse resultado que foi exatamente o que eu fiz nesse exercício Ok então gaste alguns minutos aí faça com calma Tente fazer e depois volte aqui para acompanhar a forma que eu fiz perfeito Então vamos fazer primeiro armazenar os múltiplos de três Então antes que a gente consega armazenar algo nós temos que ter uma variável Então vamos criar uma variável aqui múltiplos de três vamos colocar um valor padrão zero por enquanto

que nós não temos valores ainda e vamos também armazenar os múltiplos de cinco né então vamos Colocar múltiplos de cinco perfeito Então para que a gente Descubra se ele é um múltiplo de TR você vai seguir a mesma lógica de descobrir o que é um número ímpar ou número par você vai fazer primeiro um loop n nós temos que fazer sobre todos então nós vamos começar com o loop nosso índice é sempre no nosso caso vai iniciar com zero e depois ele vai desde zero enquanto o nosso índice for menor ou igual a nosso limite

que no caso aqui Nós estamos colocando 10 ele vai inar por um ponto perfeito então aqui dentro nós vamos definir se ele é ou não múltiplo de TRS então para descobrir se ele é múltiplo de TR nós vamos colocar um if if I módulo 3 foi igual a zero Ou seja quando eu fiz essa expressão aqui o resultado deu zero ou seja foi um cálculo perfeito que deu múltiplo ou seja se o cálculo é perfeito ele é um múltiplo de TR Então nesse caso nós Vamos armazenar o múltiplo de TR mais igual a i o

mais igual aqui lembrando é porque eu estou fazendo basicamente isso aqui ó múltiplos múltiplos de TR mais i é a mesma coisa você tem que fazer dessa forma porque quando ele vier aqui pela segunda vez se você não faz isso ele vai simplesmente sobrescrever O Valor anterior e você não quer isso Você quer que ele some então você vai fazer dessa forma Aqui usando o mais igual que ele faz Exatamente isso e se ele não for o múltiplo de três nós temos que verificar se ele é um múltiplo de cinco então se você pode imaginar

o múltiplo de cinco segue a mesma regra do anterior e módulos 5 igual a 0 se for um cálculo Perfeito nós vamos fazer o qu nós vamos atribuir o múltiplo de 5 mais igual a este valor e finalmente nosso último passo é fazer O quê nós já temos os valores nós temos que somar os dois então nós vamos fora do loop Ok não dentro porque senão nós vamos perder Nosso cálculo não vai estar correto nós vamos pegar console log exibir múltiplos de 3 mais múltiplos de 5 e aí nós temos nosso valor final de 33

somando o valor da soma de 3 mais 6 mais 9 mais 5 mais 10 perfeito Então é isso se você conseguiu aprender um pouquinho mais já curta aí se inscreva no canal Estamos sempre postando aulas novas para que você possa aí chegar no topo da sua carreira ok valeu Olá pessoal então nessa aula nós vamos aprender a descobrir a média de nota escolar Ok então basicamente o que nós vamos aprender nesse exercício é quando você passa um Array para uma função e essa função te retorna a nota correspondente desse ah desse Array que você passou

então nós temos por exemplo aqui um Array que eu declarei Ok com as Médias com as notas 70 70 e 80 E aí a partir disso você vai fazer um cálculo dentro da função que vai te obter a média a média se você fazer aqui vai dar 75 né então ou seja nós temos aqui uma tabela de notas que nós temos que encaixar dentro dela então se nossa média é 75 olha Nossa tabela aqui ele vai cair dentro de c e é exatamente isso que ele está retornando aqui nota C Ok então basicamente O que

você vai fazer é criar uma função que examine com base Nessa média aqui qual é o valor que ele tem que retornar pro console o exercício é esse Eu quero que você Tente agora fazer esse exercício e depois volte aqui para acompanhar como eu resolv esse problema Ok então primeira coisa que nós temos fazer é obter a média do Array Então para que nós consigamos obter essa média então primeiro nós vamos declarar aqui uma variável soma que vai receber os nossos valores ali do Array nós vamos fazer um loop Ok para que você some Esses

valores loop for que é o loop que você itera sobre arace let nota Óbvio notas e aqui nós vamos jogar dentro do Soma Mais igual nota Então nós vamos atribuir Tod os valores ali dentro e abaixo nós temos já aqui a soma então nós temos que dividir nós vamos pegar aqui a média nós vamos declarar a média a média vai ser exatamente a soma dividido Pelo notas P length ou seja o tamanho do Array então Aqui nós temos a média agora que você já tem a média aqui dentro você tem que fazer esses cálculos aqui

de cima para que você descubra onde essa média vai est encaixando Você poderia por exemplo fazer aqui né ah vamos colocar a primeira condição de 0 a 59 if média for maior que ou igual a zero e média for menor que ou igual a 59 nós retornamos Com f e basicamente você faria isso repetidamente aí para todos os outros todas as outras condições porém dessa forma o código fica um pouco ruim de ler fica um pouco um pouco ilegível Existe uma forma mais interessante de você fazer isso aqui que fica mais legível fica mais clean

que é da seguinte forma você simplesmente vem aqui e faz média menor que 59 Se for menor que 59 nós vamos retornar um F dessa forma se ele for menor que 59 ele necessariamente tem que ser um F Ok então assim não tem necessidade você a se preocupar com a valor mais baixo desse dessa condição aqui que é o zero você pode simplesmente considerar o maior valor se ele está abaixo do maior valor ele tem que estar dentro dessa condição então você pode retornar o f nesse caso e similarmente você pode Fazer isso para os

outros if média menor que 69 nós vamos retornar um d ou seja El já passou aqui se ele chegou aqui embaixo é porque ele passou aqui então ele está ok para que faça esse retorno de D e vai seguir agora o mesmo padrão para os outros if média menor que 79 nós retornamos um c e f média menor que 89 nós retornamos um b ponto e vírgula não podemos esquecer e aqui não precisa que você faça o 90 a 100 não Precisa que você faça aqui o 100 necessariamente ele vai ser maior que 89 então

nós podemos simplesmente aqui fazer um return Ah só uma pequena correção aqui tem que ser um l que ele vai ser modificado Ah então aqui você pode ver que ele já está retornando o c perfeito ah Porém Aqui é uma maneira de melhorar ainda mais esse código aplicando o princípio de responsabilidade única basicamente nós temos aqui todo um bloco de código Que vai simplesmente calcular a média das notas Então essa funcionalidade é uma funcionalidade que pode ser genérica e para deixar o código mais deve ser colocado em uma função fora daqui então nós vamos pegar

esse código aqui e vamos criar uma outra função calcular média recebe um Array Vamos colocar o código aqui dentro vamos fazer agora uma pequena modificação para que ele em vez de Receber notas nós vamos receber um Array para deixar ele mais genérico Então vamos o F2 aqui para renomear caso você não consiga você faça na mão mesmo então vamos aqui Array Array e ao invés de nota aqui nós vamos colocar F2 valor então Aqui nós temos agora em vez de armazenar esse valor nós vamos simplesmente retornar ele para quem chamou ou seja aqui em cima

Agora nós podemos simplesmente pegar aqui declarar valor declarar uma média e passar a função calcular média com o valor de notas e Aqui nós temos exatamente o mesmo resultado porém de uma forma bem mais clean como você pode ver o código ficou bem menor E além disso fica mais legível Qual é a utilidade dessa função aqui perfeito Então é isso muito obrigado Olá pessoal bem-vindos a mais uma aula hoje nós vamos aprender a fazer aqui um Exercício onde você vai exibir os asteriscos basicamente você vai ter que fazer o qu você vai criar uma função

que exibe a quantidade de asteriscos que aquela linha possui como exemplo Vocês estão vendo aqui nós temos cinco asteriscos se eu alterar isso aqui para 10 ele vai exibir para mim 10 asteriscos e ele está exibindo exatamente ente a quantidade de asteristicos que possui em cada vez que eu rodo né que eu passo essa esse valor aqui então eu quero que Você Tente fazer isso aí no seu tempo gaste alguns minutos aí e depois volte para acompanhar como foi resolvido essa situação Ok então existe basicamente algumas formas de resolver esse exercício Eh vamos começar aqui

da forma talvez a mais simples seria você declarar uma variável Vamos colocar chamá-la de padrão e colocar o valor string vazio e aí depois nós vamos fazer um loop que vai fazer basicamente o qu ele vai iterar Sobre essas linhas e cada vez que ele itera ele soma um asterisco a o esse string aqui ele já soma e já exibe para que você já tenha esse resultado Então nós vamos fazer um l linha igual a ponto e vírgula enquanto a linha menor que a quantidade de linhas menor ou igual na verdade nós vamos incrementar linha

Ok E aí o que que nós vamos fazer aqui embaixo nós vamos fazer o padrão Mais igual asterisco e ao finalizar nós vamos já escrevendo isso no console padrão e assim nós temos uma possível maneira de resolver esse problema porém para que você pratique também nós vamos aprender agora de uma forma onde você faz com Loops Então nós vamos comentar esse código aqui que que você pode fazer você pode vir aqui fazer um for fazer um For e aqui nós vamos fazer quase que a mesma coisa nós vamos declarar linha iG 1 enquanto a linha

quantidade de linha for menor ou igual a linhas linha soma incrementado por 1 né E aqui dentro nós vamos declarar essa variável padrão e dentro e após isso nós vamos criar um outro loop que vai fazer esse incremento de de asteriscos então basicamente O que que você vai fazer você vai criar um outro loop aqui LED I IG 0 enquanto I for menor que a linha Ok quanto for menor que a linha que nós estamos passando nós vamos incrementar o i por 1 E além disso nós vamos pegar aqui dentro o padrão mais igual um

asterisco Então o que eu acabei que que eu acabei de fazer aqui eu estou basicamente dizendo enquanto a minha linha for por exemplo 3 Então minha linha TR Então esse loop aqui de cima vai rodar três vezes certo e assim Similarmente esse loop interior aqui ele vai rodar também três vezes e se ele roda três vezes nós vamos incrementar essa variável padrão três vezes e assim como quando nós saímos daqui nós temos um uma uma variável com esse resultado né com três asteriscos Então logo após ser feito isso nó nós vamos aqui nós vamos escrever

para o console essa variável E como você pode ver tem exatamente o mesmo resultado então a Grande diferença é que aqui nós estamos trabalhando com o loop nested ou o loop interior ou nado tem várias formas que que são chamado isso aqui ok então as duas formas estão corretas é importante que você entenda essa segunda forma aqui porque é algo bem recorrente na programação você ter que usar mais de um loop para resolver alguns problemas de alg ormo Ok se você está aprendendo com essas aulas eu gostaria que você deixasse um comentário compartilhasse Isso e

também deixasse aí qual está sendo a sua experiência com essas aulas Ok muito obrigado Olá bem-vindos a mais uma aula nessa aula nós vamos aprender a trabalhar com números primos nós vamos criar uma função que você passa para ela um limite e ela vai correr percorrer sobre todos esses números e te dizer quais números são primos ou não se esses números são primos eles vão ser exibidos na no console Caso contrário eles não Serão exibidos como exemplo você já pode ver que eu passei aqui 15 ele está exibindo aqui todos os números que são números

primos mas se você não lembra aí o que é um número primo deixa eu dar uma rápida explicação aqui vamos pegar o exemplo do número 10 e do número 11 por exemplo o número 10 o número primo basicamente é um número que é divisível apenas por um ou por ele mesmo então se a gente pega o número 10 Por exemplo número 10 pode ser divisível por 2 por 4 por 6 ou pelo próprio 10 então claro que também nós podemos incluir aqui o número um né e então ele está sendo ele é divisível por mais

do que simplesmente um e ele mesmo então ele não é um número primo porém se a gente pega o exemplo de número 11 o número 11 se você dividir ele por um ele vai funcionar por dois não 3 também não 4 não 5 6 7 8 9 nada somente número 1 e o número 11 ou seja esse aqui é um número primo então basicamente você vai ter que verificar esses valores que estão sendo passados aqui dentro do limite e caso eles sejam valores primos você vai ter que exibir eles na tela aqui ok e lembrando

aqui o número composto é um número como por exemplo 10 mas o que nós queremos nessa aula seria simplesmente os números primos Então eu quero que Você Tente fazer esse exercício depois volte aqui para ver como foi resolvido Ok então basicamente Qual é a ideia para que nós consigamos extrair esses valores aí então para isso nós temos criar um loop let número igual 2 enquanto o número for maior for menor ou igual ao limite nós vamos continuar e nós vamos incrementar esse número por um aqui dentro nós precisamos saber se é um número primo Então

vamos colocar vamos declarar uma variável aqui é Primo vamos colocar Vamos considerar que sim até que provado do contrário Então para que nós passamos provar o contrário para que você descubra se esse número é primo ou não você precisa de verificar todas as possibilidades até Aquele número eu vou dar exemplo aqui então nós vamos colocar um for let divisor igual 2 enquanto o divisor for menor o Número nós vamos incrementar esse divisor aí por um Deixa eu explicar um pouquinho isso aqui nós estamos começando com dois porque nós queremos simplesmente descartar ignorar o o um

número um e queremos também ignorar o próprio número por todo número sempre será divisível por um e todo número sempre será divisível por ele mesmo então essas propriedades essas duas características são sempre sempre sempre Acontecem então por isso você não precisa verificar o que não pode acontecer é que o número seja divisível por qualquer outro número que não seja ele ou um porque se isso acontece ele não é um número primo e como que nós podemos descobrir isso você pode descobrir fazendo isso aqui você pega o número módulos divisor igual a zer ou seja se

se se essa expressão aqui resultar em zero é porque Esse número não é um número primo porque o número primo não deveria cair aqui dentro nessa condição então nosso Nossa variável e primo recebe aqui um fals ok e nós não precisamos continuar avaliando os outros números porque aqui se você você só precisa de ter um resultado verdadeiro para que ele não não seja primo Então nós vamos parar o loop aqui para que você não gaste mais recursos do computador Desnecessariamente e Finalmente nós vamos imprimir aqui embaixo se é primo nós vamos escrever na tela o

número e como você pode ver ele está exibindo aqui corretamente os valores que são primos então e um segundo exercício agora eu gostaria que você fizesse uma refatoração desse código para que esse código fique mais limpo e que ele fique mais legível Lembrando que você deve eh estar sempre pensando na responsabilidade única ou Seja uma função não deve fazer o não deve fazer um milhão de coisas diferentes uma função faz apenas uma pequena ah resolve um pequeno problema ele nunca vai estar fazendo três quatro coisas diferentes se isso tá acontecendo você tem que quebrar em

funções menores para que ela seja não somente reutilizável mas que também fique mais legível e fácil de dar manutenção no seu código Ok então quero que você pega Essas funções aqui o que Tiver que você conseguir perceber aqui que pode ser quebrado quebre isso em outras funções e volte aqui depois para ver como eu fiz isso perfeito então aqui se você percebeu existe aqui uma repetição clássica aqui de código né uma uma função bem específica que está acontecendo aqui dentro que é onde ele vai descobrir se o número é um número primo ou não esse

código aqui pode ser extraído para que ele seja um código reutilizável Inclusive essa declaração De variável também não precisa estar aqui nós podemos simplesmente pegar esse código aqui e declarar uma outra função número número primo que recebe um número como parâmetro e aqui dentro executa essa lógica então basicamente o que nós temos que mudar aqui é o seguinte nós não precisamos mais desse Break aqui porque nós não vamos fazer eles dentro de um loop vai ser dentro de um retorno de Função sendo assim nós podemos ao invés de fazer e Prim igual false nós podemos

simplesmente retornar um false para que a pessoa possa usar esse resultado e se ele passou por aqui e não chegou nessa condição é porque ele não é porque ele deve retornar true né Ele é um número primo então assim nós temos que fazer aqui ao final return true ou seja essa variável aqui no início não é necessária E aí nós temos que chamar ela aqui em cima claro vamos chamar aqui Opa Percebi que eu escrevi aqui em inglês eh número primo certo e aqui nós vamos dentro dessa condição chamar a função porque ela simplesmente vai

retornar no boleano Então vamos chamar aqui o número númer primo passando o número como parâmetro E aí nós temos a função funcionando da mesma forma porém de uma forma bem mais clean bem mais simples de ler Ok então é isso aí eu agradeço vocês terem acompanhado até aqui se vocês gostaram Deixa uma curtir aí comentário E compartilhe com seus colegas É isso aí galera Olá bem-vindos a mais uma aula é E hoje nós estarmos continuando aí aprender sobre construtores sobre funções ah sobre objetos e nós vamos continuar agora falando hoje de Factory functions ou também

conhecido em português como funções de Fábrica tá e o que que é para que que serve isso eh por exemplo nós temos aqui o objeto que Nós criamos na última aula certo esse objeto celular e vamos dizer que você queira aí você tá cadastrando vários celulares no seu sistema Como que você faria isso se você tivesse que passar essas informações PR essa para esse objeto você viria aqui e copiar 100 vezes aqui né o propriedade o objeto e depois Saria trocando uma por uma não com certeza não é a melhor forma De fazer isso então

por isso eu vou te ensinar hoje uma forma melhor de fazer isso que é usando as funções de de fábrica ou que que é o factory function Factory function basicamente ele vai encapsular essa informação dentro de um método que cria o objeto Então a gente vai praticamente pegar isso aqui e fazer isso aqui ó function criar celular e nós vamos colocar aqui dentro Esse essa informação e que nós cri o JavaScript você tem que retornar a algo né você tem que retornar a informação então você poderia vir aqui e retornar o celular certo e seria

a forma de de fazer isso porém e Existe uma forma ainda mais curta de fazer isso sendo que nós não precisamos de manipular esse objeto celular aqui dentro não precisa que você né defina celular aqui novamente você pode simplesmente Retornar este objeto certo E além disso tem uma outra questão aqui que é um pouco importante que é bastante importante na verdade que é que aqui nós estamos fazendo hard code né o hardcoded ou seja nosso código está chumbado aqui não tem como você trocar é isso aqui ele não é parametrizável não é dinâmico Então não

é legal isso essa marca do celular por exemplo não deve ser um string Isso deve ser uma um parâmetro aqui do método então marca Celular e aí seria passado e depois você ia repassar isso aqui aqui para dentro da da propriedade marca celular então Aí ficaria dinâmico e esse tamanho da tela também poderia ser passado aqui em cima marca desculpa eh tamanho tela poderia ser passado aqui e aí ao invés de passar esse objeto aqui na mão né você poderia passar direto aqui essa propriedade e a mesma coisa com a capacidade de bateria né não

seria diferente você passaria aqui em cima e é Isso aí porém eh tem uma forma também de você agilizar essa declaração aqui quando a declaração eh tem o mesmo como a chave e o valor né o Key value eles têm o mesmo nome você não precisa de fazer isso aqui você pode agilizar fazendo simplesmente assim deixando simplesmente eh um nome só ou seja a chave então isso aqui poderia também ser agilizado e assim dessa forma ficaria dessa forma aqui e aqui também Esqueci de colocar aqui capacidade da bateria Você poderia fazer dessa forma aqui ele

funcionaria da mesma forma uma outra questão eh que seria interessante otimizar seria isso aqui a forma que tá sendo declarada essa função eh não precisa ser feita dessa forma porque nós podemos eh fazer ela de uma forma mais curta deixando apenas assim OK então você não precisa de fazer não precisa de ter esse function aqui pode deixar simplesmente H direto dessa forma então quando eu quero fazer quando Eu quero criar um objeto dessa forma como que eu faço eu venho aqui e como qualquer outro método eu vou chamar o método né o método é o

criar celular e aqui eu tem que passar os parâmetros que ele pediu por exemplo a marca do celular né Vamos chamar aqui de sei lá zenfone vírgula tamanho da tela 5.5 capacidade de bateria Vamos colocar 5000 E aí você teria um objeto pronto e claro Que nós temos que armazenar isso aqui em algum lugar então vamos criar aqui uma uma variável né E aí se a gente fazer o console log disso aqui celular um você vai ver que nós temos aí um objeto dentro do nosso console certo e dessa forma fica muito mais otimizado você

fazer a criação de objeto a grande vantagem é que você está encapsulando você está juntando tudo isso em um método que faz para você essa Criação e a manutenção fica muito mais fácil porque caso de um problema por exemplo na função ligar você não vai ter que ir nas 102 200 ou seja lá Quantas vezes você criou esse objeto e ir em cada um em procurar você pode simplesmente alterar o Construtor e esse Construtor já vai resolver todos os problemas para você quando você resolver o problema dentro desse dessa função Então essa é uma das

grandes vantagens de usar isso porém não É o único método existe também a o o constructor function que é as funções de Construtor que nós iremos ver na próxima aula Ok então agora é sua vez eu quero que você deixa no comentário aí um objeto dessa mesma forma aqui usando uma função de fábrica então qualquer objeto que você consega imaginar aí coloque ele aí no comentário para que você possa aí estar compartilhando com seus colegas que estão assistindo essa aula Ok então isso aí muito obrigado e até a próxima Aula Olá meu nome é Jonathan

Estamos aqui hoje em mais uma aula para aprender para aprender sobre constructor functions ou função de Construtor a função de Construtor ela vai fazer exatamente a mesma coisa que a função de fábrica faz né a Factory function só que ela faz isso de uma forma diferente e para quem já trabalhou aí com desenvolvimento backend né csharp Java e pode ser bem similar ao que você já viu nessas linguagens Então vamos ver aqui Como é feito por exemplo esse aqui é o código que nós fizemos na última aula que é feito com a onde você cria

você instancia uma classe usando uma função de fábrica né uma Factory function Porém Aqui Agora nós vamos ver isso como Construtor A diferença é que você vai criar uma function então para criar um objeto usando esse método nós vamos dizer function lá abre fecha Chaves abre fecha parênteses abre fecha Chaves você pode Perceber que aqui eu não criei nada dizendo criar celular e apenas celular ah a diferença aqui que nós vamos estar usando Ah o que é chamado de Pascal Case que é basicamente quando você escreve assim um é 1 2 3 4 ou seja

você pode ver que a primeira letra sempre da palavra sempre está em maiúsculo Esse é o Pascal Case Ok diferente desse aqui de Cima que usa o aqui é chamado de Camel Camel Case que é quando você começa com assim ó quando você faz isso 1 2 3 4 ou seja você sempre inicia com a primeira letra em minúsculo e todos os que vem após né todas as palavras que vem após iniciam com a letra maiúscula Então nós vamos usar sempre o Pascal Case por convenção né porque é o que a maioria das pessoas usam

nó por convenção nós vamos usar o Pascal case e aqui dentro para declarar o objeto você vai fazer um Dis ponto e a propriedade que você quer definir Vamos colocar por exemplo a marca do celular que vai receber Claro a marca do celular ã E por que que nós estamos usando o dis o dis Ele simplesmente ah serve para poder referenciar aquele objeto Ok a forma mais simples de entender ele está referenciando esse objeto atual que você está manipulando então ah você vai colocar as outras propriedades aqui Como por exemplo o tamanho da tela ok

que vai Receber tamanho tela e claro nós temos colocar aqui também des ponto capacidade bateria que recebe capacidade bateria e nós podemos também colocar métodos né funções aqui dentro então se você colocar se você vai eh colocar um método aqui uma função você vai colocar o d também ponto o nome da função que vai ser igual uma function que vai executar algum código Vamos colocar como exemplo aqui né ah fazendo ligação claro que aqui Entraria o código pronto mesmo né perfeito então a essa é a forma que você declara Claro que pra gente funcionar para

que funcionem essas propriedades Elas têm que estar passadas aqui dentro do Construtor certo então você vai colocar aqui dentro essas propriedades para que elas possam ser passadas depois aí como parâmetro como argumento né para esses para essa função tá então você pode perceber que não tem um return aqui Ela faz simplesmente ela simplesmente define os as propriedades e métodos e é só isso mesmo então a forma que você realmente cria o objeto vem após isso então vamos dizer que a gente vai criar aqui um objeto um novo celular tá aí nós vamos fazer o new

celular e aqui nós vamos passar todas as propriedades como por exemplo marca do celular N Vamos colocar aqui marca Asus tamanho da tela 5.5 bateria 5000 então que que nós acabamos de fazer aqui usando essa palavra-chave New nós estamos criando né Nós estamos instanciando um objeto Passando todas essas propriedades que estão definidas aqui dentro através de um parâmetro aqui né são ess através desses parâmetros que foram definidos lá em cima Então se a gente fazer um famoso console log e passar o celular aqui o que que vai acontecer deixa só apagar esse código Que tá

aqui em cima que já tinha um celular definido aqui em cima da última aula ele vai dar um pequeno conflito então aqui nós podemos ver que ele vai exibir um celular com todas as propriedades que são a que pertencem a ele é então a grande diferença do do constructor e do Factory Ok é que um você vai fazer a criação através do New e o outro você vai fazer a criação dentro do próprio da própria da própria função porque aqui você retorna a objeto Novo e aqui você cria um objeto novo na hora que você

vai instanciar então se você me perguntar jonath qual que é o melhor Bom na verdade eles fazem exatamente a mesma coisa então assim na verdade não há um melhor ou pior vai muito da sua preferência pessoal e se você for pesquisar na internet aí tem muitas pessoas que vão dizer que é melhor um é melhor o outro mas no final eles fazem exatamente a mesma coisa então fica critério seu escolher qual Que você acha que fica mais ah cômodo e o importante é que você pegue um escolha e siga e siga fazendo ele e não

mude para que não fica não não falte consistência no seu código então quero pedir para vocês aqui é que vocês criem agora um objeto usando o constructor function então usando a técnica que foi ensinada nessa aula eu quero que você crie um objeto qualquer um e deixa ele no comentário aí pra gente ver tem que ter propriedades e tem que ter um método Dentro dele também perfeito Então é isso vejo vocês na próxima aula então nessa aula nós vamos falar um pouquinho sobre a natureza dinâmica de objetos Ah então eu estou dizendo isso por a

diferença do JavaScript para algumas outras linguagens é que ela é totalmente dinâmica Então se a gente criar um objeto aqui chamado Mouse por exemplo e definimos algumas propriedades como cor vamos colocar uma cor qualquer aqui E marca Vamos colocar 10 por exemplo Ah e a gente pode ver que esse objeto já está pronto né Nós vamos colocar ele aqui no console e você verá que ele já está ah pronto e nós temos apenas duas propriedades só que por ser dinâmico então O interessante é que se você vier aqui e tentar adicionar uma outra propriedade por

exemplo velocidade velocidade Vamos colocar aí 5000 e E se a gente escrever isso no Console você vai ver que ele adicionou uma nova propriedade aqui da mesma forma eu poderia colocar um método aqui né Mouse pon trocar dpi igual function vai fazer um console log vai fazer mudando velocidade mudando dpi que é a velocidade do mouse né então nós podemos ver que agora ele tem uma função aqui também Então os objetos no JavaScript são totalmente são totalmente dinâmicos tanto que se eu quiser apagar uma função ou uma propriedade é possível também eu poderia fazer um

delete Mouse P velocidade o que que vai acontecer agora não tem mais a propriedade aqui similarmente eu poderia fazer no delete Mouse pon o nome da do método e se a gente V ali ele já não existe mais dentro da do objeto então é importante entender isso aqui para que Você veja que é totalmente dinâmico um objeto sendo possível adicionar ou ou tirar propriedades dentro dele perfeito Então é isso vejo vocês na próxima aula Ok então nessa aula nós vamos aprender a como clonar né como criar cópias de objetos que já foram criados anteriormente então

eu vou pular toda toda a parte aqui que não interessa e vamos direto à prática vamos ver aqui como que você pode fazer isso e uma das duas formas mais diretas de fazer isso é Usando o Object P assign Ok e aqui qual que o que que ele vai fazer ele vai pegar o primeiro parâmetro a o alvo Ok para onde que vai esse objeto que você vai copiar e de onde que ele vai copiar essas informações n onde que ele vai copiar as propriedades os métodos no caso nós vamos usar esse objeto aqui que

nós definimos uma das aulas anteriores Então nós vamos pegar esse objeto cular lá e vamos passar ele como segundo parâmetro e claro que nós temos que Armazenar isso aqui em algum lugar então vamos armazenar aqui no um novo objeto e vamos ah ver né se isso aqui de fato funcionou vamos dar um console pon log no novo objeto e como vocês podem ver tá aqui nosso novo objeto com todas as propriedades iguaizinhas à que nós definimos aqui e uma coisa interessante sobre esse aqui especificamente é que você pode adicionar propriedades aqui eh por exemplo colocar

aqui sei lá Eh bateria o a5.000 a 5000 por exemplo E aí quando você imprime ele aqui você vai ver que ele tem todas as propriedades anteriores mais a propriedade que você adicionou aqui perfeito Então essa é uma das grandes utilidades de usar esse método então a outra opção é você usar o um pouco mais rápido talvez eh você fazer um um A outra forma é você fazer isso aqui ponto ponto ponto que isso aqui chama spread Ok em inglês spread mas você pode gravar aí como três pontos E que e depois você passa o

nome do objeto que você quer que ele Copie todas as propriedades e objetos e e métodos na verdade né Vamos colocar o celular aqui ponto e vírgula claro nós temos que razar isso aqui objeto vamos meu objeto dois vamos colocar aqui né E vamos fazer um log desse objeto dois e aí se a gente perceber aqui o nosso objeto dois funcionou perfeitamente Ok Então essas são as básica básicamente as formas principais De fazer a clonagem de um objeto Então é isso quero que você agora crie um objeto e clone ele e deixa isso no comentário

para que nós possamos estar compartilhando aí nosso conhecimento com os nossos colegas até a próxima Olá nessa aula nós vamos aprender sobre o math uma das funções mais usadas no JavaScript então math ok esse aqui se você quer aprender sobre todas as funcionalidades que é possível você Realizar com essa função que trabalha com com operações matemáticas basta que você venha aqui no Google e digite JavaScript math JavaScript math e nós vamos ir no JavaScript do developer Mozilla que é um pouco mais Talvez um pouco mais fácil de entender aqui você vai ter todas as propriedades

todos os métodos que você pode usar Ok os métodos estão aqui embaixo são muitos e muitos eu não vou olhar um por um não tem como a gente cobrir isso aí em uma aula nós Vamos ver aqui os mais usados Ok você pode usar esse site aqui como referência para entender isso aí então nosso primeiro aqui que nós vamos testar primeiro que nós vamos testar é o ma Random você chama ele aqui aqui ele vai te dar quanto cada vez que você chama aqui ele chama um valor diferente então ele vai gerar um número aleatório

entre zero a 1 ok então você pode usar isso aqui para poder criar números aleatórios Ah e você pode também e você pode também Fazer isso entre um número Até outro número então se você for aqui novamente no site do você digitar math P Random entrar no site da Mozilla você vai ver que aqui ele explica como que faz Ok é bem Auto explicativo eu não vou explicar aqui você pode dar uma olhada depois e você conseguir faz fazer entre um valor e outro certo e aí agora nós vamos ver o Max você pode fazer

também no math.max aqui você vai passar um arranjo de Valores né ele vai te dizer qual o maior valor Ok e similarmente nós temos um min que vai fazer né como você já imagina o oposto ele deu o menor valor que é o valor 4 e claro que nós temos também vários e vários outros métodos aí eu vou deixar como exercício que você dê uma pesquisada em qualquer um daqueles métodos ali e escolh um deles e poste no comentário como ele funciona e o código Que você usou para criar ele ok então é isso vejo

vocês na próxima aula se está te ajudando curta e compartilha esse vídeo com seus colegas que estão aprendendo também e é isso obrigado Olá meus amigos então hoje nós vamos aprender aqui sobre Strings especificamente sobre os métodos de um string e lembrando aqui que nós temos dois tipos basicamente de string né Nós temos o tipo primitivo que é esse aqui que nós usamos bastante né que você vai Digitar uma mensagem aqui tipo minha primeira mensagem e esse aqui é é um string do tipo primitivo que você sente definir dessa forma aqui e nós temos também

a do tipo objeto e aí seria dessa forma aqui onde você definir New string em maiúsculo S E aqui Bom dia por exemplo qual a diferença se a gente analisar aqui no console usando Type of Type of mensagem que que é Ups escrevi errado mensagem Que que é é um string então é um string mas se eu verificar o Type of Type of outra mensagem é um objeto tanto que se a gente vi aqui e olha mensagem ponto ela tem também propriedades de um objeto estranho né porque ela é um string apenas um string Mas

e se a gente verificar a outra mensagem você vai ver que ela também tem propriedades aqui como propriedades de um objeto é porque o que acontece é que Quando você faz isso aqui né quando o que acontece quando você você dá o que acontece quando você clica ponto no seu teclado ele vai o JavaScript ele vai encapsular esse tipo primitivo aqui e aí vai te permitir que você use ele como objeto e tenha todas essas funcionalidades aqui ok que nós vamos inclusive olhar agora e Então a primeira aqui que nós vamos usar é a mais

uma das talvez mais utilizadas que é o length que L nada mais é do que O tamanho da mensagem ele tá dizendo aqui que o tamanho dela aqui são sete sete caracteres do bom dia e uma outra bem usada também nós podemos ver a lista disso aqui também da mesma forma indo no Google e digitando JavaScript JavaScript string Eu recomendo sempre usar o do Mozilla aqui ele tem um um pouco mais fica um pouco mais organizado e você pode ver aqui todos os as formas de trabalhar com string você vai ter que descrições eh Tem

várias coisas aqui os métodos né você pode ver aqui não vou entrar são vários e vários e vários nós vamos ver aqui o mais importante e depois você pode voltar aqui entendendo um pouco melhor cada um deles Ok então aqui vamos ver por exemplo se eu quero acessar a primeira letra desse objeto né Vamos colocar aqui outra mensagem Ah e nós vamos passar o índice dois então o que que tá no índice dois tá o m né porque se a gente for aqui 0 1 2 esse é o m ele Está no índice do então

você pode acessar por índice a uma informação dentro de um string E se você tivesse que pesquisar alguma coisa dentro de uma de um string Como que você poderia fazer isso você poderia vamos procurar por exemplo na primeira mensagem ali mensagem ponto includes ah primeira true Ah então nós podemos confirmar que existe de fato a palavra primeira dentro do string mensagem tá aqui né E aí se eu pesquisar algo que Não existe aqui tipo sei lá vermelho ele vai dar um falso dizendo que realmente não tá lá e aí nós podemos fazer também um bastante

usados é o que se inicia com Então você vai iniciar por exemplo com sei lá minha ele inicia com minha essa palavra Ah tá mas ele inicia com verde fal pode fazer dessa forma e você pode similarmente fazer um with se ele finaliza né se ele termina com alguma coisa por exemplo Termina com mensagem ah e via se eu colocasse alaisa que não tem nada a ver aqui D falso nós temos também a uma forma de verificar qual que é o número né Qual que é o índice de algo dentro do de um string por

exemplo Qual que é o índice da da palavra mensagem ali dentro do Qual que é o índice da palavra primeira dentro da do string mensagem então eu teria que vir aqui mensagem Ponto index of primeira primeira seis então você vai contar aqui ele vai chegar e perceber que aqui é o índice seis perfeito e aí nós temos também o famoso replace né que nós vamos pegar uma mensagem aqui ponto replace o que que ele vai fazer ele vai substituir né o primeiro valor aqui ou seja nós vamos substituir a palavra minha e nós vamos substituir

com o qu com sua por Exemplo E aí você viu que ele trocou aqui a palavra né colocou essa palavra minha por a segunda palavra que você colocou aqui perfeito você pode também vamos dizer que eu tenha colocado espaços demais aqui eu coloquei um espaço a mais no início como que eu poderia tirar esse espaço eu poderia fazer uma mensagem pon trim que que vai acontecer Olha isso ele tirou os espaços excedentes né do início se tivesse colocado no final o que que Ia acontecer mensagem ponto trim ele também tira então ele vai sempre remover

né os espaços excedentes no início ou no final e se você quiser separar por alguma coisa vamos dizer você quer quebrar essa esse string aqui por espaço então cada vez que ele encontra um espaço Ele separa isso aqui e te mostra a informação você poderia fazer um mensagem ponto split ou seja e repartir Por espaço então espaço você representa por um um espaço E aí você dá um enter aqui e você vai perceber que o que ele fez ele quebrou essa palavra aqui né em cinco em em cinco pedaços por quê aqui Ele identificou um

espaço aqui Ele identificou um espaço aqui Ele identificou um espaço e aqui Ele identificou um espaço então se nós removermos esses espaços aqui e fazermos de novo isso aqui o que que vai Acontecer ele vai retornar só essas três palavras que estão separadas aqui por espaço perfeito Então é isso aí Espero que tenha ajudado bastante você se essas aulas estão te ajudando deixa um comentário e Curta o vídeo e se inscreva no canal Não esqueça de ativar o Sininho e eu vejo você na próxima aula Olá bem-vindos a mais uma aula o o vídeo de

hoje vai falar sobre template literals Ok e nós vamos entender aqui hoje o que que é esse template literal Então antes de falar sobre ele nós vamos entender primeiro como Que Nós criamos uma mensagem em string no JavaScript então a forma mais tradicional é você declarar uma constante né Ou uma ou uma um let se for algo que vai ser alterado nós vamos declarar uma constante aqui e vamos colocar uma mensagem oi isso é a minha primeira mensagem e aí nós já temos essa mensagem aqui nós podemos ver ela no console é ela está aqui

né uma mensagem completa Porém se eu quiser dar uma quebra de linha aqui logo após o minha o que que eu teria que fazer eu teria que colocar uma barra invertida e o n Ok Isso aqui é uma sequência de escape isso aqui é chamado de sequência de escape Ah e caso você queira entender todas as outras possíveis sequências de escapes você pode consultar aqui no Google você pode vir aqui e digitar JavaScript escape Sequence Ok e nós temos nós vamos procurar aqui o link do aqui ó nós vamos procurar esse link aqui do Mozilla

e se você descer um pouquinho você vai ver todos os códigos de escape ok Eles servem para você escapar um string para que você consiga fazer por exemplo isso aqui que nós fizemos ok uma quebra de linha e aí você vai ver que ele fez a quebra de linha dessa forma e aí Ah é possível que você por exemplo Queira também colocar uma aspas né aspas entre essa palavra primeiro aqui por exemplo se você vir aqui e fazer direto o que que vai acontecer ele vai te dar um erro por qu você precisa escapar esses

caracteres aqui né escapar essa aspas essa aspas simples para que você consiga usar elqui eí se você vier aqui agora você vai ver que ele funcionou só que você pode ver que o código fica bem Fica bem ilegível fica bem poluído Então você tem todos esses caracteres Especiais dentro de um string aqui que fica bem ilegível você poderia tentar melhorar isso aqui fazendo por exemplo uma quebra de linha né poderia quebrar aqui colocar um mais para ele concatenar o string e você teria que fazer teria que colocar um string aqui né e fechar um string

aqui então agora fica na verdade mais confuso ainda né porque agora ele fica com mais caracteres especiais e aí fica fica um pouco mais complicado Você poderia por exemplo vir Aqui e colocar isso num segunda linha para ficar Talvez um pouco mais legível então isso aqui é possível ele resolve seu problema você pode ver que a mensagem funciona só que hoje no no JavaScript S6 Existe uma forma infinitamente melhor de fazer isso então e nós temos no JavaScript vários tipos de literais ok nós temos o Object que nós amos o objeto dessa forma nós temos

os literais boolean que nós usamos normalmente o true ou false nós Temos também os Strings né que são quando você define com aspas simples ou aspas duplas e Finalmente nós temos do curso hoje nós temos aessa aula hoje temos o template leral que é usado esses caracteres aqui ok E aí quando você vai definir uma mensagem outra Vamos definir outra mensagem aqui você vai colocar esses caracteres certo e aqui você pode colocar mensagem Exatamente como você digitaria ela que ele vai manter os espaços e pontuação e todas essas outras questões então se eu viesse aqui

e dissesse oi isso é a minha a minha primeira mensagem então se eu vier aqui novamente e digitar aqui você vai ver que a Manteve as aspas então a vantagem que o caractere aqui ele não entra em conflito e permite que você use aspas aqui dentro Já mesmo ok então isso aqui pode ser útil em qual caso vamos dizer que você queira compor um e-mail por exemplo Então você quer colocar um e-mail lá eil e você vai colocar vai comear aqui embaix desculpa aqui você vai comear aqui embaixo e você vai dizer olá Fulano obrigado

por se inscrever no canal para acompanhar os vídeos não se esqueça de ativar o Sino Obrigado Jonathan e aí se nós viermos aqui digitar e-mail você vai ver que ele mantém né ele mantém toda a formatação que você definiu dentro dessa mensagem e aí uma outra grande vantagem se você quiser por exemplo substituir palavras aqui dentro e a forma tradicional de fazer isso seria você você teria criar aqui uma mensagem nome por exemplo para substituir o Nome definiria um outro nome aqui dentro Vamos colocar um nome qualquer aqui e aí se você tivesse trabalhando com

string tradicional seria necessário que você fizesse ã vamos apagar esse código aqui anterior seria necessário que você definisse uma mensagem aqui você definiria uma mensagem Olá mais Conar concar um outro string e depois teria colocar uma quebra de linha certo porque Lando que nós temos de Linha então ficaria bem mais chato fazer isso aqui né você teria que fazer toda essa complexidade aqui que você tenha uma mensagem dinâmica Depois tem uma quebra de linha com o template lateral não precisamos de fazer isso mais você pode apagar isso aqui e vir aqui aqui dentro e simplesmente

fazer isso aqui você você pode simplesmente Abrir Chaves aqui dentro e colocar o sinal o cifrão logo antes e aqui dentro você passa a variável certo então se você vir aqui e Ver o e-mail você po pode ver que ele já substituiu o o que foi colocado dentro de Chaves e é claro que você poderia fazer qualquer tipo de outra operação você poderia vir aqui e colocar uma operação matemática também não tem problema ele funcionaria então se nós vermos o resultado você pode ver que ele tem aqui o resultado E que poderia entrar por exemplo

uma função que obté alguma informação e coloca o resultado aqui Dentro poderia ser qualquer tipo de método ou a avaliação expressão né no JavaScript perfeito então a como exercício eu quero que você Defina aí um template leral com uma mensagem sua que tem espaço que tenha uma quebra de linha e coloque isso aí no comentário para que nós possamos compartilhar aí nosso conhecimento com os nossos colegas Ok muito obrigado se você ainda não se inscreveu no canal se inscreva para que você consiga Acompanhar esses vídeos e nós vamos nos ver na próxima aula Olá bem-vindos

a mais uma aula hoje nós estaremos aprendendo sobre date Ok um dos últimos tipos que nós estaremos vendo ah nessa sessão sobre um dos últimos tipos embutidos que nós temos no JavaScript ok que é o date Lembrando que não são os únicos e nós vamos ver os outros aí nas aulas futuras Então quando você quer trabalhar com datas no JavaScript normalmente você Vai fazer da seguinte forma ah existe uma maneira que você pode fazer aqui data vamos chamar de data um New dates se você fizer aqui e você se você entrar aqui dentro você vai

perceber quando nós abrimos Chaves aqui você pode ver que existem várias várias formas diferentes né de instanciar essa variável de criar uma data Ok mas a mais simples de todas elas é quando você simplesmente não define nada se você não definir nada aqui quando você coloca ess Esse valor no console você vem aqui coloca com data um por exemplo você vai ver que ele vai extrair informação Ah dessa seguinte forma aqui ok ele vai trazer informação para você com a data atual exatamente nesse momento com informações de GMT e tudo e toda ess outra informação

então aqui nós podemos fazer também Ah passando direto uma data né você pode fazer aqui passando por string no seguinte formato Ok você vai passar o mês o mês Vamos colocar mar que É Março né dia 6 do ano 2019 às 9:30 então se você logar esse valor aqui date 2 nós vamos ver que ele colocou exatamente da forma que eu definir ali hora 9:30 e o mês mês Março e o dia 6 perfeito é possível também que você crie existem vários e vários tipos diferentes maneir diferente de você definiram a data a melhor forma

é fazendo aquela questão né você vem aqui no Google você digita JavaScript Date e você pode olhar aqui no Mozilla referência no Mozilla e aqui você vai ver as várias formas né de definir ah as várias formas de definir os métodos todas as outras informações interessantes que você pode pegar de uma data Ok e aqui Temos vários exemplos que você pode olhar com mais calma depois mas vamos aqui na prática então você pode fazer por exemplo ah definir Aqui dessa forma aqui onde você vai passando os parâmetros para que ele crie a data para você

por exemplo você vai passar primeiro aqui o ano depois você vai passar o mês Vamos colocar o mês três depois você vai passar a o dia depois às horas 9 e depois e depois o minuto importante perceber que quando eu Fiz isso aqui apesar de ter colocado três ele colocou para mim Abril Abril é o quarto mês então o que é importante lembrar é que aqui ele está considerando baseado no zero então ele começa a contar no zero então zero seria janeiro né e depois fevereiro seria um e março seria dois então se você quer

Março aqui seria o número dois perfeito então se nós colocarmos aqui o date 3 agora ele possui Março porque ele começa a contar a partir do zero aqui os meses perfeito Então nós temos algumas informações que nós podemos ah extrair né dos objetos data nós temos vários métodos Gets e set então se nós viermos aqui né e fizermos por exemplo então se nós viermos aqui você pode ver que ele tem vários métodos get né onde você pode extrair informa de um objeto que é objeto data então você pode ver que ele tem vários e vários

obj vários e vários métodos aqui você pode extrair informação e similarmente nós temos o set né que é Onde você pode alterar o valor então você poderia vir aqui e alterar o valor do ano por exemplo vamos dizer que a gente quir alterar aqui o ano para 2030 por exemplo E se nós viermos aqui agora ele tem um ano definido para 2030 certo então existem vários objetos então existem vários métodos que você pode usar aqui para extrair informação e para alterar informação também de um objeto data nós podemos Também fazer a conversão né de objetos

data para string existem vários métodos para fazer isso e um dos mais comuns Talvez seja o to date string se você fizer isso aqui ele vai converter para você Em um formato string e se você quiser também que ele faça isso caso você queira ver qual informação de zona ele usa né Qual o tempo zona temporal ele tá usando você pode usar o two time string que ele vai incluir informações do GMT né que é a Informação de de tempo local e claro você pode também usar o to ISO to ISO string que aqui ele

vai informar isso aqui é basicamente a forma que você vê informação de dado de data no banco de dados Então esse aqui é o formato que você usa caso você por exemplo queira transferir informação ah do cliente para o servidor Então como exercício eu quero que você defina uma data de hoje aí OK e coloque ela nesses três a data que você estiver assistindo Esse vídeo e você coloa ela nesses três formatos aqui ok e coloca isso no comentário esses três objetos OK É isso aí muito obrigado e até mais se você gosta dessas aulas

está te ajudando de alguma forma deixe um comentário aí curta esse vídeo e lembre de se inscrever no canal para que você não perca as próximas aulas Ok até a próxima Olá Então vamos agora começar a praticar a como usar esses objetos né to essa informação que nós pegamos aqui Nessa sessão hoje nós vamos criar um objeto endereço e nesse objeto eu quero que você inclua a seguinte informação você vai incluir para mim então exercício é criar um objeto endereço que conté a seguinte informação você vai colocar a rua nós precisamos da cidade Nós também

precisamos do c E é claro nós temos que criar uma função aqui dentro que chama exibir endereço que vai pegar um objeto endereço como parâmetro e vai Exibir todas as informações de todas as propriedades e os valores que estão dentro dessa propriedade no console Ok então é isso aí Tente fazer esse exercício e depois volte para acompanhar aqui a nossa solu então de pause no vídeo aí agora Ok então voltando aqui para resolver essa informação né para resolver esse exercício nós temos que claro primeiro criar um objeto Então se é um objeto que Vai ser

alterado nós vamos usar o let E caso seja algo que não seja alterado nós usamos uma constante aqui esse objeto pode sofrer alterações Então nós vamos colocar como L ok então nós vamos definir aqui a forma de definir o objeta dessa forma você já viu nos vídeos anteriores e aqui nós vamos definir as propriedades que nós precisamos como Rua Vamos colocar o nome de uma rua aqui qualquer né a cidade aqui vai entrar a Informação da cidade o CP aqui entrar informação do CP e claro nós precisamos de uma função para fazer para exibir as

informações que estão dentro desse objeto Então nós vamos criar aqui agora function endereço que recebe endereço como parâmetro e aqui nós vamos definir Nóe usar o loop for in se você lembra o loop for in ele te permite iterar sobre as propriedades de um objeto então For let endereço e aqui nós vamos logar n conso log a mas tambéms precis osores dentro dessa chave né Nós precisamos pegar aqui o endereço indexado de chave então se você ver o resultado disso aqui no console nós precisamos de chamar essa função Então nós vamos chamar a função exibir

endereço passar o endereço o endereço como parâmetro E aí nós vamos já ver Esse resultado logo aqui no nosso console perfeito Então esse era o exercício para vocês fazerem Nesta aula até a próx próxima então deixe aí o seu comentário dizendo qual foi o objeto que você criou neste exercício perfeito até a próxima e não se esqueçam de se inscrever nesse canal para não perder nenhuma aula Olá pessoal nessa aula nós estaremos aí continuando essa série de JavaScript que já está bem na na Nós já Estamos aqui na área intermediária Então continue acompanhando aí que

estamos chegando aí a na reta final do curso temos temos apenas aí aproximadamente 20 poucas aulas para terminar então aqui você vai ter um curso totalmente completo gratuito de JavaScript para que você consiga a já aprender as habilidades essenciais dessa linguagem que é uma das linguagens mais usadas hoje perfeito e hoje nós estaremos trabalhando aqui com a igualdade de Objetos e nesse exercício basicamente nós iramos iremos criar duas funções para comparar objetos usando o que foi feito na última aula Então nesse exercício nós iremos criar dois objetos endereço e depois nós vamos comparar se esses

objetos são iguais em questão de propriedade e depois se eles são iguais em questão de endereço de memória tá já vou explicar então por exemplo nós vamos criar aqui um objeto endereço então function endereço que recebe rua cidade E CP depois nós vamos definir essas informações aqui de rua cidade e de ok então nós vamos agora criar dois objetos de endereço o endereço umok que vai receber o objeto endereço nós vamos criar aqui um objeto um né Vamos passar as propriedades dele aqui como nós já vimos aí na última aula e Similarmente nós vamos criar

o objeto endereço do Ok então agora que vem a parte da do exercício você vai ter que criar uma função que compara esses objetos são iguais OK são iguais em dois sentidos primeiro se eles têm as propriedades iguais Então você vai criar uma função aqui uma function se são se são iguais que vai receber o endereço um e o endereço do um com o outro e aqui dentro Você vai comparar comparar se as propriedades são iguais e você vai retornar um true ou false depois você vai criar um uma uma função que compara se eles

tem tem tem endereço memória iguais que vai receber o endereço um e o endereço do e aqui por que que eu digo o endereço de memória se você lembra das primeiras aulas nós temos os tipos de Valor e os tipos de referência os objetos são do tipo referência Ok então Ah esse é o exercício que você deve fazer para essa aula então Lembrando que uma dica aqui nós vamos estar comparando se a referência do objeto aponta para o mesmo local na memória se isso aqui não faz muito sentido Ah é bom que você volte lá

e veja os tipos de referência e tipos de valor que estão aí nas primeiras aulas Desse curso para que você entenda melhor o que que eu estou falando aqui referência então dê um pause aí e depois venha volte aqui para que você consiga acompanhar esse exercício perfeito então vamos aqui fazer primeiro a primeira função a função é são iguais então Comparar as propriedades existe várias formas de você fazer isso então se você fez de uma forma diferente não entenda que você fez errado porque Existem várias e várias formas de fazer isso aqui então a forma

mais simples tal de fazer seria fazer isso aqui vamos comparar propriedade por propriedade vamos comparar a rua se a rua é ig a endereço 2ua e endereço 1 p cidade é igual a endereço 2 p cidade Lembrando aqui que é bom que você use a igualdade estrita que é quando você usa os três pontos os três iguais Né para ele compare estritamente e claro nós temos que comparar também o nós vamos pegar aqui o do endereço 1 e do e vamos comparar com um com o outro e ele vai vai fazer esse cálculo aqui né

vai fazer essa expressão e ver se ele vai retornar true ou false então nós já podemos ver o resultado aqui né chamando o console log são iguais passando o endereço um e endereço dois e ele vai retornar pra gente nós temos um trop que realmente eles tem as Propriedades exatamente iguais ok é possível também que você faça aqui o tem endereço nós vamos agora pro tem endereço memória iguais nós vamos comparar agora se o endereço da memória é igual esse aqui já é extremamente mais simples né A única coisa que você tem que fazer é

fazer isso aqui você vai retornar a comparação de endereço um com endereço do E aí nós podemos verificar isso aqui fazendo console log de tem endereço memórias iguais passando Endereço um e endereço dois perfeito então aqui ele está falso por quê eles apontam para locais diferentes na memória esse aqui pode estar apontando para um lugar Ah na memória um espaço específico e aqui um outro espaço porém se eu viesse aqui por exemplo aqui em cima e declarasse um novo objeto endereço endereço TR e jogasse o endereço um aqui para dentro eu fiz essa comparação de

endereço um com endereço 3 agora o Que que nós teríamos um true por que que eu tenho um true aqui porque esse endereço na memória e esse endereço na memória são iguais porque o que eu fiz aqui é passar a referência de onesse memória onde esse objeto está armazenado para dentro desse outro objeto endereço 3 logo quando eu comparei os dois aqui eu estou comparando a mesma o mesmo endereço de memória perfeito Então é isso Ah se você quiser fazer de outra forma aí também se você Fez de outra forma deixe no comentário para que

você também possa compartilhar esse conhecimento com seus colegas Ok então é isso nós nos vemos na próxima aula Então nesse exercício Ah você vai ter que trabalhar com um objeto que vai ser uma postagem de blog Ou seja você vai criar um objeto postagem que vai ter que possuir a as seguintes informações Então você vai criar um objeto postagem que o nome desse objeto pode ser postagem que vai possuir as Informações de título mensagem autor comentários dentro do comentário você vai ter um Array de objetos ok que vai possuir a um autor uma mensagem e

também se ele está ao vivo ou não esta esta postagem perfeito então o exercício é esse Lembrando que aqui você vai ter que criar um Array de objetos perfeito e é isso aí vamos aí tentar fazer esse exercício dê um pause Tent fazer no seu tempo e depois volte aqui para acompanhar o resultado Então vamos lá Para criar esse objeto você tem que definir um l como é um objeto que vai ser alterado você não deve usar uma constante porque né ele vai estar sofrendo alterações Então vamos chamar ele de postagem e aqui nós vamos

criar um objeto que vai possuir um título vamos colocar um título aqui por exemplo Vamos colocar também uma mensagem aqui ele vai receber uma mensagem ele vai ter também um autor então aqui ele vai possuir um Título uma mensagem um autor a contagem de visual visualizações claro que aqui nós vamos ter um número Vamos colocar um número aleatório aqui 10 e Aqui nós temos que ter um Array de comentários então nós temos que definir aqui um Array e aqui dentro nós vamos colocar as informações né como autor Vamos colocar um autor aqui e uma mensag

na sua postagem perfeito e aqui nós Vamos criar mais do que UMS faltou aqui dois pontos e Aqui nós temos um Array de informações Lembrando que você precisa dar vírgula aqui e Finalmente nós temos se está ao vivo ou não nesse caso nós vamos colocar que está ao vivo é claro nós vamos ver essa postagem aqui colocando ela no console Lembrando que você deve usar sempre dois pontos e não igual no JavaScript e aqui Nós podemos ver esse objeto com um Array de informações aqui dentro Ok então é isso aí se você conseguiu fazer ótimo

se você não conseguiu vamos praticar mais um pouquinho vamos ver as aulas anteriores aí sobre objeto para que você fique fera nesse tópico perfeito Então se esse vídeo está te ajudando de alguma forma lembre de sempre deixar aí o seu comentário dizendo o que você acha sobre a aula Ok muito obrigado e até a próxima Olá Então nesse exercício aqui Nós vamos continuar aprendendo sobre as funções de Construtor e em forma de exercício Então o que eu quero que você faça nesse exercício é que você crie um objeto postagem então o exercício vai ser criar

um objeto postagem usando uma função de Construtor que vai conter as seguintes informações o título a mensagem o autor quantidade de visualizações visualizações Visualizações os coment um Array de comentários Ok e se ele está ao vivo ou não perfeito então aí isso Tente fazer isso aí depois volte para acompanhar como eu resolvi esse exercício perfeito Então vamos lá nós temos que fazer aqui um function de postagem Lembrando que ele tem que iniciar com letra maiúscula por convenção quando nós estamos trabalhando Com função Construtor você deve iniciar com a letra maiúscula e Aqui nós temos que

ter algumas informações Como por exemplo o título a mensagem e o autor e o autor Lembrando que eu não vou colocar aqui as visualizações Porque isso tem que ser algo dinâmico ela sempre vai iniciar com zero e vai se incrementando aí de acordo com a quantidade de pessoas que vão H acessando essa postagem e também para Não lotar aqui com 30 parâmetros diferentes aqui um Construtor porque você tem que sempre a prática do do código Limpo é que você sempre reduza isso aí e três seja no máximo máximo que você use como quantidade de parâmetros

idealmente você não tem parâmetros ou no máximo um estourando dois TRS no último caso né Então nós não precisamos dessa propriedade de visualizações ah os comentários também ele não precisa ser Passado aqui porque nós estamos criando um objeto então ele vai iniciar Zerado e nós podemos passar isso depois e se ele está ao vivo ou não ele também vai ser uma propriedade que vai ser definida no momento da que pode ser setada para sim ou para não então ela não precisa ser passada aqui certo então nós vamos fazer isso agora fazendo o título nós vamos

passar informações do título título título título nós vamos passar a Mensagem o autor e Aqui nós temos as visualizações visualizações Ups cometi um pequeno erro aqui visualizações que vai ser a iniciado com zero e depois nós temos os comentários que vai ser um Array vazio por enquanto depois você vai preencher ele né E aí nós temos finalmente o status ele está ao vivo ou não que nós vamos colocar como falso inicialmente Ok E aí para nós vermos isso aqui nós temos Que criar uma postagem nova né Vamos criar aqui agora nova postagem e passar as

propriedades necessárias para criar essa postagem aqui e se nós fazermos um console log desta postagem nós temos aqui o nosso objeto criado para nós certo então é isso H se você teve alguma dificuldade se você não conseguiu fazer esse exercício Eu recomendo que você volte na no exercício que que trabalha com construção com que trabalha com constructor functions né com funções De Construtor para que você siga para que você consiga entender um pouco melhor de como eu cheguei nesse raciocínio aqui ok então se você conseguiu fazer exercício deixa o comentário aí da aula para saber

para mim saber o que que você está achando E se você está conseguindo aprender direitinho com isso aqui e nós nos vemos na próxima aula ok então nós estamos aqui ah no no Mercado Livre Por que que nós estamos no Mercado livre hoje bom é porque nós vamos fazer um exercício chamado faixa de preço Então se a gente vem aqui no Mercado Livre e pesquisa por exemplo por cadeira Gamer nós temos várias cadeiras aqui e se você desce um pouquinho na filtragem aqui você vai ver que existe uma filtragem por preço Ok e o que

nós vamos fazer hoje é algo similar a isso então ah para que que serve isso aqui para que você filtre de uma faixa de preço de Valor Val 0 até 700 de 700 a 1000 ou acima de 1000 então aqui hoje nós vamos fazer isso ah só que nós vamos fazer de uma forma um pouco mais simples o que que eu quero que você faça quero que você crie um Array de objetos de faixa de preço para que ele possa ser usado em um site igual Mercado Livre você vai criar um Array de objetos e

o tipo do objeto vai ser faixa de preço Ok você v criar esse aqui seria Faixa de preço por exemplo ou só faixa Ah então cria esse Array de objetos e depois nós vamos a criar uma função para instanciar esses objetos então Lembrando que esse Array de objetos ele tem que ter nós vamos chamar esse Array de objetos de faixas pode ser por exemplo E aí nós temos que ter três propriedades dentro desse objeto nós eu quero que você coloque um Tool tip que é uma mensagenzinha de dica né o mínimo e o valor máximo

tá o to tip para quem não Sabe o que que é é isso aqui tá essa mensagenzinha que aparece aqui como dica quando você eh passa o mouse sobre ela então dê um pause aí e depois volte para que você consiga resolver para que você consiga acompanhar a resolução desse exercício então nós temos a primeira opção primeira opção que vai ser você criar um objeto né um Array de objetos aqui então Array É assim que você declara sempre um Array e Aqui dentro nós vamos criar alguns objetos então lembrando aí que nós precisamos de algumas

informações ali nós precisamos por exemplo do Tool tooltip tooltip basicamente aquele hzin né isso aqui ó quando você vem aqui ele te mostra esse até R 700 essa mensagenzinha quando você coloca o mouse por cima isso é chamado de tooltip até R 700 até R 700 e nós temos colocar o mínimo o valor nós temos colocar o valor Mínimo de zer e o valor máximo de 700 e similarmente aqui nós vamos fazer os outros né Nós vamos fazer mais dois aqui a diferença que nós vamos ter de R 700 a R 1000 próximo então de

de 700 a R 1000 nós vamos alterar aqui para 700 a R 1.000 e por último Aqui nós temos R 1000 ou mais então nós temos o mínimo Aqui de R 1000 nós temos o máximo aí vamos colocar um valor um valor bem alto vamos colocar aqui né o valor que não não vai ser encontrado o valor que não vai ser passado Lembrando que nós precisamos da vírgula aqui essa é a opção um ok nós podemos criar dessa forma ou você pode fazer também usando usando uma Factory function segunda opção usando que seria mais ou

menos isso aqui você vai criar um Function cria faxa preço que vai receber as informações que você precisa como tip o mínimo e o máximo e Aqui nós temos que definir essas informações nós vamos tornar aqui um objeto que vai ter a informação do Top o mínimo o máximo o máximo e é isso basicamente é isso E aí você vai vir aqui e declarar faixas de novo Vamos colocar Faixas dois aqui nós vamos declarar um Array a fica um pouco mais limpo né porque você só tem que chamar aqui o cria faixa e você passa

os parâmetros aqui né Passa o parâmetro aí da da faixa você coloca aqui o valor mínimo e o valor máximo você faz isso mais algumas vezes aqui né passando o valor mínimo e o valor máximo Então de 100 a 1000 depois de 1000 até 10.000 Certo E se nós Logos tudo isso aqui no console um pouco menor para vocês vejam aqui nós fazemos o console log de faixas e o console log de faixas do nós temos aqui as informações né da mesma forma é claro você poderia fazer isso aqui com a função de Construtor também

como seria isso com ação deor você faria um Terceira op que seria um constructor function e a dessa forma você teria que fazer um function faixa preço que vai receber as informações de Top mnimo máximo e aqui dentro você vai fazer um desp iG des ponto mínimo recebe mínimo deson máximo recebe máximo e aqui claro nós iríamos fazer o Qu nós iramos fazer um l faixas tros mais um Array aqui né E aqui nós vamos declarar um New preço passando os paretos aqui certo então vamos colocar aqui qualquer um parâmetro d 10 e 20 20

e 30 30 e 40 Vamos colocar uma letra diferente aqui lembrando que precisamos dar vírgula aqui e quando nós fizermos esse Console log de faixas três você verá que ele já está aqui também perfeito Então é isso se você gostou nós acabamos de fechar aqui a nossa antepenúltima sessão temos agora apenas duas sessões de de aulas para terminar o curso de JavaScript Você já está ficando ferira nisso aqui Ah se você tá tendo alguma dificuldade ainda Volte no curso volte desde o início ou desde a aula que você não está conseguindo entender para que você

para que você consiga resolver Estes exercícios perfeito Olá pessoal então bem-vindos aqui a mais essa sessão vamos entrar agora numa sessão que eu gosto bastante que é uma sessão sobre arrays e aqui nós vamos aprender a trabalhar com as diversas funções que são mais usadas aí com aace Então as funções que nós estaremos trabalhando serão principalmente essas aqui como adicionar novos elementos como Encontrar elementos como remover elementos como como dividir elementos Como dividir arrays E também como combinar arrays certo então gostaria que você acompanh agora essa próxima sessão para que você possa pegar aí todos

esses detalhes que você vai você ver que você usa bastante Array se você trabalha com JavaScript você vai ver que Array são uma das coisas que Você mais usa aí no seu dia a dia OK então é isso aí se você vai acompanhar essa sessão agora essa nova essas essa nova série de aulas eu gostaria que você deixasse um comentário dizendo que você vai participar aí para que nós possamos para que dê né Essa motivação aí para poder fazer essa próxima série de vídeos aí OK muito obrigado até a próxima aula então aqui nós vamos

aprender a adicionar elementos a um Array bom para começar nós temos que ter um Array né Então vamos lá vamos declarar um Array números com alguns valores aqui dentro 1 2 e 3 certo Lembrando que o valor por ser uma constante a variável por ser uma constante você não pode vir aqui e tentar atribuir um novo Array para dentro dela porque o tipo constante não pode ser eh você não pode passar valor dessa forma certo Porém isso não te impede de alterar os valores que já estão ali dentro do Array que é exatamente o que

nós vamos aprender a Fazer hoje ok certo então Lembrando que números aqui ele é um Array porém um Array também é um objeto que tem vários métodos e também propriedades certo então Ah nós vamos acessar esses métodos hoje para poder fazer três tipos de coisa nós vamos aprender a inserir no início do Array no meio do Array e também no final certo para inserir no início do Array H nós podemos fazer unshift ok nós vamos fazer aqui números pon unshift e aqui nós queremos colocar Por exemplo valor zero tá e depois nós vamos ver esse

resultado aqui no console vamos ver como que está o Array Aqui nós temos o Array que foi adicionado ok então nós temos o zero aqui então com o shift você pode colocar no início o que que ele faz basicamente ele empur todos os valores pra direita e insere o valor que você escolheu no início certo ok no meio nós temos o método spli nós podemos fazer números p suppli e aqui como que você faz eh você Vai escolher a posição que ele vai iniciar Ok no caso qual o índice que ele vai iniciar vamos dizer

que aqui no meio do entre o um e o dois eu queira inserir um valor tá Então qual que é o índice disso aqui lembrando que o Array ele inicia por índice zero então nós temos 0 1 Vamos colocar no índice um o que que eu quero deletar no caso no caso nós não queremos deletar nada que é uma possibilidade também nós vamos colocar zero Porque nós não queremos deletar e o Terceiro parâmetro é Qual item eu vou inserir eu vou inserir o item Vamos colocar a aqui para ficar mais fácil de entender e depois

nós vamos escrever esse resultado no console vamos ver como que está o nosso Array então você pode ver que ele foi lá né e inseriu Ah no índice 1 0 1 ok Você pode ver ele foi inseriu nesse local e no final para inserir bem no final nós temos o números ponto push esse aqui nós vamos colocar por exemplo o número cinco E vamos fazer o console P log você pode ver que ele veio aqui no final e inseriu o número cinco certo então ah é interessante que você entenda isso aqui para que você possa

fazer todas as operações dentro do Array certo então como exercício eu quero que você deixe no comentário você vai criar um novo Array e você vai usar exatamente o que eu fiz aqui todos esses três métodos e vai colocar o resultado também você digita o resultado ali do console Log no seu comentário para que me para que eu possa ver que vocês estão conseguindo acompanhar as aulas aí OK muito obrigado e até a próxima aula então nessa aula nós vamos aprender a encontrar elementos dentro de um Array porém os tipos primitivos tá porque para encontrar

valores dentro de um Array É depende muito do tipo de valor que você está procurando se é um tipo primitivo ou se é um tipo de referência Se você não se lembra desses conceitos Eu Recomendo que você volte nas aulas iniciais e veja aí como o que é qual a diferença de um tipo de um tipo primitivo para um tipo de referência certo então que a gente comece aqui vamos vamos declarar um Array vamos declarar um Array números que vai receber alguns valores aqui 1 2 3 e 4 certo então para encontrar um valor dentro

de um Array para descobrir se existe um valor dentro de um Array você pode usar o método Index of Ok qual que Como funciona o index of ele basicamente vai ah vou passar um elemento aqui dentro por exemplo vou passar o número dois certo e aí ele vai buscar dentro desse Array o número do E vai retornar para mim o índice desse número se ele existir ali dentro então se eu vier aqui 0 1 então o índice do dois é um então ele tem que retornar para mim o número um se ele não encontrar ele

vai retornar para você o menos um que representa que ele não Encontrou esse valor dentro do Array certo então vamos fazer um console log aqui ele retornou para mim o um que é o índice deste valor dois certo e se eu colocasse aqui por exemplo 5 que que vai acontecer ele vai retornar o men-1 porque não existe o valor 5 dentro de um desse Array especificamente certo igualmente Se eu passasse aqui o número um como string ele não vai encontrar porque ele está sim ah fazendo o cálculo baseado no tipo também então o um aqui

é Um número e não string então se você passa um string ele não vai encontrar certo Ah similarmente nós temos também o o last index of last index of Qual a diferença do Last index of ele vai passar Vamos colocar mais um número um aqui por exemplo Qual que é a diferença ele vai encontrar para mim o a última ocorrência deste valor ele vai buscar na verdade se existe ele vai buscar a última ocorrência desse valor que você passou Aqui então como nós temos dois números um aqui ele vê que o última ocorrência do número

um é neste índice aqui o índice três tá então é uma possibilidade de fazer isso também e aí como que você usaria isso na prática eu quero saber se existe um valor e tomar na decisão baseada se existe ou não este valor certo nós poderíamos fazer isso aqui ó nós poderíamos fazer um console log de Números números pindex of 2 diferente de -1 então ele retornou true por quê Porque nós temos de fato esse valor né aqui dentro então se ele não retornou men-1 é porque existe ok então é uma forma de você descobrir se

existe valores ah usando o index of porém Hoje existe uma forma mais simples de fazer isso com o ecm script 6 né o S6 você pode fazer simplesmente o números pon includes E aí você passa número dois Aqui ele vai retornar para você se existe ou não se a gente colocar isso aqui no log você vê que ele retornou true da mesma forma que o de cima só que você percebe aqui que ele é bem mais simples de usar certo então para número números primitivos É isso aí OK bem simples de fazer eu quero que

você então declarem um Array aí e use o index of e o includes E também o last index of e deixe seu exemplo aí no comentário Usando valores diferentes do que eu usei no meu Array ok não H então Nesta aula nós vamos ver aí como encontrar elementos dentro de um Array porém esses elementos são do tipo referência se você não lembra o que é um tipo de referência Eu recomendo que você volte nas aulas anteriores nas aulas iniciais e entenda a diferença entre um tipo primitivo e um tipo de referência certo então para que

a gente comece aqui vamos declarar um Array de objetos ok Vamos declarar aqui um Array de do tipo marcas que vai e aqui nós vamos fazer Ah vamos criar algumas propriedades né Vamos colocar aqui D1 nome a aqui é só um exemplo né não precisa ser H nada muito complexo e para você duplicar isso aqui você pode segurar o alt shift e apertar para baixo com a setinha tá e você pode fazer infinitamente aí cópias eh de forma bem simples ok então nós temos aqui vamos Deixar só esses dois mesmo Ah vou editar aqui vamos

colocar dois e aqui B certo então ponto e vírgula não posso esquecer é importante lembrar que você não conseguiria usar aqui o que a gente aprendeu na última aula que é o includes tá se você passar o includes aqui passar um objeto ID um e nome igual a a e você tentar retornar isso aqui você vai ver que ele vai retornar no falso por quê como se trata de objetos nós temos a referências Diferentes e por isso nós temos referências diferentes Então esse objeto aqui não tem a mesma referência na memória que este objeto aqui

então dessa forma nós não conseguiríamos usar o includes para que você encontre encontre um objeto no JavaScript você tem que usar o método find Ok E aí eu recomendo que você já entre aqui no Google então entrei aqui no Google digit JavaScript find Array e vamos entrar aqui no Developer.mozilla.org Ok então se você entrar no site em português você não vai achar esse exemplo então recomendo que você entre no site em inglês ok porque em português não tá completa a tradução ainda e Ok então Aqui nós temos o exemplo do método find tá E aqui

eu vou explicar de uma forma bem simples ele explica de uma forma bem tranquila de entender que o ele retorna o valor do primeiro elemento no Array que satisfaz A condição que foi Passada senão ele retorna O undefined é basicamente o que tá dizendo aqui tá E aqui nós temos o exemplo onde ele declarou alguns números aqui dentro desse Array e para que ele encontre esse Array ele declarou essa função ok que é chamado de predicato aqui dentro ah do método find então o que que essa função faz ela busca por um elemento Ok então

ele tem um parâmetro um elemento e ela vai retornar esse elemento se ele satisfazer Essa condição aqui que é maior que 10 Então dentro desse valor aqui Ah nós temos aqui qual valor que é maior que 10 no primeiro valor que ele que ele encontrar ele vai retornar para você então ele encontrou aqui c é maior que 10 não 12 é maior que 10 sim bom então retornou aqui este valor certo e aqui nós vamos aprender agora e nós vamos usar isso no nosso exemplo então voltando no nosso exemplo aqui nós temos esses Ah vamos

apagar isso aqui vamos fazer zero então no nosso exemplo aqui Ops eu percebi que eu escrevi marcar aqui não marcas então marcas Ok então marcas marcas pon find e aqui nós tempre passar uma função function né que vai receber um parâmetro que é o que que ele está buscando nós estamos buscando o qu nós buscamos Um item Qual item a marca então nós vamos colocar a marca aqui abre e fecha Chaves ponto e vírgula e e nós vamos retornar nós temos que pegar Esse parâmetro que foi passado ali a marca ponto qual propriedade nós vamos

comparar vamos comparar por ID ou por nome vamos usar o nome por exemplo se o nome é igual a a nós vamos retornar esse objeto caso contrário retornamos undefined Então vamos colocar isso aqui dentro de uma variável Ok vamos colocar da variável marca marca e aqui vamos retornar vamos escrever esse resultado dentro do Console marca e ver se existe alguma coisa então existe sim está aqui o nosso objeto certo então é possível que você faa dessa forma Então como exercio goar que você criasse um Array usasse a fun find dentro desse Array usando propriedades diferentes

da que eu usei aqui ok então esse objeto esse método e de no coment aí forma que você usou Nesta aula perfeito Então é isso nos vemos na próxima aula Olá meu nome é Jonathan E hoje nós vamos continuar com nossos nossas aulas aqui aprendendo sobre errow functions ou funções de seta se você quiser traduzir aí pro português e aí Ah nós vamos aprender formas mais curtas e mais rápidas de declarar métodos e corpos de métodos tá então por exemplo nós temos aqui a última aula nós declaramos um Array de marcas né então vamos colocar

ele novamente aqui marcas e depois nós usamos Ah nós Chegamos a usar a função find dentro dele né para encontrar um objeto nós passamos a função que tem um parâmetro e aqui dentro desse parâmetro nós vamos retornar marca ponto nome igual igual a a se ele se ele encontrar ele retorna se ele não encontrar ele retorna undefined certo então se a gente fizer um console pon log disso aqui isso aqui tudo nós vamos ver que ele fez né ele retornou aqui porém Existe uma forma bem Mais curta de fazer isso que é usando o Arrow

function Então se com errow function você pode vir aqui remover por exemplo a palavra function e você coloca um uma seta aqui mesmo né você coloca uma setinha aqui e ele vai funcionar da mesma forma isso é no caso onde você tem um parâmetro você pode né remover o function E além disso se apenas um par nós podemos até remover os parênteses aqui OK e ele vai funcionar da mesma forma e se você quiser deixar ele ainda Mais curto você pode sendo apenas um parâmetro você pode remover as chaves aqui remover a palavra return e

deixar apenas apenas fechar aqui né apenas fechar aqui o nosso método e ele funciona da mesma forma certo e caso você não tenha parâmetro você pode vir aqui e colocar um abre fech Chaves vazio Ok como no nosso caso nós temos o parâmetro nós precisamos voltar com ele aqui certo então dessa forma você consegue fazer Arrow function Então eu quero que você deixe no comentário aí você crie um objeto diferente e use o Arrow function para retornar esse objeto que você encontrou dentro desse Array certo então isso muito obrigado e nós vamos nos ver na

próxima aula Olá pessoal então aqui nós estamos Continuando hoje com os arrays fazendo aqui hoje uma aula sobre como remover arrays Como remover elementos de umay na verdade certo então vamos lá primeira Coisa nós precisamos ter um Array né então vamos declarar um Array aqui números Vamos colocar alguns valores aqui dentro 4 6 E aqui Nós aprendemos que na útima endos sobre os seguintes métodos né os métodos por exemplo push números pon unshift e Nós aprendemos também sobre o spli certo se você não assistiu essa aula recomendo que você volte e assista Essa última aula

para que você entenda esses métodos aqui ok certo então quando nós queremos remover algum elemento de um Array nós podemos usar os três tipos diferentes quando nós queremos remover no final nós vamos usar o pop ok então nós vamos fazer o números ponto nós vamos fazer um números P pop e PR que a gente feja esse resultado vamos armazenar isso aqui em uma variável e vamos exibir ela no Console como você pode ver ele pegou o número se que é o último certo ver agora nós verificarmos o nosso Array ele está dessa forma aqui com

esses elementos nós podemos também trabalhar e para remover no início e para isso nós vamos usar o shift Ok então da mesma forma aqui ele vai remover ele vai remover o primeiro elemento Então se a gente armazenar isso aqui em uma variável para que você possa confirmar e exibir ela no console nós Vamos ver que ele tem aqui o primeiro número certo ele tem ali e agora nosso Array está dessa forma aqui por último nós temos quando nós queremos remover algo no meio quando nós queremos remover algo no meio nós podemos usar o método spli

então nós faríamos um números pli e Aqui nós temos que passar o índice que ele vai iniciar vamos dizer que eu quero remover esse número 4 aqui então vai ser índice 0 1 2 então dois quantos Itens que eu quero que ele remova apenas um neste caso e aí nós vamos colocar isso aqui dentro de uma variável de uma constante e a nós vamos colocar este resultado no console para que nós possamos conferir aí qual foi o resultado dessa operação se gente exibir aqui você pode ver que ele pode ver que ele exibiu o quatro

corretamente certo então ah Essas são as maneiras que você pode usar aí para remover itens de um Array certo certo então como exercício Eu quero que você declare um outro Array diferente desse aqui OK pode ser com números ou com letras que você use essas três operações e coloque no comentário as três operações inclusive o resultado do console log também certo então é isso Não esqueça de se inscrever no canal e ativar o Sininho para que você não perca as próximas aulas e te ajude aí a chegar sempre no topo da sua carreira Olá pessoal

bem-vindos aí a mais uma aula nesse curso de JavaScript que nós Estamos aqui chegando nas últimas sessões aí então para você que está acompanhando compartilhe com seus amigos Ah que estão também aprendendo para que eles possam aí ter uma base sólida de JavaScript Ok então hoje nós vamos aprender aqui Como esvaziar um Array e na última aula Nós aprendemos como remover elementos de um Array ah porém nessa aula nós vamos pegar e expandir um pouco mais esse conhecimento aprendendo a tirar todos os elementos né E e esvaziar um Array ã então para isso nós temos

que claro ter um Array né Nós temos o Array aqui da última aula e aí para que você entenda Então para que você remova os elementos no Array nós temos várias soluções possíveis Eh vamos começar aqui com a solução número um ok então solução um a solução um é você simplesmente vir aqui né e reinan né reatribuir uma reinan siar ele só que se você lembrar eh se você lembra das aulas iniciais um valor constante não pode ser Reatribuir então para que seja possível você reatribuir esse valor é necessário que você use o l aqui

que ele permite ser reatribuir certo então essa aqui é a solução um só que a gente tem um pequeno ah Porém quando usar essa solução porque Lembrando que um Array é um objeto então ele é um tipo de referência e o que que significa pra gente isso significa que por exemplo se eu tivesse aqui um outros tivesse um outro um outra referência aqui que estava recebendo os valores que Estavam lendo de números quando eu faço isso aqui se eu escrever no console aqui outros você vai ver que ele não apagou apesar de aqui não existir

mais nada não existir mais valor a o a referência que está aqui dentro de outros não vai ser apagada então neste caso hã se você tem mais de uma referência né desse Array é possível que você não esteja apagando as outras referências Ok a não ser a referência Inicial então se você quer um Método que vai realmente apagar todas as referências pra segunda solução e nós podemos apagar nós vamos conseguir realmente apagar todas as referências deste Array neste caso nós podemos para apagar todas as referências nós podemos fazer um números pon length e atribuir zero

neste caso se você atribuir zero aqui você está pagando todas as referências você está reduzindo a nada o valor do Array Então se a gente faz um console log aqui e e passa números você Vai ver que ele está com vazio e se você fizer a mesma coisa com outros ele também vai estar vazio certo Então essa é uma possibilidade também para que você apague todas as referências ah desse Array certo e agora a terceira solução Solução TRS neste caso nós podemos fazer o método podemos usar o método spli que Nós aprendemos na última aula

que ele sempre pega um valor inicial e ele pode apagar Quantos objetos nós queremos porém como que eu vou saber quantos objet quantos itens nós temos dentro daquele Array é bem simples na verdade você pode pegar a propriedade números ponto length a length tem a quantidade tá E aí no caso se você escrever isso aqui você vai ver que ele você v que ele já apagou as referências Inclusive a outra referência também certo e por último nós temos uma outra solução aqui hã que nós podemos Fazer usando o pop Ok porque se você lembra da

última aula o pop ele vai sempre tirar né o último elemento do array Ok como você pode ver aqui na descrição Porém você lembra que vai fazer só vai ocorrer normalmente uma vez se você quer que isso aconteça mais que uma vez ou seja até que ele remova todos os elementos você teria que colocar isso aqui né enquanto o dentro de um um loop while n enquanto o length dele for maior Que zero ele vai removendo os itens aqui tá só que claro que essa solução aqui não é muito performática se você tem aí 1

milhão de entradas dentro de 1 milhão de dentro de um Array Isso aqui vai demorar muito e vai custar muito processamento então a não ser que você tenha ã uma base de dados bem limitada bem pequena não recomendo usar isso aqui é só para você entender que é uma possibilidade também porém a melhor Forma Na minha opinião seria usar o método dois Ok Esse é o método talvez mais simples e também o mais clean né o mais limpo mais ah curto para que você tenha essa essa resultado sem ter que perder tanta sem ter que

colocar tantas palavras tantas letras aí dentro do código certo então como exercício eu quero que você crie um outro Array um Array ah de outros tipos de elementos Ok com números letras e depois aplique esses quatro soluções aqui e coloque no Comentário qual foi qual foi o resultado de cada uma certo então é isso muito obrigado nós nos vemos na próxima aula Olá bem-vindos a mais essa aula hoje nós vamos estar aprendendo aqui sobre como combinar e dividir arrays Ok cortar US arrays Então para que a gente inicie aqui primeiro você vai perceber que hoje

eu vou usar um tema um pouco diferente então caso você queira saber o tema que eu estou usando é É este aqui One Dark pro bold Ok se Você quiser baixar você pode vir aqui extension e pesquisar One darkk pro ok É esse aqui você pode pegar e instalar ele certo beleza então aqui para nós iniciarmos a aula nós precisamos de dois arrays vamos declarar o Array Primeiro vamos colocar alguns valores aqui dentro e depois vamos declarar o segundo segundo Array colocar alguns valores aqui dentro então para início Vamos aprender a juntar os arrays para

Juntar os arrays são é bem fácil basta que você pegue por exemplo o primeiro Array e usa o método concat e aqui dentro você passa o segundo você passa o objeto que você quer que seja concatenado no caso vamos usar o segundo Array Vamos colocar isso aqui numa variável chamada combinado e depois colocar isso no console e você pode ver que ele combinou todos os valores do Array dentro de um Array apenas tá então caso você Queira combinar um Array você vai usar esse método concat caso você queira dividir um Array você vai usar o

método Slice Então para que nós possamos dividir um Array nós vamos usar o método Slice Então vamos pegar aqui o Array combinado e passar o usar o método Slice o método Slice nós temos três opções diferentes a primeira aqui nó Passamos o índice Inicial e o índice final e dentro desse desse intervalo ele vai extrair esses valores para você ok então por Exemplo nós vamos iniciar no índice um e parar no índice TRS só lembrando que aqui no método slce ele nunca extrai o último valor nesse índice então ele sempre vai até o último menos

um E você já vai entender Vamos colocar isso aqui dentro de um valor dividido Vamos colocar isso aqui dentro de de uma variável chamada cortado E se nós Logos esse resultado aqui você vai ver que ele foi ah do índice um até o índice dois tá porque Igual eu te falei ele nunca vai até o último índice aqui ele sempre vai ao último índice menos um uma outra possibilidade de usar o Slice é passando apenas um parâmetro quando você passa apenas um índice aqui ele vai extrair todos os valores ah iniciando daquele índice até oo

final do tamanho do Array então no nosso caso aqui do índice um que seria o dois até o seis e foi exatamente isso que ele extraiu pra gente e por último Nós podemos apagar aqui E passar sem parâmetros ele vai simplesmente copiar todos os valores do Array para dentro de uma variável que você definir certo só lembrando de uma pequena diferença nesse caso nós estamos trabalhando com tipo primitivo certo que são quatro cinco são os tipos primitivos aqui eh que nós já vimos em uma aula anterior porém se você estiver trabalhando com um objeto ele

não vai copiar apenas os valores ele vai copiar a referência Então qual que é a Implicação disso se eu vier aqui e criar um objeto simples vamos chamar aqui de id1 quando Ah eu venho aqui por exemplo e alterar o valor do ID do que está dentro do Ray primeiro índice zero ponto ID = 10 Então se como eu alteri aqui o índice para 10 como eu alteri o ID aqui para 10 é talvez você espere que ele altere só no nosso primeiro Array aqui é o combinado ele de fato veio aqui ele veio está

aqui alterado Porém você pode Perceber que ele também alterou no nosso Segundo ele foi duplicado aqui e aí ele deveria talvez ser um diferente ser um valor diferente não porque quando eu fiz aqui eu copiei a referência a referência sempre aponta pro mesmo lugar então como eu alterei aqui em cima eu alterei todas as as referências todos os locais onde o lhe é referenciado e por isso nós temos o Array alterado aqui e também no nosso segundo então é interessante que você sempre tenha essa noção de tipo Primitivo e referência Ok para que você não

se confunda e não tenha resultados inesperados certo então é isso e eu quero que você como exercício coloque aí na comentário um Array ah de letras onde você vai usar todos esses três métodos que foram ensinados aqui certo eh todos esses métodos na verdade que foram ensinados aqui para que eu possa acompanhar vocês aí E ver que estão todos participando Ok então é isso muito obrigado não esqueça de se Inscrever no canal para não perder nenhuma das aulas Olá pessoal então aqui nós vamos continuar a nossa aula e eu quero que você assista essa aula

até o final se você quer aprender a nova forma de fazer cópias e clonagens de di arrays no JavaScript usando es6 Então vamos lá esse aqui é o código que nós usamos na última aula onde vocês aprenderam sobre concatenação e divisão clonagem de arrays certo então essa Forma funciona eh porém agora no es6 nós temos uma maneira nova de fazer isso que é mais intuitiva e também é um pouco p mais simples Ok e é usando o operador spread Ok então usando o operador chamado spread E aí basicamente a forma que nós vamos user isso

aí é usando dessa forma aqui por exemplo aqui nós fizemos a concatenação de um Array com o outro ok como que seria a maneira nova de fazer isso usando spread Então vamos comentar Isso aqui vamos declarar nosso Array combinado novamente vamos abrir coetes e aqui vamos fazer ponto ponto ponto primeiro vírgula ponto ponto ponto segundo e é só isso você fez isso aí você tem aí um Array Vamos colocar aqui no log você pode ver que ele está aqui Combinado então O interessante é que o spread que é esses três pontinhos aqui ele permite fazer

isso fazer essa cópia de arrays né de uma forma talvez um pouco mais intuitiva e o que ele faz Aqui ele percorre o Array e pega cada cada valor singular e vai adicionando ele aqui um por um dentro dessa dessa variável certo dessa constante no meu caso e a vantagem disso aqui é que você pode vir aqui por exemplo e fazer modificações você pode vir aqui e colocar um outro uma outra parte de Array colocar um a aqui por exemplo você pode vir aqui também no final e fazer alguma modificação não tem problema então você

tem várias opções aí de Combinação que você pode fazer usando o spread tá e o legal é que o SPR não é limitado somente a cópias né a concatenação na verdade você pode por exemplo também clonar um Array usando esse método então daqui então Aqui nós fizemos isso e na última aula porém nós vamos aprender agora como fazer isso com o spread Então vamos comentar aqui const nosso Array clonado né Vamos chamar de clonado nós podemos fazer um abre Cochet nós podemos fazer aqui um abre cochet ponto ponto nós podemos fazer aqui um abre corchetes

ponto ponto ponto combinado e aqui nós estamos acab Deon fazer o log disso aqui temos aqui noss arado perfeitamente cer Então essa uma das grandes vantagens e ele também extremamente simples de usar Então como exercício eu quero que você Imprima a seguinte linha no comentário você vai digitar um código Aí embaixo que vai gerar esse valor aqui 2 3 percentual 4 5 6 deve ser bem simples eu acredito que você vai conseguir Ok então é isso aí o exercício para você para essa aula eu vejo vocês na próxima aula não esqueça de se inscrever no

canal e ativar o Sininho para não perder nenhuma aula Ok até a próxima Olá pessoal bem-vindos a mais uma aula estamos aí continuando o nosso Curso firme e forte temos mais algumas aulas aí pra gente terminar o curso então espero que você esteja aproveitando ao máximo ok que eu estou dando aqui o melhor também para esse curso para que ele seja extremamente prático rápido e seja sempre focado na prática certo então hoje nós vamos continuar aprendendo sobre arrays especificamente sobre uma outra maneira de iterar sobre Array ou seja de percorrer os itens dentro de um

Array Então claro que nós temos que ter um Array para começar né então vamos declarar o um Array aqui números e vamos Popular Vamos Popular este Array tá vamos colocar alguns valores aqui nós podemos usar o método for of que é for número of números e aí nós vamos iterar aqui né sobre cada item se você logar aqui o número você vai ver que ele vai estar logando ele vai estar né passando aí a cada um dos valores dentro do Array porém eh nó temos um Outra um outro meio de fazer isso também que é

o método for each o mtodo for E aí nós vamos ver aqui nós temos o números for todo Array tem esse método a diferença dele ele vai receber uma função Call tá então nós vamos ter que declarar uma função aqui uma function que vai receber ummet parmetro por exemplo número e dentro disso aqui ele vai executar algum código tá nós podemos por exemplo aqui Logar o número certo e ele faria exatamente a mesma coisa Lembrando que como nós estamos aqui usando o S6 não é necessário mais que você faça esse corpo aqui né de método

de função você pode simplesmente fazer o o que é chamado de Arrow function ou função de seta E no caso você faria o qu você viria aqui veria o function e ess esse abre Chaves aqui virariam uma seta tá E aí nós poderíamos remover esse ponto e vírgula Aqui e até mesmo reduzir o código para uma linha apenas certo e aí nós teríamos exatamente o mesmo resultado e O interessante é que você pode incrementar ainda mais isso aqui você pode por exemplo obter o índice tá E aí você teria que ter Claro um segundo parâmetro

Então nós vamos colocar aqui além do número nós vamos ter o índice tá e nós vamos exbir esse índice logo após aqui índice Ok então ele está passando aqui o Índice zero 1 2 3 e 4 perfeito então é uma possibilidade que você use o for each para que você tenha mais informação sobre o Array tá então como exercício eu quero que você declare aí um Array diferente do que eu estou usando aqui faça todo o processo que eu fiz aqui com o for of e for each e coloque o resultado do console log no

comentário aí da aula perfeito Então é isso nós nos vemos na próxima Aula Olá bem-vindos a mais essa aula meu nome é Jon nós estamos aqui no nosso curso de JavaScript completo então se você ainda não assistiu nenhuma dessas aulas está caindo de paraquedas Assista aí todo o curso para que você possa ter um conhecimento maior sobre essa linguagem que é a linguagem mais usada hoje no mercado de desenvolvimento certo então vamos lá hoje aprendendo sobre arrays nós vamos aprender a como combinar a rays aí que que eu quero Dizer quando eu digo combinar isso

quer dizer que eu estou juntando os valores baseado em algum string então por exemplo nós temos aqui números né vamos dizer números pon join que é o nosso método que faz essa combinação eu quero que seja adicionado entre eles aqui um ponto tá E aí se eu armazenar isso aqui em um um Array chamado combinado e fazermos aqui o nosso console log de combinado Você vai ver que ele Adicionou um ponto entre cada um dos valores dentro do Array tá que o valor do Array Claro ele é sempre separado essa vírgula aqui é apenas a

sintaxe então ele está sempre separado nós estamos juntando aqui juntando aqui ah usando um ponto seria possível você usar diversas maneiras diferentes aqui como por exemplo um traço ok uma a vírgula você tem qualquer opção que você achar melhor não tem problema tá E aí o que que é legal e vamos dizer que você Queira agora fazer o oposto você queira separar baseado em algo vamos dizer que nós temos aqui uma frase tá olá bem-vindo ao curso e nós temos aqui e algumas palavras dentro dessa frase para que eu separe essas palavras essa frase por

palavra eu posso poss usar o método split e aqui ele pede que você passa alguma condição para separar vamos dizer que nós queremos que a cada espaço Ele faça uma separação nós vamos adicionar um espaço aqui no meio e Vamos guardar esse resultado aqui tá resultado vamos exibir ele no console result resultado e nós temos aqui agora cinco palavras tá porque ele separou baseado em frases e aí O legal é que agora vamos dizer que você pode já ter entrado em algum site algum ah site como por exemplo stack overflow né Nós temos o URL

aqui como criar Radi objetos em JavaScript que está separado por traços isso é por quê Porque quando foi criado o título ele foi criado com espaços Porém para que você crie um caminho né em um URL em um site você precisa que ele não tem espaços Então você vai fazer o quê você fazer nosso nosso querido método join então voltando aqui Olá n vamos corrigir isso aqui olá bem-vindo ao curso Então nós poderíamos vir aqui por exemplo pegar nosso resultado ponto join e colocar um traço No meio dele então dessa forma quando você exibir no

console você vai ter aqui né um que é chamado de Slug Ok Slug que é esse URL com traços aí entre as palavras tá então dessa forma você poderia aí ter um resultado prático para isso então como exercício eu quero que você deixe aí um resultado Que você obteve com join com Split depois você voltou ele com join usando um outro operador tá então eu Quero exemplo com join exemplo com Split e depois novamente então pegue algum URL na internet e tente replicar ele usando usando o join perfeito Então é isso nós nos vemos na

próxima aula então até agora nós estamos basicamente usando informações diretas e nós não estamos pegando o input né Nós não queremos saber a opinião do usuário mas isso é muito importante então eu vou Ensinar para vocês como você pode pedir informação do usuário para que você possa usar essa informa dentro dos seus programas então para poder fazer isso é muito simples no JavaScript nós temos uma um método chamado prompt então você pode digitar prompt abre parênteses aqui você vai digitar a mensagem que você vai fazer ao usuário então prompt e Olá qual é a sua

cor preferida Então eu posso passar uma opção padrão por exemplo verde vermelho ou eu posso deixar n vazio se eu deixar vazio o campo não vai exibir nada então se eu minimizar a tela aqui então eu vou apertar enter ele vai fazer a pergunta Olá qual é a sua cor preferida eu vou digitar alguma coisa aqui vermelho e agora eu tive o retorno aqui só que não adianta nada eu ter esse retorno e não fazer nada com ele então o certo seria você fazer essa pergunta e Colocar isso aqui dentro de uma variável tá a

cor favorita e agora eu vou fazer novamente a pergunta vou digitar vermelho dar um enter e agora Se eu tentar acessar aqui cor favorita e apertar enter você vê que ele está armazenado Então agora eu posso fazer alguma coisa mais legal com isso então por exemplo if cor favorita igual a vermelho então Alerta vou alertar ali Que você essa é minha cor também então agora eu vou dar um enter e como eu peguei aqui o valor da variável e a variável realmente vermelho ele vai comparar com o vermelho vai ver que está correto e vai

exibir a mensagem de acordo com o que você fez Então esse essa parte que eu estou ensinando aqui vai ser usada em alguns projetos aqui então fique bastante Atento e aprenda Usar is quero que você brinque bastante por conta própria para que você possa fazer isso aqui tá então ten um desafio para você o desafio é você vai fazer uma pergunta perguntando a idade da pessoa depois você vai fazer uma condicional você vai fazer uma estrutura de condicional que determina se a pessoa é menor ou maior de idade Ok então esse é o desafio para

essa aula você terminando deixa isso nos comentários eu quero ver as suas respostas e nós nos vemos na Próxima aula fala pessoal então hoje nós vamos estar aprendendo aqui aqui como que você pode usar o dom Como que você pode manipular o dom o que que é o dom E não estou falando de Dom de toca dom de toca a guitarra nós vamos falar do dom do HTML aqui hoje então o que que é o dom eu estou estou aqui no site da Dev aprender.com é um site que vou dar permissão para você fazer alteração

você pode brincar com a o JavaScript HTML Aqui livremente Ok e a forma que você executa o código JavaScript sem ter o vs code você pode entrar no qualquer site apertar f12 você estiver usando o Google Chrome ele vai abrir essa aba aqui para você a minha está escura só provalmente vai estar Clara e para que a gente possa fazer qualquer tipo de alteração você pode alterar diretamente o HTML aqui ou você pode usar o Java script aqui ok nós vamos fazer os dois então e deixa eu colocar aqui na verdade ao lado direito Você

pode clicar aqui e selecionar o lado direito vou aumentar aqui o tamanho então aqui o que que nós queremos entender o que que é o dom o dom domom é basicamente toda o HTML que está dentro de uma página então o dom ele vai começar aqui em cima pelo o a tag doc doct Type HTML depois nós temos o HTML em si o head que é onde fica os seus scripts inclusive os script nós estamos usando nós estamos colocando dentro do Head C carrega antes da página Carregar depois nós temos o bar que normalmente fica

com Tod a estrutura da página você pode ver o bar ele cobre toda a estrutura da página aqui ok e tem algumas outras coisinhas Mas você pode ignorar isso aqui normalmente seu site não vai ter essa informação toda vou até excluir aqui eh então que que eu quero que a gente que que nós vamos aprender aqui hoje Como que você pode manipular as coisas usando o JavaScript E lembrando que isso não é um curso de CSS HTML vou passar rapidamente aqui se você tiver mais interesse em aprender sobre isso eu recomendo que você pesquise mais

sobre o assunto ok então nós vamos praticar aqui para mim te ensinar como você pode manipular um site usando JavaScript Então vou entrar na primeira postagem que aparecia aqui tá a primeira postagem nós vamos descer a página até na parte de comentários Então nós vamos descer aqui essa postagem Inteira lá no final e aqui nós vamos encontrar o campo de comentário Então agora que entra a nossa mágica do JavaScript Então como que nós podemos primeiro encontrar alguma coisa para modificar na página então Eh nós podemos usar esse botãozinho de inspecionar aqui clicar com botão esquerdo

e ir até por exemplo esse campo de comentário vou clicar com botão esquerdo aqui novamente e aqui ele vai cair dentro do lugar que ele foi encontrou Ok então ah como que Nós podemos identificar um elemento usando o JavaScript normalmente você o ID ou a classe ou um negócio que é chamado seletor de CSS eu não vou entrar em seletor de CSS isso merece um curso completo só por por para ele mas eu vou fazer os mais comuns que são ah ids e classes Ok Então como que eu poderia encontrar por exemplo este text area

aqui porque você vê que ele tem o ID né uma forma de identificar ele chamado comment Então vou copiar aqui Crol C eu vou em console vou limpar aqui apertando control l e nós vamos fazer um document então document quando eu digo isso aqui eu estou falando a página inteira Então eu tenho a página inteira do meu site e agora eu vou filando isso até chegar no elemento que eu quero documents ponto eu quero get Element by ID eu quero obter o elemento usando a propriedade id e aqui eu passo o ID entre aspas que

o ID no caso é com então eu posso depois de apertar ponto aqui Acessar várias propriedades deste elemento a propriedade que nós vamos estar mexendo no caso é o Inner Tex ok que é o texto que está ali dentro eu vou colocar um comentário me nome é Jonathan estou fazendo o seu curso de JavaScript E aí eu quando eu aperto ponto vírgula e aperto enter ele vai preencher pra gente na hora então Você viu que já na hora ele já alterou pra gente ali então eu posso alterar o texto De um site usando apenas essas

poucas linhas aqui então tudo que eu tive que fazer é primeiro encontrar alguma forma de identificar aquele Campo que eu fiz aqui selecionei selecionei o campo que eu quero identificar percebi que el tem o ID copiei esse ID ptrl C vim aqui e acessei a propriedade Inner text dele ok mas alguns casos você vai ter que fazer isso por classe e Como que você pode fazer por classe Primeiro vamos encontrar um Botão que tem uma classe esse aqui Python tá ele tem aqui a classe Python Beleza então vou clicar aqui control c então você vê

que ele é um uma tag do tipo a porque a tag não importa tá gente na verdade a tag Importa sim é Então você vai notar a tag cada tag tem uma forma diferente de extrair informação eu não vou entrar em todos os detalhes aqui acho que você pode precisar encontrar Mas nós vamos agora ver como que você pode usar classes Então você volta aqui no console e digita document PG Element by Class name e aqui você passa o nome da classe entre aspas no caso é Python nós vamos mais uma vez trocar o Inner

text aqui eu vou chamar agora de JavaScript quando você então note fique de olho aqui quando eu apertar enter apar enter aí nada aconteceu por quê Porque nem todos funcionam com Inner text alguns você vai ter que trocar a propriedade Value então não funciona também ah então nós temos outra opção a opção é Inner HTML Então esse não funciona na verdade ele está funcionando sim o problema é que você talvez não tenha notado é que aqui ele está fazendo Git elements no plural então nós estamos procurando procurando todos os as ocorrências de elementos que tem

a classe Python então nós temos que acessar apenas uma delas ou seja nós temos que vir aqui eu volto para value get Element e Aqui eu quero apenas o primeiro índice né do Array quando eu faço isso ele também não funciona então nós temos que testar o outro não é value Ah então deixa eu tentar Inner text o Inner text funciona então você tem essas três opções principais para trocar um texto de uma de um elemento na página Ok então Lembrando que você se eu fizer isso aqui agora Deixa eu voltar aqui colocar apenas isso

você vê que ele vai retornar numa Collection ou seja estamos Trabalhando com a lista de informação então sempre você trabalha com a lista ou com a Race você tem que acessar por índice como nós temos Apenas Um item aqui né você pode ver Python nós temos que acessar o índice número zero e foi por isso que eu adicionei aqui o zero a na frente dessa informação Ok então claro que você para fazer algo de útil com isso aqui seria interessante você passar essa informação para dentro de uma variável porque aí você consegue Usar condicional você

consegue usar Loops você consegue fazer em massa Então você tem que trabalhar com variáveis para fazer isso ok então seu desafio para esta aula é eu quero que você entre aqui na primeira postagem que você encontrar no site da Dev aprender.com e você vai entrar na página de comentário eu quero que você deixe um comentário colocando seu preenchendo o nome o campo e-mail o campo site e depois clica no botão publicar comentário eu sei que eu Não ensinei a parte de clicar Então vou ensinar só essa parte aqui agora então se eu inspecionar aqui o

nosso campo de publicar comentário você vê que ele tem o ID submit Então já temos o que nós precisamos aqui então nós vamos aqui document p get Element by id submit e depois você vai chamar o evento Click Olha que simples e nós vamos apertar enter então aqui ele não vai funcionar porque ele está dizendo aqui Que eu não preenchi os campos mas quando você preencher todos os campos esse aqui vai funcionar Ok então vamos agora pro desafio Tente fazer aí fala pessoal então nós estamos aqui no nosso primeiro projeto projeto chamado segurança virtual e

aqui eu tenho dois desafios para você o primeiro desafio é criar essa tela aqui em HTML e o segundo desafio é fazer a parte do JavaScript que vai fazer essa tela funcionar Ok então vamos lá vou te dar os detalhes Agora o que que eu espero que vocês façam Então antes de te mostrar aqui a lógica deixa mostrar ele funcionando né então vamos lá por exemplo Meu nome é Jonathan e quem me convidou PR festa Cristian então verificar se eu posso entrar vou clicar aqui ele vai dizer você pode entrar mas se eu colocar aqui

outro nome talvez Rafael e perguntar se eu posso entrar ele vai dizer que você não pode entrar Então A ideia é basicamente essa Ok então em mais detalhes Vamos ver isso aqui agora então a primeira parte você precisa pegar o nome da pessoa que está tentando entrar naquele lugar é isso aqui depois você precisa perguntar a ele ou ela quem a convidou para entrar naquela festa você precisa de um botão na tela que quando você clicar e irá acessar o seu código JavaScript para verificar se a pessoa que está tentando entrar foi de fato convidado

como ela Disz que foi então é por exemplo e nome da pessoa Jonathan quem convidou para a festa Christian eu clico no botão e o JavaScript pega as informações que eu preenchi na tela e verifica do meu código JavaScript e verifica no meu código JavaScript se eu estou se aquela pessoa está dentro da lista de convidados do CR Ok no meu caso meu nome está lá então eu fui convidado mas você vai tratar dois cenários caso meu nome esteja na lista Eu vou alterar a descrição de pesquisando para você pode entrar mas caso meu nome

não esteja eu vou alterar a descrição de pesquisando para você não pode entrar Ok Então essas são as instruções mais simples se você já tem uma ideia de como resolver isso eu quero que você pause o vídeo agora e tente resolver esse desafio se você precisa de mais Ajuda nós vamos ver agora a as dicas com mais detalhes Então a primeira coisa você precisa pegar o nome da Pessoa que está tentando entrar naquele lugar e PR fazer isso você pode você deve usar as funções de manipulação do Dom que permitem que você encontre elementos na

tela e colo em variáveis Então veja as aulas anteriores encontre a aula que explica isso depois você precisa perguntar a ele ou ela quem a convidou para essa festa então aqui a mesma situação você deve usar as funções de manipulação do Dom que te permite que você encontre elementos na tela e Coloque em variáveis essas informações então depois você precisa de um botão na tela que quando você clicar irá acessar o seu código JavaScript para verificar se a pessoa que está tentando entrar foi de fato convidado por por quem ela disse que a convidou então

exemplo se o nome da pessoa é Jonathan quem convidou pra festa chistian eu clico no botão e o JavaScript pega a informação que eu preenchi na tela e verifica no meu código JavaScript dentro da lista de Convidados se o meu nome já está lá então aqui como que você pode resolver então aqui você pode você precisa colocar um evento evento que vai ser disparado quando a pessoa clicar naquele botão quando esse evento for disparado ele deve rodar um código JavaScript que pega as informações que você conseguiu no Passo anterior e determina se alguém está ou

não na lista de convidados e a lista de convidados aqui é que que eu quero dizer então a forma que você pode Armazenar essa lista né Ah fica seu critério uma dica que eu vou dar aqui é que se você já viu o curso Você já viu no curso tem formas diferentes de armazenar e mais de uma formação no mesmo lugar então quero que você use isso para verificar se o nome está ou não dentro dessa estrutura que você montou então caso meu nome esteja lá eu vou alterar a descrição de pesquisando para você pode

entrar Ok então aqui você precisa pegar o resultado que você Encontrou no Passo anterior e atualizar o site para você vai mudar para você pode entrar esse texto aqui do pesquisando e e você pode fazer isso com os métodos de manipulação do Dom que você viu durante o curso e finalmente caso seu nome não esteja você vai alterar a descrição de pesquisando para você não pode entrar Ok usando a mesma lógica do da Dica anterior Beleza então agora dê um pause no vídeo e tente fazer esse desafio e Depois aí você volta aqui e nós

vamos fazer a solução junto então como eu tinha pedido primeiro para você criar o HTML esse o HTML que eu usei neste nessa página que você está vendo aqui então a página extremamente simples eu não coloquei CSS Bootstrap nada disso porque esse curso é de JavaScript nós não estamos focando em CSS aqui é apenas JavaScript então eu fiz o mínimo possível aqui e que que eu tinha que fazer para resolver isso aqui A primeira coisa é colocar a referência pro arquivo JavaScript que eu tivesse usando então eu criei um arquivo JavaScript chamado projeto um porque

ele está aqui ó você pode ver que ele é chamado projeto um então eu coloquei o caminho dele aqui dentro pra gente poder usar ele beleza então aqui eu só criei uma estrutura básica coloquei um H1 H2 né para colocar os títulos aqui eu peguei um input Essa é a parte mais importante aqui os inputs né então eu Tenho aqui o input com o ID nome e esse ID aqui poderia ser uma classe também O interessante é ter uma forma de referenciar esse código depois eu coloquei eu coloquei outro input que eu também Ah tenho

um ID para mim poder encontrar esse elemento na tela a intenção toda de colocar um ID é só para conseguir encontrar ele na tela e por último nós temos aqui um botão né que além de ter um texto escrevendo o que que esse botão faz ele está ligado a uma Função porque assim quando eu clico nessa nesse botão ele vai chamar uma função que eu criei dentro do meu arquivo projeto 1. JavaScript Ok Então essa é a estrutura básica que nós temos Então vamos ver agora o HT o JavaScript vou entrar aqui em projeto um

então gente é extremamente simples eh tudo que eu faço aqui é o seguinte eu criei uma função chamada verificar a entrada e aqui eu vou extrair o nome do convidado usando document.get Element by id e eu Passo passo o meu ID aqui e pego o value o value é o valor que está dentro do input como você viu nas aulas anteriores coloco isso num variável e depois eu tenho aqui né o um Array de nome de pessoas que o Christian convidou ess essa pessoa convidou então ah como você pode ver aqui eu estou dentro da

lista de pessoas então a única coisa que eu tinha que fazer aqui é uma condicional uma forma de controlar o fluxo da programação então eu fiz aqui convidados Christians Christian ponto includes e aqui eu passo o nome do convidado se ele estiver incluído nós vamos pegar o nosso permissão de entrada que é este texto esse labz inho aqui eu vou trocar o Inner text né eu vou trocar o texto que está ali dentro para você pode entrar e Caso contrário eu vou alterar para você não pode entrar Ok é basicamente isso se você não conseguiu

não f não se preocupe Esse é tudo questão de prática e eu quero que você deixe nos comentários O Que que você achou desse primeiro projeto ah chegamos no final do curso Então parabéns cara você conseguiu terminar estamos aqui agora depois de mais de 4 horas de aula você conseguiu chegar até o final Então parabéns eu quero saber no comentário agora qual que é a sensação de terminado esse curso e como que está o seu conhecimento de JavaScript Agora eu preciso muito saber disso e claro eu vou te pedir para você mandar esse curso Para

todas as pessoas que você conhece que poderiam ser beneficiadas por Ele para que você possa ajudar essa mensagem chegar a todos vamos vamos deixar esse curso número um para JavaScript no YouTube eu vejo você no próximo vídeo