JavaScript para iniciantes - aprenda JavaScript a partir do arranhão | Robin Haney | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

JavaScript para iniciantes - aprenda JavaScript a partir do arranhão

teacher avatar Robin Haney, Web Developer and Online Instructor

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

19 aulas (58 min)
    • 1. O que você vai aprender durante todo este curso.

      2:15
    • 2. Como criar seu primeiro programa JavaScript

      8:25
    • 3. O que é JavaScript

      3:15
    • 4. Como vincular um arquivo JavaScript externo

      4:03
    • 5. Desafio de console JavaScript

      1:12
    • 6. Solução de desafio de console JavaScript

      2:49
    • 7. O que é uma variável

      4:13
    • 8. Como atribuir nomes às suas variáveis

      2:21
    • 9. Uma introdução a cordas e números

      1:16
    • 10. Como criar entrada de um usuário

      2:02
    • 11. Cordas de pentear juntas

      3:04
    • 12. Trabalhar com cordas em mais detalhes

      2:28
    • 13. O desafio de codificação variável

      1:34
    • 14. Solução para o desafio de codificação variável

      3:28
    • 15. O que são números

      2:17
    • 16. Como fazemos matemática no JavaScript

      5:54
    • 17. Trabalhar com o objeto de matemática

      3:51
    • 18. Desafio de números

      0:45
    • 19. Desafio de solução para os números

      3:10
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

513

Estudantes

1

Projeto

Sobre este curso

Você sempre quis se tornar um desenvolvedor de web online ou desenvolvedor JavaScript? Com todas as diferentes linguagens de programação lá fora, pode ser difícil encontrar um para começar com um curso bom que mostre como aprender a linguagem de forma eficaz.

Por isso, eu crio um curso de noções básicas de JavaScript que vai mostrar como um iniciante completo como começar a criar programas usando JavaScript. Este curso é criado para qualquer pessoa nova no desenvolvimento da web, ou simplesmente para aqueles que conhecem HTML, CSS, ou qualquer outra linguagem de programação, mas nunca trabalharam com JavaScript antes.

Este curso é 100% gratuito por cento. Estou ansioso para vê-lo lá dentro!

Conheça seu professor

Teacher Profile Image

Robin Haney

Web Developer and Online Instructor

Professor

Hello,

My name is Robin Haney and I am an instructor here at Skillshare. I primarily teach web developing and programming tutorials. 

You can check out my blog here - www.robinhaney.com 

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. O que você vai aprender durante todo este curso.: Então, antes de começarmos realmente a programar, eu quero tomar um pouco de tempo e falar sobre o que nós realmente estaríamos cobrindo nas partituras. Então, primeiro lugar, JavaScript é como uma linguagem em tal linguagem. Tem sua própria gramática seriamente para a língua inglesa. Outra palavra que podemos chamar de sintaxe. Isso no imposto é palavras de comandos JavaScript e pontuação. Lembra quando você era mais jovem? Não entendia inglês ou qual era a sua língua primária? Você foi para a escola e estudou primeiro. As palavras não faziam muito sentido, mas eventualmente as palavras feitas enviam mais juntas. A gramática foi adicionada e as frases começaram a se formar. Antes que percebesse, você poderia escrever um parágrafo ou mesmo eventualmente, um romance. Este é exatamente o mesmo processo que você cresce quando você aprende JavaScript ou qualquer linguagem de programação on-line . Nada faz sentido no início, mas eventualmente você não tem problemas para trabalhar com JavaScript. Só leva tempo. Tenha em mente que cada linguagem de programação tem sua própria sintaxe, assim como a língua inglesa que falamos em nosso dia-a-dia. Ao longo deste curso, também vamos estar cobrindo muitos conceitos de programação que estão relacionados ao JavaScript e muitas outras linguagens online, você estará aprendendo sobre todos os tipos de coisas interessantes, como strings variáveis, declarações, html e muito, muito mais. Esses conceitos podem então ser aplicados a outros idiomas on-line, tornando este curso e solução de saída para qualquer pessoa que esteja apenas começando a aprender desenvolvimento Web . No final deste curso, aposto que posso ter você falando como um programador experiente, assim como nós estaremos cobrindo tudo isso também. Por exemplo, agora você sabe o que significa sintaxe. Com este curso, você também aprenderá as melhores práticas e maneiras comprovadas de fazer um programa funcionar o melhor fim de semana. Por último, mas não menos importante, você vai , é claro, estar fazendo um monte de programação nas partituras. No final do próximo vídeo, você estará criando seu primeiro programa JavaScript, então você vai aprender muito. Posso garantir-lhe isso. Então, tudo bem, pegue um jab, sem trocadilhos e vamos começar. Vamos aprender alguns javascript 2. Como criar seu primeiro programa JavaScript: Oi. Bem-vindos de volta ao curso. Agora, eu sei que você está muito animado para começar sua jornada aprendendo JavaScript, mas antes que possamos fazer isso, há algumas coisas que precisamos cuidar primeiro. Primeiro de tudo, precisamos fazer uma nova pasta em sua área de trabalho, e eu aconselho você a fazê-lo em sua mesa, tops que você pode acessar é dobrado a qualquer momento ao longo deste curso. Quero dizer pasta aqui, e eu vou chamá-lo de básico JavaScript. E vamos fazer aqui é abrir um arquivo e vamos ter um documento de texto . Podemos chamar esse documento de todo tipo, tudo bem, então temos um nome para o meu texto falando aqui, e vamos de novo. Abra para que possamos editá-lo. Só um para que vocês possam ver. E o que vamos fazer aqui é adicionar algumas pequenas coisas de sintaxe para HTML apenas para que tudo funcione aqui. E vocês não se preocupam muito com isso. Eu só vou para Addison muito rápido. Tudo bem, então nós temos o Syntex geral de seu encaixe HMO feito e você sabe o que? Uns dois demais vou cobrir isso com mais detalhes mais tarde no curso. Só quero que vocês se sentem e corram. Mas basicamente, o que temos aqui é que temos tomadas HTML. E basicamente, o que esses dois significa é que qualquer coisa dentro desses dois takes vai ser seu HTML do que HTML leva. Nós temos o nosso script, leva qualquer coisa no script leva vai ser javascript novamente. Não se preocupe com isso. Se isto é confuso, estaremos cobrindo coisas como sintaxe mais tarde. Mas apenas tenha em mente que sobre javascript vai estar nestes dois scripts leva aqui . Então, nessas duas tags, vamos ler um primeiro comando, e este comando vai ser ou alerta comando. Agora, o que este comando faz é enviar uma caixa de notificação para o usuário para alertá-los de qualquer mensagem que nós acertamos. Então, se clicarmos em nossos colchetes aqui e em uma mensagem, essa mensagem aparecerá na caixa de unificação da tela para o usuário. Então temos nossos comandos inseridos aqui, e o que precisamos fazer agora é depois que essa parte é inserida aqui, precisamos ter certeza de que há um ponto semi dois pontos. No final do nosso comando, todos os comandos e instruções e JavaScript precisam ter ponto-e-vírgula depois deles, uma vez que eles são executados em ordem. Então, se alguma vez fizermos uma declaração e não tivermos um cínico e vamos ter um erro e a próxima declaração não será capaz de executar até que esta seja concluída, então você sempre quer ter certeza de que é um ponto-e-vírgula. Depois de qualquer declaração que entrarmos aqui, penso nisso como uma frase em inglês. Você sempre quer ter um ponto no final, sua frase, sua frase, mas em Javascript você não terá um ponto e vírgula. Então, agora, para que este programa funcione, vamos precisar salvá-lo. Então vamos subir para arquivar aqui. Nós vamos bater, salvar como, e nós vamos salvá-lo como qualquer nome que você gosta. Mas no final, você vai querer ter certeza de escrever dot html o que isso vai fazer. Você vai dizer ao computador dela para abrir o estilo como um arquivo html elf HD. Então, novamente, se você voltar para estar totalmente aqui, você vai ver. Há agora eu conhecia um novo documento aqui, e isso vai ser um navegador da Web documentos. Então, se vocês tiverem Firefox, Google, Chrome ou o que quer que estejam usando, não será aberto um OpenTable no seu navegador da Web. Então, vamos clicar duas vezes nisso e abri-lo aqui e podemos ver aqui que nossas mensagens não exibindo seu anterior em uma caixa de notificação. E se acertarmos Ok, o programa está pronto. Então é assim que íamos abrir programas de livros. E à medida que nos familiarizamos com a programação em JavaScript, vamos usar um editor de código real, e é isso que vamos abordar mais tarde. Mas, por enquanto, não usaremos nenhum bloco para esta lição. Então vamos abrir o nosso documento de volta. E neste documento, vamos escrever outro comando, e este comando vai ser um pouco diferente. Então vamos repassar isso muito rápido. Isso é chamado de documento. Não escrever comando com este comando faz. Está tudo certo texto na página que o usuário está visualizando então novamente nesses colchetes aqui podemos inserir algumas cotações, e queremos ter certeza de que há uma semi limpeza até o final deste comando. Não se preocupe com o ponto significa agora, vamos cobrir isso mais tarde. E se salvarmos isso novamente e depois abri-la novamente, podemos ver que nossa primeira declaração que inserimos na caixa de notificação aparece. E então se acertarmos, ok, a próxima declaração no presente e coloca o que escrevemos no documento tratado aqui na página. Então eu queria fazer isso para demonstrar a vocês que as declarações basicamente correm uma após a outra. Verá que correu o 1º 1 primeiro. E então ele correu a segunda taxa após a 1ª 1 concluída e a 1ª 1 concluída depois que clicamos em Ok, caixa. Portanto, é importante entender que o JavaScript executa instruções de cima para baixo. Começa no topo e lê todo o caminho até o fundo, e vamos percorrer as declarações enquanto as inserimos em um programa. Então isso parece um pouco confuso e parece um pouco desleixado, e isso é porque não estamos usando nenhum animal de estimação. À medida que você chegar a este curso, vamos aprender a usar diferentes editores do tribunal. Mas para encerrar esta lição que vamos fazer é mostrar a vocês um editor de código extra que eu uso e o que eu instalei. Chama-se “No pad plus plus”. Então, se eu olhar para mim, nossos navegadores são prós um documento que ele fez que nós salvamos enquanto clicamos com o botão direito do mouse nele. Podemos acertar editar com isso. E se você instalou o ano Cody? Não. Sem bloco, o que quer que tenha enviado ou que esteja usando costumava ser um leilão para abri-lo diretamente. E se você clicar nele sem pad plus plus, que é o que eu estou usando, podemos ver aqui que tudo parece um pouco diferente do que parece. Um “sem tapinha”. Parece um pouco melhor, mas o tribunal é mais fácil de ler. Temos a cor citada. Você pode ver que tudo é um pouco mais organizado. O que podemos fazer, que é muito legal aqui, eu vou fechar este ano, é que podemos salvar isso diretamente aqui. Apenas bata no cofre, como se tivéssemos que mudar primeiro. Então vamos mudar para Tudo bem, vamos dar isso para salvar. E se fecharmos isso abrir nosso navegador novamente, podemos ver que ele é aplicado instantaneamente. Então, parece que é muito tempo entre salvar e tudo mais. Podemos inserir o arquivo, editar o arquivo diretamente. Então o que você vai querer fazer é ter um editor de texto quando você der, dar a vocês um link para saber pad plus que eu uso. Mas você pode realmente usar qualquer editor de texto Coney que você quiser. Você pode passar um pouco de tempo olhando para algumas opções. Há um monte de grátis lá fora. Há até alguns pagos, que são muito bons. Mas pegue o que quiser. Por enquanto, eu recomendo se você quiser acompanhar comigo ao longo deste curso, você pode usar no plus no pad plus plus. Mas realmente não importa o que você tem, mas isso é praticamente o aproxima desta lição. Parabéns. Você acabou de completar seu primeiro programa javascript. Orgulhe-se de si mesmo. Você é algo que é muito difícil. E embora tenhamos começado devagar, você está bem no caminho para se tornar um desenvolvedor de JavaScript. Vejo você na próxima seção do curso. Trabalhamos mais com programação JavaScript. Parabéns. 3. O que é JavaScript: Certo, então, a fim de começar a pontuação, então antes que possamos entrar na programação real e fazer todas as coisas acionáveis e JavaScript, o que primeiro precisamos entender é o que realmente é script surdo. Então, se digitarmos o que é javascript no Google? O resultado que obtemos é JavaScript é uma linguagem de programação de computador orientada a objetos comumente usada para criar efeitos interativos dentro de navegadores web. Então, neste vídeo líder, vamos aprender. E vamos mastigar alguns exemplos do que o javascript pode fazer no seu navegador. Mas por enquanto, basta entender que JavaScript é uma linguagem de programação comum usada em navegadores da Web para criar sites e fazer um monte de efeitos legais do seu navegador da Web. Então, para dar um exemplo melhor do que javascript realmente é, vamos olhar para alguns produtos finais de alguns grandes exemplos de JavaScript na Web. Tudo bem, agora vamos ver alguns exemplos ao vivo do que Javascript pode fazer na Internet. Tenha em mente que JavaScript não deve ser confundido com Jabba. Jabba e JavaScript são duas coisas muito separadas. Então vamos falar sobre Jabba muito brevemente. JavaScript começou pela primeira vez. É uma pequena linguagem usada para aplicativos Web para executar na Web, mas agora é usada como uma poderosa linguagem de programação on-line. Podemos ver aqui que este site chamado Interactive Here é um pequeno site legal usado pelo JavaScript para realmente nos mostrar o que a parte interna da orelha é em coisas diferentes como essa. Esta é uma página interativa agradável que alguém construiu apenas usando JavaScript. No próximo exemplo temos que criar química digital, que é outro site interativo que mostra as pessoas coisas diferentes sobre química. Tínhamos uma página bonita que carrega automaticamente enquanto você desce aqui. Alguns efeitos agradáveis, todos usados com mapas JavaScript. TD é o site Will. Podemos ver mapas diferentes no mundo. Tenha em mente que o Google Maps e o Google Earth também são executados usando JavaScript. Aqui temos alguém que criou, comanda e conquista usando JavaScript. Então esta é uma coisa legal, muito, muito, muito legal que alguém fez para recriar o jogo real em si. Apenas usando JavaScript em HTML. O Amazon Cloud Reader e o site da Amazon usam muito JavaScript para funcionar. O Pinterest muito popular usa JavaScript também. É Facebook, Twitter e todos esses sites também. Browser Quest, outro site online baseado em jogos de vídeo, tudo criado com JavaScript. E nós temos este jogo muito legal que é chamado Draw Stick Man, que você basicamente está secando o homem vara usando JavaScript tão muito legal, coisas muito legal que temos acontecendo aqui. Então, muitas maneiras interativas diferentes que podemos usar online. Então é preciso muito trabalho para construir qualquer coisa que eu mostrei até agora neste vídeo. Mas este curso irá ensinar-lhe o básico e fornecer-lhe uma base forte que você precisaria para começar bem online. Então não se preocupe. Nas próximas lições, você estará construindo seu próprio programa JavaScript também. Não serão avanços, esses exemplos, esses exemplos, mas todos têm que começar em algum lugar. E é aqui que você vai começar sua jornada e aprender JavaScript online 4. Como vincular um arquivo JavaScript externo: É muito comum manter todos os seus arquivos JavaScript separados do HTML. Isso ajuda você a organizar tudo, especialmente quando seu arquivo começar a ficar realmente grande. Certifique-se de que quando você sair de seu script de trabalho para que você não coloque seu HTML CSS ou qualquer outra coisa lá, apenas você apenas javascript por agora podemos ver aqui neste documento, Eu inseri algum JavaScript no topo. Aqui. Temos um documento que recomenda se salvarmos esta página e abri-la, podemos ver que eles são JavaScript será subiu no topo de seu pager para um conteúdo de página da Web . Agora, o que vamos fazer nesta lição é pegar esse código JavaScript e transformá-lo em um arquivo separado. Importe essa integração de arquivos. Um documento. Então a primeira coisa que vai fazer aqui é criar o grupo justo que tínhamos antes. E eu vou criar um novo arquivo e cooperá-lo, Jess. Vamos então abrir que nenhum arquivo pad e vamos arquivar sementes como Js doc gs. É importante que você tenha a extensão de arquivo JavaScript para este arquivo para que um computador saiba que ele é realmente um arquivo de script de trabalho. Você vê aqui que agora que eu era diferente e nós podemos fazer isso nosso próprio arquivo sem pat que tínhamos antes. Agora vamos abrir e editar o nosso arquivo fazer javascript e não são pipe plus plus ou qualquer editor de cotação que você tem. Vamos assumir o nosso comando aqui. Vamos copiar o Peace. Vamos provar um novo JavaScript. Vamos apagar o que temos aqui, e em seguida, vamos adicionar algumas novas tags que vamos adicionar à frente para tomar aqui e basicamente as tags principais que você não precisa se preocupar agora. Explicaremos mais tarde, mas só por agora na cabeça leva que realmente vamos importar são JavaScript. Então vamos olhar para este comando um pouco mais profundo. Agora o que? Este comando nas citações o que fazemos é escrever o caminho do arquivo para seu arquivo de script de trabalho externo . Você se lembra que eu nomeei são cinco g dot gs. Então, enquanto o nosso arquivo aqui está na mesma pasta que o nosso HTML um documento, tudo o que temos a fazer é colocar o nome de um arquivo mais a extensão, que é o nosso caso é Js antes de você Previ isso Certifique-se de que você salvar o seu html um documento bem É o seu arquivo de script de trabalho externo Podemos ver aqui que são código JavaScript é agora para Espanha corretamente em nosso externo ela Uma coisa que eu vou apontar muito rapidamente é que a colocação que temos nossa honra script trabalho O que pitch pode afetar dramaticamente desempenho ea capacidade de carga de seu lábio Egx. modo geral, você quer colocar seu casaco no fundo do seu paciente bunda, se possível. Então eu vou adicionar algumas tomadas de rodapé aqui, e eu vou colocar meu arquivo fonte JavaScript aqui. Então, agora o que acontece aqui é que o conteúdo da página da Web irá votar primeiro e, em seguida, r arquivo JavaScript Willard logo depois você pode ver aqui que agora são código JavaScript este lugar no final do dock. Eu em vez de aparecer no topo, se possível, você sempre quer colocá-lo no final. Então, para o resto deste curso, vou criar os nossos eleitores. Todo o conteúdo de codificação usando JavaScript externo fucks se você precisar de ajuda com isso. Você não consegue fazer isso funcionar. Em seguida, consulte os arquivos do professor Teoh para baixar que você pode dar. Então, para resumir as coisas nesta palestra, tente manter seu trabalho, script e arquivo externo que é separado do seu HTML e CSS. Isso irá ajudá-lo muito à medida que seus treinadores ficam maiores, se possível, inserindo seu código-fonte no final do seu problema. Um documento como o modo HTML primeiro no Centro JavaScript, aumentando o desempenho, e Patiala falar do seu site. Tente fazer seus próprios trabalhos extras. Você arquiva para praticar e veja se você pode fazê-lo funcionar corretamente. Quando terminar isso, estarei esperando por você na próxima palestra do curso. 5. Desafio de console JavaScript: Howard, pessoal. Espero que esteja amando o curso até agora. E a palestra de hoje eu tenho um desafio para você fazer. Este é o desafio do concerto japonês. Escrevi este programa, mas parece que estou com problemas vai funcionar. Escrevi este programa, Veja, o problema é que, quando eu rodo este programa no meu navegador, eles abriram o console de junção. Estou a ter menos problemas. Estes ares estavam a aparecer aqui, e preciso mesmo da tua ajuda para resolver isto. Então o que eu preciso que você faça é que eu preciso que você pegue esses arquivos de código. Haverá dois em uma folha que você pode baixar nos recursos externos para esta palestra. Então vá para arquivos externos e para baixo com arquivo zip. Será que segue? Haverá duas faltas aqui, e preciso que conserte esse código do Travis aqui. Então não há erros no Conselho de Jets Shirt. Se você pudesse fazer isso, seria incrível. Você passa no teste, então eu desafio você a fazer isso sozinho. Se vocês não tenho Angel. Não se preocupe. Vamos passar por isso na próxima palestra. A universidade tem tudo o que você precisa saber, então tentei, você sabe, e boa sorte. E vamos consertar esse programa. Pessoal, vamos usar um conselho de empregos e consertar esse programa. Você não faz isso? 6. Solução de desafio de console JavaScript: Tudo bem, todo mundo. Então eu estou no Desafio do Conselho aqui, e isso fez para documentos e 1/2. Então a primeira coisa que eu vou fazer é eu realmente vou abrir o nosso programa aqui no navegador quando você está no console que vamos ouvir é eu quero dizer, olhar para alguns herdeiros aqui em cima quando você vê aqui que nós temos alguns erros de sintaxe Então vamos fazer é abrir o nosso verdadeiro me ancorou aqui. Vou abrir com o meu sem pad mais e aqui, vou dar uma olhada rápida e ver se há algo faltando nesta sintaxe para que possamos ver que são comandos de alerta. Parece que está tudo bem. Nosso documento ponto direito comando é muito bom. Oh, vamos ver isso. Falta-nos um suporte aqui. Então vamos adicionar esse colchete. Agora isso parece muito melhor. Vamos continuar na página. Contador. Oh, nós podemos ver que estamos perdendo um G aqui, então basta digitar isso e muito rápido e isso parece muito bom. E no próximo registro adulto do condado, você pode ver aqui que tudo é muito bom, exceto por um erro muito comum é se você adivinhar que esquecemos o semi-cólon, então você está absolutamente correto. Coloque isso nela e eu vou dizer este arquivo aqui, e eu vou apontar que vocês dois um atalho para salvar em vez de ir para arquivo salvar cada vez que você quiser dizer que é, você pode pegar. Controle está nas janelas agora, assento do pai. Se abrirmos um arquivo novamente, podemos ver que nossa caixa de notificação aparece aqui e consertamos essa terra como um guaxinim. Por isso, concluímos o nosso desafio. Agora, é assim que eu iria sobre depurar este programa. Você pode usar o console passo a passo ou se você estiver mais temporadas, você pode dar uma olhada rápida usando o console, poderíamos ver que tínhamos algumas setas de sintaxe. Basicamente soletrando erros. Sabe, aquela coisa comum não jogando ponto-e-vírgula. Isso não é fechar os parênteses. Essa é provavelmente a coisa mais comum que acontece, especialmente quando programadores javascript iniciantes começam a trabalhar com JavaScript. Então, se isso acontecer, sintaxe é provavelmente a primeira coisa que você quer verificar. Então, se você completar este programa sozinho. Vou parabenizá-lo. Isso é incrível. Se precisasse de ajuda, tudo bem, também. Todo mundo precisa de ajuda aqui e ali, e é por isso que estou aqui. Então agora temos a solução para este programa e estamos todos prontos para ir. E na próxima palestra eu vou fazer um breve teste e testar vocês sobre o básico do JavaScript que aprendemos até agora e eles estariam na próxima seção do curso, que vai ser aprender um barco, variáveis e tudo mais tipo de coisas divertidas em JavaScript. Então eu vou ver no próximo teste, e vamos continuar a partir daí. 7. O que é uma variável: variáveis vão ser importantes, e você vai usá-las muito à medida que você cria programas ao longo. Este curso na Variable é geralmente usado para manter o controle de informações quando se trata de programação em JavaScript. Vamos dar uma olhada em um jogo popular no código da Web. Solicitação de Prós Brother O jogo popular é criado na Web usando apenas JavaScript? Se alguma vez tiveres a oportunidade, tira-a para fora. É muito legal, mas chega disso. Vamos direto ao ponto. Enquanto jogamos o jogo, podemos ver que coisas como saúde do ar, pontuação, pontuação, vidas e danos à nossa saúde, por exemplo, estão disponíveis. Isso muda dependendo do que acontece no jogo. Nossa pontuação ou vidas é outro exemplo de variável. O ponto principal que eu estou tentando fazer é que disponível é algo que representa um certo valor em nosso jogo, e está sempre mudando. Aqui está um exemplo da sintaxe básica que usamos para criar em Variável e Javascript aqui podemos ver que nossa primeira palavra-chave, chamada var, é abreviação para variável. A próxima palavra vai ser o nome da sua variável, que pode ser o que você quiser em seguida. Temos um sinal de igual e um número com esta declaração está dizendo é disponível Vidas igual três quando estamos criando variável e dando-lhe um nome estavam assinando um valor para essa variável. Agora vamos fazer mais abordagem mãos sobre e vamos criar um exemplo de uma variável que podemos usar em um programa. Vamos usar a variável e adicioná-la ao nosso documento que o comando rate. Então, no inverno é um comando básico aqui, que vai ser o nosso documento ponto direito comando. E eu vou adicionar uma string neste comando. Então vamos digitar o seguinte. Então, que temos o nosso documento. Tudo bem, comando aqui, vamos adicionar disponível para este programa e vamos fazer isso mais abordagem mãos sobre. Então digite Navarra e o nome da minha variável vai ser exemplo. E dentro dos colchetes entre aspas de exemplo, vamos dar-lhe o valor de I sou uma variável. O que isso basicamente diz é que o exemplo é igual a que eu sou uma variável. Então, se alguma vez inserirmos o exemplo de palavra-chave, então o texto eu sou variável. Nós abri-lo para o arquivo, basicamente são variável é apenas representando algo e neste caso exemplo está representando a string que declaramos anteriormente. Então, se dissermos isso e, em seguida, executar um programa, podemos ver que o valor do exemplo será abri-lo para o documento com o nosso documento que comando certo. A coisa legal sobre variáveis é que podemos alterá-las tanto quanto quisermos nos programas. Vamos voltar e mudar variável para fazer outra coisa. Uma vez que já declaramos um exemplo variável, podemos omitir a parte VAR é variável e apenas digite exemplo é igual ao que gostamos que seja agora porque é javascript lê nossos comandos de cima para baixo. Precisamos ter certeza de que se você estiver indo para mudar disponível, precisamos inseri-lo após o nosso documento ponto direito comando aqui. Então nós vamos pegar este pedaço de código aqui, copiá-lo, então, então, depois que o documento não classificar o comando, nós vamos colá-lo. Então o que estamos fazendo aqui é onde declarar nossa variável de exemplo como uma determinada string, escrevendo-a para o documento do que depois que é escrito, estamos dando um valor diferente e, em seguida, escrevendo esse novo valor para o documento, a parte aqui vai correr primeiro, e depois a parte de baixo vai correr logo depois. Então vamos dizer isso e ver o que acontece quando você executa o programa. Lá vamos nós. Podemos ver que são mudanças variáveis ao longo de um programa e tem dois valores diferentes que ajudam a colocá-lo. É um documento. Este é o poder das variáveis, e você vai aprender por que isso é importante. À medida que você trabalha mais com JavaScript no próximo vídeo, vamos falar mais sobre sintaxe e nomear suas variáveis porque há algumas regras que precisamos seguir. 8. Como atribuir nomes às suas variáveis: Então eu espero que você esteja aproveitando o curso até agora. E se eu fosse você no seu lugar, imagino que queira seguir em frente e fazer mais programa. Mas antes que possamos fazer isso, vamos falar um pouco mais sobre muito ambos porque existem algumas regras, como javascript, desenvolvedores e programadores que devemos seguir. Por exemplo, você não pode sair por aí nomeando seus objetos de valor o que quiser. Há algumas palavras-chave que não podemos usar. Por exemplo, Bar. É uma daquelas palavras-chave que não podemos nomear uma variável. Var. Este é um exemplo. Quem quer que haja muitos mais que não podemos usar. Você deve verificar os links externos nesta palestra, já que eu incluí uma referência a uma lista de todas as palavras-chave diferentes que lhe dariam um Syntex lá se você tentar usá-los como um nome de variável. Se você receber um erro de sintaxe quando você está criando uma variável e não pode renunciar ao que é o problema, então isso pode ser uma causa provável. A próxima coisa que vale a pena mencionar é que uma variável não tem permissão para começar com o número , mas eles podem terminar com o número. Todas as variáveis devem começar com a letra aqui é um exemplo do que eu quero dizer. Uma vez é exemplo de uma variável errada, enquanto Time one é um nome correto para variáveis variáveis também pode conter apenas os seguintes caracteres. Letras, números, o dólar Sign sobre você e sublinha aqui mais alguns exemplos de variáveis corretas e variáveis incorretas. Tome um segundo para estudar a folha e tentar descobrir a razão pela qual cada um está correto e por que as variáveis incorretas estão erradas para alguns. Esta lição acima, Eu quero mencionar que é importante que você faça seus nomes de variáveis clara, informativa e fácil de entender. Por exemplo, Jogador um é uma escolha melhor. Variável em vez de pessoas no jogador, nos diz claramente o que são variáveis é sobre p. Um tipo de poderia levar a confuso se alguém estava a usar o seu código ou se já faz um longo tempo desde que você usa pedaço de código e Você esqueceu a que P um estava se referindo . Bem, isso é tudo para nomear variáveis. Vamos fazer um teste rápido e seguir em frente com o curso 9. Uma introdução a cordas e números: Então, agora que você tem uma boa compreensão de quais variáveis são, vamos conversar um pouco. Vote cordas e números. Quando você está inserindo informações em uma variável, estamos adicionando valor a essa variável. Mas existem dois tipos de valores que podemos adicionar a uma variável estas cadeias de ar e números. Vamos rever os números. Primeiro. Os números são usados para equações matemáticas simples e cálculos que estarão trabalhando com números muito neste curso, Mas por enquanto, vamos nos concentrar em cordas, cordas, ar usado para armazenar texto e palavras. Aqui está um exemplo de uma string sendo usada em um comando. A string neste exemplo é aquela parte do texto que está entre aspas como eu realcei aqui. Aqui estão mais alguns exemplos de strings comumente usadas em JavaScript. Strings podem ser entre aspas simples ou aspas duplas, então você sabe o que números e strings são. Podemos agora seguir em frente no curso. Trabalharemos muito com strings e números, por isso é bom ter uma base sólida e compreensão de como eles funcionam em JavaScript 10. Como criar entrada de um usuário: você aprendeu alguns comandos até agora neste curso, então agora você deve estar lentamente se acostumando a usá-los. Na lição de hoje, você aprenderia a capturar a entrada de um usuário usando o comando prompt. Vejamos um exemplo ao vivo de um programa simples que pode usar esse comando. Podemos iniciar este comando, digitando o seguinte. Nós, em seguida, vai ser adicionar uma string para o nosso comando prompt da seguinte forma. Vamos agora executar o programa e ver o que acontece quando você executá-lo em um navegador da Web e caixa de alerta de pop-up e menor visitante para digitar em sua idade. Mas onde foi o número atrás? Bem, podemos atribuir uma variável a um comando prompt, e então eu vou colocar essa variável em nossa página ou usá-lo em outro comando. Vamos passar por isso passo a passo. Primeiro, eu vou dar a um dedo variável um comando prompt e dar-lhe o nome idade visitante, então eu sei o que ele vai estar se referindo. Em seguida, eu vou ler um documento com o comando certo e eu vou inserir nossa variável de nome de visitante em nosso comando Então basicamente o que está acontecendo aqui é que nós estamos levando o que o usuário introduz para a valiosa idade do visitante colocando-o no documento. Vamos salvar este arquivo e programa CFO vai funcionar corretamente como pretendíamos. Lá vamos nós. Podemos ver que nossa idade de visitantes está sendo l colocá-lo para a página seis habilmente. Muito legal, não é? Na próxima lição, você aprenderá a combinar cordas juntas. 11. Cordas de pentear juntas: Agora que você sabe como coletar informações de um visitante usando o comando prompt, podemos começar a construir alguns programas que têm um pouco de interatividade envolvida neles . A lição de hoje Você vai aprender a combinar cordas para criar algumas mensagens de nossos visitantes. Usando o exemplo do nosso último programa, vamos levar nossa idade de visitantes e adicionar essa entrada a outra mensagem. Então vamos começar criando uma variável para o comando prompt. Eu também vou adicionar uma variável para o nome do usuário também. Vamos ter de variáveis neste programa uma para a nossa idade de visitantes e outra para o nome deles . Então vamos abrir esta informação para o documento, mas usando o comando documento ponto direito. Então me acompanhe enquanto escrevo isso. E o que eu estou basicamente fazendo aqui é eu estou criando uma string e eu estou adicionando um sinal de mais. Com este sinal de mais, vou digitar nossas duas variáveis aqui. Vou primeiro introduzir o nome dos visitantes. E o que isso vai fazer é que a variável de nome de visitante vai pegar a string e inseri-la no fluxo já estavam digitando aqui. Observe que eu adiciono um sinal de mais antes e depois da variável porque eu vou estar adicionando mais string. E depois desta parte da string, vamos inserir outra variável para novamente. Tínhamos o sinal de mais, e então só participamos disponível. Esta é a sintaxe básica para adicionar suas strings juntas. E JavaScript temos nossa parte Olá mais visitante nomear o resto de sua string e, em seguida, nossos visitantes idade. Muito simples. Vamos salvar isso e ver se nosso programa está funcionando corretamente. Certo, então vou ter a minha idade aqui e com o tipo de nome. Tudo bem. Podemos ver que tudo está funcionando perfeitamente. À medida que plantamos, você percebe que não há espaços em suas strings, e isso ocorre porque o javascript não adiciona espaços automaticamente. Então nós temos que entrar em nossas cordas aqui e apenas adicionar um pouco de espaço aqui. E uma vez que visualizamos o programa novamente, podemos ver que os espaços serão adicionados às nossas strings. Então, eu vou passar por você e entrar na minha idade, é claro, em meu nome novamente. E podemos ver que os espaços são adicionados exatamente como queremos. Então isso parece um pouco melhor. Tenha em mente que quando adicionamos strings combinadas e JavaScript é chamado de Capitão Ação , esta é uma palavra extravagante para reclamar ruas juntos. Tudo bem, então isso é basicamente o básico de combinar strings e JavaScript. Tente fazer isso e alguns de seus programas para praticar, e passaremos para a próxima lição. Gostaríamos de falar mais sobre trabalhar com cordas. 12. Trabalhar com cordas em mais detalhes: como um desenvolvedor de JavaScript, você vai aprender muito, e isso vai ser alguns problemas para os quais você não vai saber a resposta. Mesmo depois de terminar este curso, garanto que você ainda precisará de mais ajuda e poderá encontrar informações nesta lição. Vou mostrar-lhe alguns recursos que você pode usar para ajudá-lo a solucionar problemas comuns que você vai encontrar como um desenvolvedor de JavaScript. Primeiro, vejamos a rede Mozilla Developer. Se, por exemplo, você precisar de ajuda, quais strings, você pode fazer referência à seção JavaScript do mdn. Existem todos os tipos de comandos, mensagens e propriedades listados nesta página que podem ajudá-lo com o seu Cody. Sempre que você tiver um problema ou apenas quiser aprender algo novo, você pode vir aqui e consultar todas as informações úteis gratuitamente. Por exemplo, vamos usar o índio para aprender um novo comando. Podemos usar o trabalho do dedo do pé com nossas novas cordas. Vamos dar uma olhada no Comando de Link nesta página. Podemos ver todas as informações sobre este comando, bem como exemplo que podemos usar para experimentá-lo com Vamos pegar o exemplo e adicioná-lo ao nosso programa JavaScript apenas para esta lição. Você estava criando disponível chamado hot text. Estamos dando o valor do índio. Depois fomos criados. Outra variável chamada You Earl, e esse valor é o link para o site indiano com sua alocação aconselhada. Estávamos escrevendo para o conselho a seguir a nossa string, mais o nosso valor de texto quente em usar o Comando Link para tornar a nossa variável euro alta, brigando que se clicarmos nele, ele nos levará diretamente para a página da Web. Isso pode ser um pouco complicado, especialmente quando você está usando comandos que você nunca viu antes. Mas não se preocupe. A prática vai te fazer melhor. Vamos executar o programa e ver o que acontece. Podemos ver que temos nossos técnicos 100 página, e então temos um link. Podemos clicar aqui que nos leva à Manzella Manzella Manzella Developer Network. Muito legal. Tente usar o Comando Link com outros comandos. Você aprendeu até agora a conseguir um programa de sua escolha. Na próxima lição, você usaria a informação que aprendeu até agora. Você cria uma página da Web que acolhe os visitantes para ajudar a AIDS e os cumprimenta 13. O desafio de codificação variável: Tudo bem, todo mundo. Espero que estejam prontos para programar, porque nesta palestra, o que preciso que façam é que vocês construam um programa para mim. Então vamos fingir que sou um cliente e você trabalha para mim. E eu preciso de um programa, e eu preciso fazer para ter os seguintes recursos. Então vamos passar passo a passo. E, como sempre, você pode acompanhar. Eu quero que vocês tentem fazer isso por conta própria. E se tiveres algum problema, podes ver-me o próximo vídeo. Nós vamos, eu vou subir. Minha própria solução para o programa não significa necessariamente que a sua será a mesma, mas eu vou encontrar a minha maneira de fazer isso. Tudo bem. Então vamos olhar para o programa. E vamos ver o que você precisa incluir em seu programa para passar no desafio. Então, primeiro lugar, para baixo nos arquivos HTML e JavaScript para este desafio. Em segundo lugar, seu programa precisa receber o usuário na página da Web através de uma caixa de alerta. Então você precisa perguntar ao usuário mais nome e, em seguida, você precisa pedir ao usuário sua cor favorita. Em seguida, você vai combinar o nome do usuário e a cor favorita usual em uma string que vai da seguinte forma e direita de string para o documento. Olá, usuário. Sua cor favorita é usar cor favorita. Finalmente, vou colocar um programa completo para o conselho para nos dizer que seu roteiro foi executado com sucesso sem nenhum ar. Se você acha que pode lidar com isso sozinho, tente tentar. Se tiver algum problema, não se preocupe. Estarei aqui no próximo vídeo para mostrar a solução completa para o desafio de variáveis e cordas. Boa sorte, pessoal. 14. Solução para o desafio de codificação variável: Espero que todos estejam tendo um ótimo dia. E esta lição nós vamos mostrar a vocês a solução para o desafio variável e cordas que apresentou a vocês na última palestra. Tudo bem, então vamos começar. Então, a primeira coisa que precisamos fazer é dar as boas-vindas ao nosso usuário para a página com outra caixa. Então eles apenas esperando para fazer isso seria usar o comando de alerta e digitar uma string como hello ou bem-vindo ao nosso site. Você pode usar o que quiser aqui. Nós não precisávamos pedir um nome ao seu usuário, então eu vou criar uma variável e chamá-la, visitar o nome dela, e então eu vou perguntar ao usuário qual é o seu nome? Certifique-se E minha citação. Tudo bem, então temos isso capturado. Vamos, então, pedir mais fácil e pediu-lhe a cor favorita e salvá-lo na variável chamada cor visitantes ou cor favorita. Aqui. Neste caso, a próxima coisa que precisamos fazer é combinar o nome do usuário e a cor favorita juntos em uma string que vai da seguinte forma. Ok, então esta parte, nós vamos ter que combinar nossas cordas juntos, lembra? E nós vamos ter que começar por documento iraniano tratado direito, Comando, porque você tem saída para a página. O que vamos fazer é pegar a corda que nos pediram e entraremos aqui. E então, em vez dos pontos para o nome do usuário e a cor favorita dos usuários, vamos colocar as variáveis que criamos anteriormente que vão armazenar essa informação e então eu vou colocá-la na página. Aqui vamos colocar o nome dos visitantes. Eles iam terminar o tipo Notre string aqui, e então nós vamos inserir a cor favorita também. Lembre-se que quando você faz suas strings que você adiciona um espaço antes de sua variável e após variável para que tudo não é para alternar juntos. Ok, então o nosso programa está muito bom. Estamos quase terminando em seguida, precisamos fazer precisamos com um programa completo mensagem para o conselho para que possamos simplesmente fazer isso fazendo conselho que log e, em seguida, digitando algo ao longo das linhas de programa completo ou algo assim seria aceitável nesta matéria. Ok, então nós vamos salvar nosso programa e espero usar execuções muito boas. Vamos verificar e ver o que acontece. Ok, então somos bem-vindos. Podemos inserir meu nome aqui. Depois entramos na minha cor favorita e pudemos ver Ariel. Olá, Robin. Sua cor favorita é verde. Então essa parte está funcionando muito bem. Mas temos de verificar a fechadura do consulado, lembras-te? E nós pudemos ver que nosso programa completo para que possamos ver que tudo no programa foi executado com sucesso. E isso é um desafio para vocês. Então, se vocês tiveram problemas com isso, tudo bem. Apenas assistiu o vídeo e, em seguida, tente criar novamente por conta própria, se possível. E para quem completou o programa, me avise. Quero saber como vocês se saíram. Se vocês passarem, isso é incrível. Avise-nos se tiver algum problema. Escreva sobre isso na discussão, definindo este vídeo, e podemos passar para a próxima seção depois disso. Mas antes que possamos, vocês precisam fazer um quiz rápido sobre cordas, e então vamos falar sobre números e matemática 15. O que são números: Olá, todo mundo. Como é que está a correr? Tudo bem. Até agora temos falado em profundidade sobre ambas as cordas e variáveis. Então agora vamos mudar nosso foco para números, que são igualmente importantes e números de rua de salto usados em todos os tipos de cálculos e programação. Nossa pontuação em um jogo de vídeo, adicionando o total de compras. Veja quanto dinheiro você deve. Estes são todos exemplos de como os números são usados no programa. Primeiro, vamos falar um pouco sobre inteiros antes de podermos seguir em frente. Um número inteiro é o que chamamos de inteiro. Aqui estão alguns exemplos de como os inteiros serão parecidos. 55 78 3333339 67 Todos estes são todos exemplos de números inteiros ou o que chamamos em imagens de programação. Em seguida, são números de ponto flutuante. Números de 14 pontos dos inteiros de Samos, exceto que eles têm uma casa decimal neles. É o seu 0.1 0.55555 decimal 23 são todos exemplos de números de ponto flutuante. Por último, temos notação científica. Podemos até usar notação científica para cálculos e javascript. Aqui estão alguns exemplos, mas tenha em mente que não é muito usado. E não te preocupes se isto faz sentido, podes usar isto apenas a referência dele. Aqui está um exemplo de como podemos atribuir um número para disponível cada um dos diferentes tipos de números que acabamos de discutir. Você percebe algo diferente aqui do que quando atribuímos variáveis? Duas cordas. A principal diferença a notar é que atribuímos um número a uma variável. E quando o fazemos, não usamos citações. Caso contrário, seu número será tratado como uma string mais tarde. Neste curso, você vai aprender como converter um dedo do pé de corda um número. Mas por enquanto, eu quero que você se concentre na diferença entre os dois e como nós atribuímos a eles duas strings variáveis . Usamos citações, números. Só pegamos o número e deixamos de fora as citações. Essa é a principal coisa que é importante por enquanto. Certo, assim que isso fizer sentido para você, podemos passar para o próximo curso, e trabalharemos mais com números 16. Como fazemos matemática no JavaScript: à medida que você progride através de sua carreira e jornada em JavaScript, você vai perceber que os programas irão levá-lo a fazer um monte de matemática nesta lição. E nós vamos estar olhando para como podemos usar a matemática para construir o programa em JavaScript que irá dizer a um usuário por quantos dias eles têm sido vida. Mas antes que possamos fazer isso, precisamos aprender a fazer matemática básica e JavaScript. Então vamos começar a adicionar números juntos em JavaScript usado o sinal de mais uma palavra extravagante para o sinal de mais. Alta também é o operador de adição? Então aqui estamos qualquer nove. Pessoalmente, se quiséssemos subtrair três de nove, usaríamos simplesmente o sinal de menos. Se quiséssemos dividir por números, usaríamos este último sinal mostrando assim. Você multiplica dois números que você usaria os cálculos do símbolo gástrico e JavaScript são normalmente feitos quando você tomar entrada de um visitante e usá-lo entrada para vir com seu final. Ok, pegue nosso programa que calcularia quantos dias você está vivo, por exemplo, vamos precisar pedir mais fácil e pedir-lhes a idade deles. Então pegue esse número e multiplique por quantos dias são em um ano? Mas como se escreve isso em código antes de fazermos isso? Quando você fala um pouco mais sobre fazer cálculos com variáveis, digamos, por exemplo,que por exemplo, estávamos criando um jogo onde um encanador tinha que salvar a princesa de uma tartaruga gigante em seu castelo. Toda vez que um jogador pegava um cogumelo, ele ganhava uma vida. Poderíamos escrever algo assim. Vidas variáveis iguais a vida de rua é igual a vidas mais um. O que esta terra de código está dizendo é: “ Vidas variáveis é primeiro igual a três. Fazíamos e, em seguida, inserir a segunda parte do código sempre que um jogador coletava um cogumelo . Basicamente, diz que vidas equivale ao valor atual das vidas que adicionaram uma a esse número . No número final, número será armazenado de volta nas vidas variáveis, portanto, no final, vidas para ser igual. Antes, há também uma versão abreviada para adicionar e script de trabalho, bem como, que é exposto vidas mais igual a um. Você pode usar qualquer versão que você gosta. Escolha o que faz sentido. Então nós vamos ficar com a versão básica só para que você entenda o que significa que eu incluí uma página de referência no fogo externo. Era parte desta palestra que você não pode dar uma olhada para uma lista completa de sintaxe abreviada para fazer cálculos e JavaScript. Então vamos construir um programa. A primeira coisa que vamos precisar fazer é descobrir com as idades dos visitantes . Então nós vamos ter que perguntar ao usuário quais suas idades. Então, para tornar uma cor variável os visitantes envelhecem e, em seguida, à direita, o prompt comando algo ao longo das linhas de pedir a eles para sua idade. Uma vez que tenhamos tudo planejado, poderíamos então criar outra variável. E vamos chamar isso de um ano de vida. Basicamente, o que esta variável vai fazer é pegar aquela string que eles inseriram e converteu-a em um número e analisar End faz exatamente isso. Então nós vamos pegar nossa idade de visitantes aqui, inseri-lo nos parênteses aqui, e basicamente o que isso está fazendo é pegar sua idade de visitantes, tirar a corda dela, converter esse dedo do pé um número e então salvando como anos de vida. Então nada. Nossa string é salva como um número. Podemos agir produzindo uma multiplicação com ele. Então, a próxima linha de código precisamos pegar os visitantes anos vividos e multiplicá-lo por quantos dias são em um ano. Ok, então agora nós vamos fazer nossa matemática que vamos fazer é vamos levar nossos anos próximos anos vivos, variável. E vamos multiplicá-lo por quantos dias em um ano? Neste caso, lá. 365 dias em um ano. Então, basicamente, estamos levando os usuários anos vivos. TNS String converteu-o para um número, em seguida, multiplicar esse número por 3 65, em seguida, fazer um documento que o comando certo e colocar esse número e uma string lá que vamos criar aqui parece um pouco complicado, mas uma vez que você começa o jeito de fazer matemática, multiplicação, JavaScript, não vamos fazer isso. Então aqui temos um pequeno programa que diria a alguém quantos dias eles estão vivos há muito puro. Então vamos encarar entrar nossas cordas aqui. Então, uma vez que terminamos, podemos salvar o programa e depois testá-lo e ver se tudo está funcionando corretamente. Tudo bem. Então, vamos adicionar na minha idade, que é 24, podemos ver que estou vivo há 8760 dias. Isso parece ser muito tempo. Só para ter certeza, no entanto. Vamos escolher outro número e introduzi-lo aqui. E podemos ver isso com dois. Nossa multiplicação está correta. Então este programa está funcionando exatamente como pretendíamos. Vamos fazer mais uma, só para ter certeza. Tudo bem, Incrível. Tudo está funcionando perfeitamente. Agora você está pronto para trabalhar com o objeto matemático, que é muito importante para fazer cálculos e script de trabalho. Vejo vocês no próximo vídeo. 17. Trabalhar com o objeto de matemática: na lição JavaScript de hoje, você ia aprender a criar números aleatórios usando o objeto matemático. Então, para referência, caso você tenha esquecido, strings e números são dois tipos diferentes de objetos, e esses objetos têm propriedades. Por exemplo, um fluxo pode ter uma propriedade length, que gera quantos caracteres estão nessa força. Objetos também têm ações que eles poderiam executar, que chamamos de métodos e JavaScript. Por exemplo. Poderíamos pegar uma string e adicionar o método minúsculo, que foram alterados todos os caracteres para minúsculas Mesmo se nós digitá-los em letra maiúscula e esta lição, entanto, vamos nos concentrar no objeto matemático. Então vamos falar sobre isso por um segundo. Com o objeto do mapa, podemos fazer todos os tipos de cálculos matemáticos avançados. Por exemplo, se formos para o mdn, podemos ver que há uma propriedade matemática para o objeto matemático que nos permite calcular a raiz quadrada de um número ou obter o número de pizza, que usamos para calcular a área de um círculo. Também podemos ver todos os métodos listados no lado aqui também. O método principal que vamos estar olhando é o método aleatório de ponto matemático. Então vamos digitar isso e ver o que acontece. Vou dar esta rodada um número de variável também que podemos escrevê-lo para o documento. Ok, então se eu executar o programa, podemos ver um número de ponto flutuante aleatório entre zero e até, mas não incluir um é exibido. Eu vou apertar um cinco algumas vezes, que é o atalho de teclado para atualização, então você pode ver que toda vez que você executar um programa, nós realmente contornar o número dele. Mas e se quiséssemos um número inteiro em vez de, digamos, entre um e 50? Bem, o que nós poderíamos fazer é que poderíamos obter um resultado multiplayer por 50 todos um programa. Podemos ver que estamos chegando um pouco mais perto do que queremos. O problema é que ainda não temos um número inteiro. Felizmente, JavaScript também tem uma maneira para nós facilmente fazer isso com o método matemático dot floor no método vedação de ponto matemático, Maths piso superior em torno do número para o menor número inteiro e matemática pensamento teto estava errado . Número dois, o mais alto. Então, se quiséssemos ter certeza de que atingimos um número entre um e 50. Usaríamos o comando do mapa no piso superior, só no caso de não conseguirmos um 51 por acidente. Agora, isso pode parecer um pouco complicado, mas não é tão ruim. Apenas tente me acompanhar em JavaScript. código dentro do parêntese mais interno acontece primeiro. Então trabalhamos para fora. Então, se olharmos para este Damon, o seguinte acontece primeiro, um número aleatório entre zero e até, mas não incluindo um apenas gerado. Então esse número aleatório é multiplicado por 50. Então o decimal é arredondado para baixo frio pode ser complicado, mas o principal que é importante é que você entenda o que está acontecendo aqui. Nós também adicionamos o mais um no final que se nós obtivermos um possível 50 já que estamos arredondando para baixo, nós só podemos obter um máximo de 49. Então é por isso que temos o acompanhante. Apenas no caso de todos um programa ver que nunca encontramos uma solução que nos dê um inteiro entre um e 50. Então, usando todo esse conhecimento que você aprendeu nesta palestra, vamos criar um programa que gera um número aleatório entre um e 60 18. Desafio de números: você tem trabalhado muito com números e fazendo um monte de matemática nesta seção do curso. Não se preocupe, estamos quase terminando. Nós só temos um desafio e, em seguida, um teste e você vai ser feito com esta seção. Seu produto para este desafio é fazer o seguinte. Crie um programa que gera um número aleatório entre um e com as entradas do usuário, por exemplo. Você usa e coloca o número 20. Seu programa deve então gerar um número entre um e 20, em seguida, escrevê-lo para o documento que o usuário possa ver o número aleatório gerado. Como de costume. Veja se você pode completar este produto por conta própria. Se você ficar preso ou precisar de ajuda, venha se juntar a mim no próximo vídeo, onde eu vou orientá-lo através da solução passo a passo. Desejo-lhe sorte e deixe-me saber como você faz neste desafio. 19. Desafio de solução para os números: Tudo bem para o objetivo deste desafio era criar um programa que gerasse um número entre um. Quaisquer que sejam as entradas do usuário como um segundo número, como de costume, eu encorajo você a experimentar este programa por conta própria. Mas se você está preso lá, precisa de ajuda. Vamos percorrer este passo a passo. É a primeira coisa que vou fazer aqui é criar uma variável e um número de usuário universitário . Vamos usar um comando prompt para pedir ao usuário para inserir um número. Tudo bem, então uma vez que nós temos que tudo planejado, nós podemos então pegar esse número e nós vamos mudar esse número dois um inteiro usando as partes e comando, lembre-se que nós precisamos tomar uma variável no colchetes aqui. Então agora estamos pegando nosso número de 14 pontos e alterando-o para um número inteiro, ou gostamos de chamar um inteiro. Em seguida, vamos pegar o nosso número inteiro e então fazer nossos cálculos para esse número para que o nosso número esteja circulando entre um e o que quer que o usuário insira, vamos usar o mesmo código que usamos no último vídeo. Mas em vez disso, vamos usar o número de usuário variável em vez dos 50 que tínhamos antes do river para adicionar o mais um no final. Caso contrário, você não vai acertar o número mais alto. As entradas do teaser. Em seguida, vamos criar caixa de alerta e alertou o usuário com os números aleatórios. Eu acho que eu poderia ter mencionado para escrever para a página no último episódio. Mas está tudo bem. Você pode usar a caixa de alerta bem. Aqui. Muito bem, acho que o nosso código está pronto. Vamos salvar tudo aqui, e espero que tudo corra bem novamente. Podemos ver aqui que estamos solicitando ao usuário, pedindo um número, pegando esse número e alterando-o de um ponto flutuante número dois, um número inteiro pegando esse número inteiro e usando nossa fórmula aqui para gerar nosso número entre qualquer um, o que quer que o usuário insira. E então nós estamos apenas alertando para que os usuários com os números vamos dar uma corrida. Tudo bem, então vou inserir um número aqui. Está bem. Podemos ver lá em torno de números gerados. Vamos fazer isso novamente algumas vezes apenas para ver que nosso programa está funcionando corretamente. Certo, então acho que temos um programa que está funcionando muito bem. Então, de novo, vou parabenizá-los se conseguirem terminar sozinhos. Se precisasse de ajuda, tudo bem, também. Você já terminou de trabalhar com números. Vamos fazer um teste rápido. Depois disso, vamos passar para declarações condicionais que são muito fortes e muito poderosas. E JavaScript, espero que você esteja curtindo o curso até agora e deixe-me saber o que você acha.