Transcrições
1. Apresentação: Olá, pessoal, e bem-vindos ao curso
Ultimate para iniciantes
para aprender JavaScript. Este curso é para
alguém que não sabe nada sobre JavaScript e quer aprender
o básico do JavaScript. Neste curso, vou guiá-lo
passo a passo e ensinar os
conceitos básicos do JavaScript. Os tópicos que abordaremos neste curso são variáveis, tipos de
dados, matriz ,
loop, funções de instrução ES, e há muitos tópicos
que abordaremos neste curso. Você pode simplesmente conferir o
currículo e
saber qual tópico estamos
abordando neste curso. Se você quer começar a
jornada de aprender JavaScript, então este curso é para você.
2. Adicionando JavaScript: Neste vídeo,
aprenderemos como
conectar nosso JavaScript
ao nosso HT. Ou podemos dizer como adicionar nosso
JavaScript em nosso site. Para conectar nosso JavaScript
ao nosso arquivo HT, criarei esse clichê HT Para criar um clichê em HTML, você pode clicar em Sift e um, então você receberá esse ponto de
exclamação Nosso T boilerpd será criado. Dentro dessa tecnologia de link, não dentro dessa tecnologia de link, B nessa metatécnica se
você quiser vincular CSS, o que
você estaria fazendo seria digitar link e clicar nesse CSS Em seguida, seu arquivo CSS
seria vinculado ao HTML. Assim, se você quiser vincular
nosso JavaScript
ao nosso HTM, o que? Para fazer isso, você pode entrar nessa tecnologia corporal e
dentro dessa tecnologia corporal, você pode criar uma tecnologia Script. Então, para criar o Scripte,
você pode escrever um script
e, dentro desse Scripte, você
pode escrever código JavaScript. Para provar nosso JavaScript que nosso JavaScrib
está executando ou não, vou digitar um código
JavaScript,
então o código JavaScript
será Alerta. Por enquanto, eu sei que você não
sabe o que é Você saberá
sobre essas coisas depois de aprender o básico do
JavaScript Portanto, não se preocupe com o que
é esse alerta. Estou apenas escrevendo
este alerta para provar que nosso código JavaScript
está funcionando ou não. Então, dentro desse alerta, vou digitar algo como Oi. O que esse alerta faz é exibir um pop-up
em nosso navegador. Como agora, escrevi Olá
dentro deste alerta, então vou receber um pop-up
dizendo oi em nosso navegador. Eu salvo isso e clico com
o botão direito do mouse e, a partir daqui, clico em Abrir
com o Live Server. E nosso navegador corajoso
abrirá e você verá que dizer oi significa que este é o nosso pop-up e esse P está dizendo
oi. Agora clique em OK. Isso significa que nosso
JavaScript está funcionando. Agora, outra maneira de
escrever JavaScrit é escrever
seu código JavaScript dentro desta tecnologia de cabelo
abaixo desta tecnologia de título
ou deste título Vou escrever abaixo esta tecnologia de título e clicar em Salvar e, novamente, clicar em abrir
com o Live Server, ou você pode simplesmente
abrir seu navegador. Como você pode ver, está funcionando. Por enquanto, o que vou
fazer é mudar esse texto para que possamos dizer
que ele está funcionando corretamente. Eu escrevi três aqui. Agora vou abrir nosso
navegador e você pode ver que estamos
recebendo três I aqui. Clique aqui OK e
nosso navegador será. Funcionando corretamente. Isso significa que
nosso JavaScript está em execução. Mas esses dois métodos de escrever JavaScript não são recomendados. A forma recomendada
de escrever JavaScript
é criar um arquivo
JavaScript separado. Para criar um arquivo
JavaScript separado, basta
clicar nesse botão
e digitar o nome do arquivo como Eu quero o aplicativo de nome de arquivo e as extensões
seriam dot Clique em Enter e seu
arquivo JavaScript será criado. Dentro desse arquivo JavaScript, você pode escrever código JavaScript. O
código JavaScript ficará alerta porque queremos testar se
isso está funcionando ou não. Dentro deste alerta, escreverei taste e agora o que
temos que fazer é vincular esse
arquivo JavaScript ao nosso HTML. Vou remover essa tecnologia de
script daqui e vou entrar nessa tecnologia corporal e
dentro dessa tecnologia corporal, vou criar um texto de script,
escrever um script e clicar neste ARC. Dentro desse script ARC, você precisa digitar seu arquivo
JavaScript. Assim como nosso
arquivo JavaScript é app dot js, então vou escrever apt se app dot js
e agora nosso app dot js está vinculado ao Vamos salvar isso e dar
uma olhada em nosso navegador. Então, como você pode ver, está
funcionando, mas não está funcionando. Está costurando HI, mas
escrevemos Taste aqui. Vou clicar e abrir
esse arquivo novamente. Vamos ver qual é o problema. Vou fechar essa tecnologia de alerta. Para fechar essa tecnologia de alerta, estou usando esse ponto e vírgula e clicarei em Salvar e
clicarei em Salvar aqui também e, novamente,
abrirei nosso navegador Como você pode ver, estamos
experimentando aqui. Isso significa que nosso
JavaScript está funcionando. Essas são as três
maneiras de conectar nosso JavaScript ao nosso HTML. Agora vamos começar a aprender sobre
JavaScript a partir da próxima
3. Console do navegador: Neste vídeo,
aprenderemos sobre o console do navegador. Então, em cada navegador, temos uma ferramenta de desenvolvedor dentro
da ferramenta de desenvolvedor, temos um console de navegador
ou podemos dizer a guia Console. Para abrir o console do seu navegador, você pode pressionar F 12
se estiver usando o Brave ou se estiver
usando o Google Chrome Depois de clicar em F 12, você verá
esta etapa do elemento. Basta clicar nessa guia Console. Não clique nessa etapa do elemento, basta clicar nessa guia Console. Então, qual é esse tipo de console? Dentro desse toque do console, podemos brincar
com o JavaScript. Significa que podemos escrever nosso código
JavaScript aqui e saborear o próprio
código JavaScript aqui. Como os tipos Ile do
código JavaScript dentro dessa guia do console, como Ile type Alert, então eu tenho que digitar Alert
corretamente Alert A ERT alert. Dentro desse alerta,
escreverei algo como escreverei Consoles UN SOLE E eu vou pressionar Enter. Depois de pressionar Enter,
seu código será executado. Então eu pressiono Enter e nosso código está rodando e
está dizendo Console. Então, vamos pressionar Ok. Agora você pode escrever um pouco
mais de código JavaScript se quiser fazer Addison, então você pode dizer
11 e depois mais 11 Em seguida, você verá
a saída aqui. A saída é 22. E até mesmo você pode ver
a saída dentro desta guia do console para o código que você
escreveu em seu arquivo. Por exemplo, vou entrar em
nosso aplicativo de arquivos dot js e, dentro dele, vou
digitar console dot log. Então, quando digitamos
log de pontos do console assim, log do console, você pode pensar nisso
como uma função, que registrará nosso valor
na guia Console. Como agora, quero registrar o Olá
dentro do toque do console, então escreverei Olá
e clicarei em Salvar e abrirei nosso navegador.
Em seguida, clique em OK. Então, como você pode ver,
temos um olá aqui. Novamente, vou digitar outra
coisa, como se você pudesse fazer a adição também dentro desta função de registro de
pontos do console. Então eu vou fazer alguma adição
para fazer alguma adição, vou escrever 23 e depois
mais 25 ou 35. Em seguida, pressione seguro e
abra seu navegador. Então você pode ver,
vamos pressionar isso bem. Então você pode ver a saída
aqui. A saída é 58. Então, essa é a guia do console, e dentro dessa guia do console, podemos ver nossa saída de
JavaScript. E para aprender o básico do JavaScript, vamos usar muito
essa guia Console Vou usar
muito isso para explicar como o
JavaScript funciona e os
fundamentos do JavaScript. Portanto, esta é a guia C Inside console, podemos escrever código JavaScript e ver a saída do código
JavaScript dentro
da guia console. Então, vamos aprender sobre a coisa mais fundamental em JavaScript, que é variável
no próximo vídeo.
4. Comentários em javascript: Agora vamos aprender sobre os bens comuns. Comandos são coisas muito básicas, mas também quero
dizer o que é comum. Ao trabalhar com uma equipe ou sempre que estiver
trabalhando sozinho, talvez
você queira
anotar o que essa linha de código está fazendo ou
talvez queira anotar. Quero anotar o que
essa linha
de código está fazendo, então criarei um comando
para criar um comando, você pode usar esse
Dowles e dentro desses Dover Slets você
pode escrever Significa que você pode escrever uma nota. Esta linha de código está fazendo algo ou o que
você quiser escrever, você pode escrever aqui
dentro deste comando. Vou escrever uma variável de custo. Ou você pode dizer aprendendo variáveis
const, então variável const. Por que você cria
comentários para fazer anotações? Você poderia escrevê-lo de forma simples com nossos comentários
também como este. Mas se você escrever de forma simples,
você receberá um erro. Como você pode ver, estamos recebendo esse sublinhado vermelho
abaixo desse aprendizado, isso significa que
estamos recebendo um erro Se você salvar essa
habilitação no navegador, verá que
está recebendo um erro. Consistência inesperada de tokens. Por que foi escrito o token
inesperado const Porque escrevemos
const aqui. Se você escrever consts e salvar
um navegador sempre visível
, verá O erro diferente são os custos
inesperados do identificador. Pode ser qualquer coisa.
Significa que o erro pode ser qualquer coisa. Portanto, para evitar erros, você pode criar comandos e, dentro dos comandos,
fazer anotações. Ou usando comandos, você pode comentar
toda a linha de código, você não quer
essa linha de código, então você pode comentar isso. Então, essa linha de
código não terá nenhum efeito nesse arquivo escolar
Java. Vamos salvar um navegador
sempre atento. Essa linha de código
não está tendo nenhum efeito. Esse número não está nessa guia do console e
esse nome não está lá. Por que não está lá porque
comentamos esse código. E agora esse código não tem efeito
nesse arquivo JavaScript. Esses são comandos em que você pode
criar comentários usando Doles ou vamos fazer o Control Jet e eu vou te ensinar mais uma coisa Se você quiser comentar uma linha de código ou várias linhas de código, basta arrastar e soltar
essas várias linhas de código e clicar em Controlar
e sem encaminhar Em seguida, a linha múltipla de
códigos será comentada. Ou então, se você não quiser
usar este hotcde, você pode usar Control Jet e usar
este forward sless No final, você deseja
encerrar esse comando aqui, então você precisa criar novamente,
sem avançar e estrelar Não do lado de fora, a estrela deve
estar
menos dentro dessa linha de código e essa linha de código
será comentada. Isso são comentários. Vamos aprender sobre os tipos de dados no próximo vídeo.
5. Variáveis: Então, agora vamos aprender sobre a
coisa mais fundamental em JavaScript, que é variável.
Então, o que é variável? As variáveis são usadas
para armazenar valores, valores como nome,
número, e-mail, texto. Então, para criar uma variável, obtemos algumas palavras-chave
em JavaScript, palavras-chave como let const e VR Let e cost são a forma
moderna de criar variáveis e var é a
forma mais antiga de criar variáveis. Então, primeiro, aprenda como
criar uma variável
usando a palavra-chave let. Então, para criar uma variável
usando a palavra-chave et, você precisa digitar let
e dar
um nome a ela , então eu darei a
ela um nome como edge. Ele será o nome
dessa variável
e, para atribuir um valor
a essa variável, você dará igual
a e fornecerá um Então, o valor será 28. Vamos
usar uma palavra-chave para criar uma variável. Ele é o nome
dessa variável e 28 é o valor
dessa variável He. Agora, para ver a saída
dessa variável, podemos registrar
essa variável no console. Então, para Consolog, vou
digitar Console dot log. Dentro desse registro de pontos do console, vou digitar o nome dessa variável. O nome da variável é H, então vou digitar H aqui e clicar em Salvar e abrir
com o Live Server. Já está aberto, eu acho Você pode ver que dentro
deste consórcio, estamos recebendo 28 Agora vamos criar
outra variável usando et keodPara criar outra
variável usando let Keyod, você pode usar let e dar à O nome da
variável será E eu vou dar algumas
aqui, como 2025. Vamos registrar
isso aqui também no console. Para o console registrar isso aqui, você pode dar coma
ou simplesmente digitar outro
log do console N escreva aqui. Mas, por enquanto, vou digitar
aqui dentro disso. Vamos salvar isso e dar
uma olhada em nosso navegador. Como você pode ver,
estamos obtendo 28 2025. Agora vamos aprender como criar
uma variável usando a palavra-chave Const Para criar uma variável
usando a palavra-chave Cs,
basta digitar
const const e, em
seguida, a ortografia
de const será CONST NST Em seguida, o nome
dessa variável será número, e vamos digitar algum número aqui. O número será 45. Então, vamos apenas
registrar esse número no console. No log do console,
escreverei o log de pontos do console. E dentro desse console Dot log, escreverei o nome da variável. O nome da variável é número, então vou digitar o número aqui e pressionar Control S para
salvar esse arquivo, e vamos
dar uma olhada em nosso navegador. Como você pode ver,
estamos recebendo 45 aqui. Então, vamos criar
outra variável usando const KeoDet create
outra variável, vou digitar Coster, então o nome da variável nome da variável
aqui será name e é igual ao tipo
name, Você aprenderá sobre
essa sequência
no próximo vídeo ou
ao lado do próximo vídeo. Mas, por enquanto, se você
quiser digitar qualquer tipo de texto, você usará string. String use este duplo embutido. Então, dentro dessa vírgula
dupla embutida ou vírgula única invertida,
você pode usar vírgula dupla embutida ou vírgula ou vírgula única invertida,
você pode usar vírgula
dupla embutida ou vírgula
única invertida. Então, dentro dessa
vírgula dupla invertida, vou digitar um nome. O nome será sal. Vamos registrar esse nome no
console. Para registrar esse nome no console, digitarei Console Log
e, dentro do Console log, digitarei o nome da variável. O nome da variável é nome, então eu digitei o nome aqui, como você pode ver, estamos recebendo
um símbolo de cruz aqui Para remover esta linha
através do símbolo, você pode simplesmente passar o mouse sobre
ela e clicar neste link Dentro deste link, você pode
simplesmente comentar isso. Assim, você pode comandar
isso ou essa coisa. Ou você pode removê-lo.
Se você não puder comentar, basta
removê-lo e clicar em Salvar. Eu vou te ensinar qual é
o significado do comentário. Por enquanto, você pode simplesmente salvá-lo, remover esse salvamento e fechar
esse arquivo. Depois de fechar, você pode ver que
esse
efeito de linha desapareceu desse nome. Salve isso e digamos que
veremos em nosso navegador. Então, como você pode ver,
estamos recebendo nosso nome. Qual é a diferença
entre atribuir um valor usando Let e
atribuir um valor usando Ao atribuir
um valor usando let, você pode alterar o valor
posteriormente nesse arquivo Como se eu quisesse alterar
o valor desse H, então eu vou abaixo desse let
ou você pode ir abaixo de qualquer lugar e simplesmente digitar H. E se você quiser alterar
o valor desse H, você pode digitar, eu
alterarei o valor para 25 e clique em Salvar controles
e eu o visualizarei no navegador. Como você pode ver, 28 foi removido
e atualizado para 25. Mas se você quiser
fazer a mesma coisa usando const,
você pode fazer isso Eu quero alterar o
valor desse número, então vou digitar o número aqui, e o valor do
número será 56. Se eu tentar alterar o valor
da variável que é atribuída usando const, não
podemos mudar isso Vou salvar isso e vamos dar
uma olhada em nosso navegador
o que estamos recebendo Como você pode ver,
agora estamos recebendo um erro. Por que
estamos recebendo um erro? Porque não podemos
alterar o valor de uma variável que é atribuída
usando a palavra-chave const Então, vamos remover isso, então
nosso erro será removido. Vamos me salvar de uma olhada em nossa lista. Então, agora o erro foi removido. Então essa é a diferença
entre let e const. Eu deixo que você possa alterar o valor da
variável e, em const, você não pode alterar o
valor da variável Então, agora vamos dar uma
olhada no código de barras. Então, para criar um variode,
basta citar Var e digitar o nome
dessas O nome dessa
variável será e-mail. Dentro dessa variável de e-mail, vou digitar algo, algum e-mail, o nome do e-mail será, por exemplo, dirt email.com ou gmail.com Mas vou escrever
email.com, amamil.com. Então, agora vamos
registrar essa variável no console. Para registrar essa variável no console, escreverei o log do console e,
dentro desse log do console, escreverei o nome
dessa variável. O nome dessa
variável é e-mail, então vou digitar e-mail
aqui e clicar em Salvar para que possamos
dar uma olhada em nosso navegador. E, como você pode
ver, estamos recebendo esse valor variável de e-mail. Estamos obtendo o valor
dessa variável de e-mail. Portanto, há algumas restrições ao atribuir
o nome dessa variável As restrições são como se agora eu
quisesse escrever minha borda espacial. Assim, você pode dar um espaço ao atribuir
o nome de uma variável Se você fornecer um espaço,
receberá um erro. Vamos remover esse H e salvar essa
aparência do ena em nosso navegador, você verá que
estamos recebendo um erro. Por que estamos recebendo um erro? Porque damos um espaço ao atribuir o
nome de uma variável Você pode dar um espaço ao atribuir um nome à variável,
mas em vez
de dar um espaço, mas em vez
de dar um espaço, você pode usar maiúsculas e minúsculas KL.
O que é o KLCase A primeira letra
será em letra minúscula. E a segunda letra
será ou a segunda será a primeira letra em
maiúscula, assim. Este é o caso KL. Em vez de espaço, você
pode usar o estojo Camel. Agora vamos salvar evolu
em nosso rouser. Como você pode ver, nosso erro
é o motivo pelo qual estamos recebendo um erro, estamos recebendo um erro
porque eu escrevi H aqui, mas eu deveria escrever meu H, então vou digitar M e então o
H estará em alces assim Basta remover esse H, sim. Sim, então esse é o caso L. Você pode usar ou dar
espaço entre o nome. E mais uma restrição
é que você pode fornecer um número no início
da variável lin Como se eu quisesse dar um
número aqui, cinco aqui. Então, se você digitar um número
no início da linha variável,
você receberá um erro. Mas você pode usar o número em
algum lugar no meio, eu quero usar o número aqui. Então, assim, você
pode usar o número. Não estamos recebendo nenhum erro. Então, basta digitar cinco aqui e salvar e você verá que não
estamos recebendo nenhum erro. Mas se você digitar um número
no início, aí vou digitar um número no começo como este
quatro e depois salvar
aqui, então eu digito quatro e depois seguro e, basta dar uma olhada em nosso navegador, veremos um erro Qual é o erro, token inválido
ou inesperado? Então, isso é inválido.
Por que é inválido Porque não podemos usar um número na frente do nome de uma variável. Ou você pode ver que podemos usar o número no início
do nome da variável. Então, basta remover esse número, remova o número daqui também. E mais uma restrição é
que você pode usar Cs kewed aqui. Tipo, eu quero
criar uma variável. O nome da variável será deixado assim, você pode fazer. Se você deixar const,
receberá um erro. Como você pode ver, estamos
recebendo esse sublinhado vermelho. Isso mostra que
estamos recebendo um erro aqui, esses sublinhados vermelhos Então, vamos remover essa const
e digitar algo diferente. E você pode usar let também. Se você usar let, também
receberá esse erro e poderá até mesmo usar var. Portanto, se você usar var
, receberá esse erro. E além
dessas três coisas, quais são essas três coisas,
você pode dar um espaço, você pode fornecer um número na frente do nome
da variável ou no início do nome
da variável, e você pode usar o
nome da variável como const let ou var Então, vamos dar um nome
a essa variável. O nome será H ou
o nome será MH,
M e H. Então, essas são
variáveis em Javasc Vamos aprender sobre bens comuns
no próximo valor.
6. Tipos de dados: Agora vamos aprender sobre tipos de
dados primitivos em JavaScript. No total, existem sete tipos de dados
primitivos
em JavaScript. Eles são string, número booleano, nulo
indefinido,
símbolo e início Dos sete, esses dois foram introduzidos recentemente
pelo JavaScript, esse símbolo e início
foram introduzidos recentemente pelo JavaScript. Vamos aprender, um por um, quais são
esses tipos de dados e
o que eles fazem. Portanto, string string representa
uma sequência de caracteres. Significa que sempre que você quiser
atribuir um valor que seja caractere ou que
contenha texto, você precisa usar uma string como estivéssemos atribuindo um nome
a essa variável O nome é texto ou você usa caracteres para escrever um valor
como se estivéssemos escrevendo John aqui. Sempre que você estiver escrevendo
dados em formato de texto, dessa vez você precisará
usar uma string. Então, como definir uma string
para definir uma string, você pode usar uma vírgula
embutida dupla
ou uma única vírgula ou uma única Esta é uma vírgula dupla incorporada
e este é um único Ibdedm. Dentro dessa vírgula dupla
incorporada ou vírgula única incorporada, você pode digitar seu texto ou caracteres como eu
quero digitar John Agora vamos verificar o
tipo de dados dessa variável. Para verificar esse tipo de dados, você pode registrar
essa variável de nome no console, registrá-la no
console e vamos dar uma
olhada em Vamos abrir nosso navegador e aqui você pode ver
que estamos recebendo John. Mas para verificar o tipo de dados
dessa variável, você pode simplesmente anular Então, basta escrever o tipo
de tipo e depois dar um espaço. Agora estamos verificando o
tipo dessa variável de nome. Agora é só salvá-lo e dar
uma olhada no seu navegador. Então, como você pode ver,
estamos recebendo uma string aqui porque esse é um tipo de dados de
string. Então, agora vamos aprender
sobre o tipo de dados numéricos. tipo de dados numérico representa números inteiros
e de ponto
flutuante Assim, H é o inteiro 25 e esse é o número de
ponto flutuante Pi. Vamos registrar isso também no console CL e dentro
desse log do console, vou escrever o tipo de Pi. Então, vamos salvar e dar
uma olhada em nosso navegador. Como você pode ver, estamos
obtendo um número aqui porque os pontos flutuantes e esse número
inteiro são do tipo de dados numérico Agora vamos aprender sobre o tipo de dados
booleano. O que é o tipo de dados booleano? tipo de dados booleano representa um valor lógico, verdadeiro ou falso Por exemplo, se você quiser verificar se um usuário tem uma associação ativa ou não
, você pode retornar
verdadeiro ou falso. Se o usuário tiver uma associação
ativa, você
poderá retornar
true se o usuário inativo ou se o usuário não tiver uma associação
ativa, então você poderá retornar false Sempre que você retornar true, você executará
uma linha de código
e, se um usuário não
tiver uma associação, você executará outra
linha de código. Então, esse tipo de coisa que você
usará na declaração ISE, sempre que aprendermos
sobre a declaração FH, você entenderá
sobre booleano Agora você não entenderá muito
sobre booleanos, mas sempre que usarmos
a instrução ISE,
dessa vez
usaremos os valores booleanos, e aí você aprenderá
sobre O que é verdadeiro e
o que é falso e por que usamos esse valor verdadeiro
e falso. Vamos registrar isso no console também. CL e dentro desse log do console, escreverei type of e queremos verificar se
o tipo de está ativo. Vou escrever se está ativo e vamos salvar e dar
uma olhada em nosso navegador. Como você pode ver,
podemos ver Bolaner porque esse é um tipo de dados
booleano Agora vamos aprender sobre o tempo de dados
indefinido. Os dados de uma variável
foram declarados, mas não atribuídos a um
valor indefinido Como você pode ver aqui,
declaramos um valor, mas não atribuímos
um valor a essa variável. Portanto, esse tipo de variável
é conhecido como indefinido. E já registramos esse valor no
console. Se você fizer o check-in do seu rouser, verá que estamos
ficando indefinidos Portanto, esse é um tipo de dados indefinido. Agora vamos aprender sobre o tipo de dados
nulos. tipo de dados nulo representa a ausência intencional
de qualquer valor ou objeto que significa que estamos
definindo explicitamente um valor como
nada, como deixar vazio é
igual a como
nada, como deixar vazio é
igual Estamos definindo um valor dessa variável
vazia para nada. Então, sempre que você quiser definir o valor de
uma variável para nada,
você escreverá null Vamos verificar o tipo de dados
nulo para verificar o tipo de dados, basta escrever o tipo de
e depois esvaziar Salve e dê uma olhada
no seu navegador, você pode ver o objeto aqui porque null está no tipo de dados do
objeto Então, agora vamos aprender sobre o símbolo. O símbolo representa um valor único
e imutável frequentemente usado como chaves de objeto Você não usará muito
esse
símbolo relativo e
entenderá sobre o símbolo relativo
quando aprender sobre react ou qualquer estrutura de
JavaScript. Mas também vou explicar o
que é símbolo relativo. Podemos usar esse símbolo relativo para proteger nosso site contra invasores, pois podemos
transferir valores de símbolos no APA Agora você não
entenderá sobre API, então é por isso que posso explicar o
que é símbolo. Por enquanto, você pode simplesmente entender símbolo é um valor único
e imutável E o último tipo de dados é começar. Begind significa
número inteiro grande e isso representa números inteiros maiores
que o número máximo de pontos Esse é um método JavaScript
e esse tipo de número com N no final é definido
como tipo de dados big int Vamos registrar isso também no console registro
do console começa, não
começa, número grande. Queremos
registrar essa variável no console, então basta copiá-la e colá-la aqui. Para verificar o tipo de, você
pode escrever o tipo de e dar um espaço, salvar e dar uma
olhada no seu navegador. Como você pode ver, estamos
ficando grandes aqui. Então, esses são alguns
tipos de dados de JavaScript. Você pode postar esse vídeo e dar uma olhada nesses tipos de dados. Vamos usar muito
esse tipo de
dados
booleano e indefinido de número de string ao
criar lógicas ou ao
criar qualquer tipo criar lógicas ou ao
criar qualquer Então, vamos aprender sobre
operadores no próximo vídeo.
7. Operadores aritméticos: Então, vamos aprender sobre operadores
aritméticos
e operadores de atribuição Portanto, os operadores aritméticos são operadores matemáticos
básicos, operadores matemáticos
básicos, como multiplicação por
divisão positiva e negativa Então, vamos usar esses
operadores aritméticos em nosso código. Então, agora o que eu quero fazer é usar esse
operador aritmético com essas exemplo, se eu quiser adicionar, usarei esse operador aritmético positivo com a variável A mais a variável B. Então, para fazer isso, vou fazer o console
lo e dentro do console Eu quero dois mais ou eu quero adicionar A e B significa o valor de
A e V. Então, para fazer isso, vou escrever A e então
o operador aritmético,
o operador aritmético dois mais
é esse símbolo de mais e depois B.
Agora vamos salvar e dar uma olhada Então, estamos recebendo 15 aqui. Por que estamos recebendo 15?
Porque dez mais cinco é 15. Agora vamos fazer a subtração. Para fazer isso, vou apenas
copiar e colar isso e
usar esse símbolo de menos para fazer
a subtração e, em
seguida, para multiplicação, você pode usar esse Então, vamos fazer uma pausa e
usar esse símbolo de estrela. Agora estamos multiplicando
dez em cinco. E para divisão, você pode
usar esse símbolo de barra. Então, agora estamos dividindo 10/5. Se você quiser encontrar a potência de algum valor, se quiser
encontrar a potência de dez, ou se quiser encontrar
o quadrado de dez,
então você pode escrever dez
multiplicado, isso significa dois
símbolos de multiplicação e, em seguida, dar dois algum valor, se quiser
encontrar a potência de dez,
ou se quiser encontrar
o quadrado de dez,
então você pode escrever dez
multiplicado, isso significa
dois
símbolos de multiplicação e, em seguida, dar dois.
Por que estamos
escrevendo dois aqui? Porque queremos
determinar que o quadrado de dez significa dez em dez, assim dez em dez. E se você quiser encontrar
o cubo dessa dezena, então você pode escrever três aqui Então, quando você escreve três aqui, é encontrar dez em
dez em dez. Assim. Se você escrever quatro aqui
, agora estamos multiplicando dez em dez em
dez, quatro vezes assim Então, vamos remover isso e
dar uma olhada em nosso navegador. E isso é conhecido
como exponenciação. Vamos salvar isso e eu olho em nosso navegador para que, como você possa ver, estamos obtendo dez elevado
a quatro, que é 1100000010000 E se você quiser
encontrar esse quadrado, basta digitar dois, e agora obteremos
esse quadrado de dez. Então, vamos dar uma olhada
em nosso navegador,
obtemos esse quadrado
de dez, que é 100 E mais um
operador étnico está lá, que é módulo,
módulo é isso Vou apenas colar isso e este
é o símbolo do módulo,
vamos salvar isso e dar
uma olhada em nosso navegador Então, agora estamos obtendo zero. Por que estamos recebendo zero?
Porque o módulo é um lembrete Agora, se você quiser dividir 10/3. Então vamos conseguir um. Vamos salvar isso e evoluir em nosso navegador,
então estamos comprando um Por que estamos comprando
um? Porque se você dividir dez por três,
o lembrete será um É por isso que estamos
comprando um aqui. Portanto, o módulo é usado para
encontrar o lembrete. Então esse é o operador
aritmético. Agora vamos aprender sobre operadores de
atribuição. Então, os operadores de atribuição
são assim mais igual a dez ou menos igual ou
dez mais então esses tipos Então, o que esses
operadores de atribuição fazem, como se você quiser
adicionar dez a esse valor, ou se quiser adicionar
20 a esse valor
, o que você fará é
digitar A mais 20 Mas se você estiver usando operadores
de atribuição, basta escrever A
mais igual Vamos fazer
um Consolog de A, CL e depois A.
Então, como você pode ver,
estamos recebendo 30 aqui Então, como você pode ver,
estamos recebendo 30 Porque estamos
adicionando dez com 20. Agora, se você quiser
adicionar um a esse valor, basta
digitar A mais mais. Agora você receberá dez mais um. Vamos salvar esse
evolu no navegador. Então, agora estamos recebendo 31. Por que estamos recebendo 31?
Porque A mais igual a 20 é 30 e 30
mais um é Agora vamos remover isso e agora obteremos 11 porque agora o
valor de A é dez. Então, vamos salvar essa
evolução em nosso navegador, então estamos recebendo 11 aqui E se você quiser menos um, então você pode fazer A menos menos menos Vamos remover isso e
ganharemos nosso navegador, agora obteremos
nove porque estamos subtraindo um com Então, esses são alguns
dos operadores que vamos usar
no código JavaScript, e esse A
menos A mais e
depois A mais é igual a mais é igual a dez ou
qualquer valor. Vamos usar muito esse tipo de operador em JavaScript, então você precisa saber o que
esses operadores estão fazendo. Se você quiser
entender como isso está funcionando nos bastidores
, eu vou te mostrar. Se você quiser saber
como isso está funcionando, é como dizer que A
é igual a A mais dez Em vez de escrever
As igual a A mais dez, podemos simplesmente escrever A
mais igual a dez
ou A menos igual a 20 Agora, em vez de escrever
como igual a A -20, podemos simplesmente escrever A
menos igual a Ou você também pode escrever esse símbolo
de multiplicação. Agora estamos apenas
multiplicando o valor de A 20 significa que o
valor de A é dez, agora estamos multiplicando Esses são alguns dos
operadores que vamos usar
ao escrever código
JavaScript, e esse A menos A mais A
mais é igual a dez, esse tipo de operador de atribuição Então, entenda
como isso funciona. E esses operadores
você vai usar muito.
8. Concatinação: Agora vamos aprender sobre a concatenação
de strings. O que é concatenação de strings? concatenação de strings
é o processo de combinar várias strings
em uma única, usando o operador plus ou
usando as Primeiro, aprenderemos sobre como concatenar strings
usando o operador plus, depois aprenderemos sobre como
concatenar concatenar Agora vamos concatenar
essas duas variáveis,
perder essas duas strings, então como fazer isso Para fazer isso, criarei
mais uma variável para combinar o valor dessas duas cadeias e torná-las uma única string Vou criar uma variável e o nome da variável
será nome completo. E o nome completo será o
primeiro nome com o sobrenome. Vou escrever o primeiro nome e, para concatenar esse
nome com o sobrenome, posso simplesmente usar esse
operador de adição e escrever Se eu salvar isso,
agora eu não vou salvar, eu vou armazenar isso
e depois vou Vou registrar esse nome completo no Csolog, depois vou salvá-lo e
visualizá-lo no navegador Vou apenas conectar o nome do meu arquivo,
então o nome do arquivo
é concatenação Vamos salvar isso, abrir nosso
navegador e recarregá-lo. Antes de recarregar,
você pode ver que estamos vendo John Domains Nosso nome e
sobrenome estão concatenados, mas não há
espaço Como você pode ver, não
há espaço no meio. Para criar um espaço intermediário, você pode usar outro operador de
adição. Basta usar este
operador plus e dar espaço e dar um
espaço a partir daqui também. Estou apenas dando
espaço deste lado
e decido fazer com que pareça um pouco mais bonito.
Dentro desse símbolo de dois pontos positivos, o que eu
quero fazer é criar um espaço Para criar um espaço,
basta digitar double embeded. Dentro dessa vírgula dupla
incorporada, você pode dar espaço, salvá-lo e dar uma
olhada no navegador Agora, como você pode ver,
estamos obtendo um espaço entre esse
nome e sobrenome. É assim que reunimos
várias strings em uma string usando
o operador plus Mas agora vamos entender por que
usamos modelos literais. Quero que o console registre algo. Vou apenas escrever o log de pontos do console. Dentro desse log do console, vou digitar um código. Para escrever código, escreverei código QT e o código
será algum tipo de código. Vou escrever um código. Mas, como você sabe, sempre escrevemos aspas dentro de uma vírgula dupla
embutida, vou abrir a vírgula dupla
embutida aqui e nesta
dupla embutida aqui Mas, como você pode ver agora,
estamos recebendo um erro aqui. Por que estamos recebendo um erro,
estamos recebendo um erro porque estamos abrindo essa vírgula dupla
embutida aqui e fechando-a aqui Isso está causando algum erro porque não podemos usar esse duplo invertido dentro dessa string
ou dentro desse texto Como se livrar desse problema, podemos usar apenas uma única embutida em vez de uma vírgula
dupla incorporada Então, agora podemos nos
livrar desse problema, mas há outro problema, eu quero escrever alguns
textos como don't DON
e, em seguida, uma única
vírgula convidada N T. Agora, novamente, estamos recebendo um erro aqui Então, como lidar com esse erro
Para lidar com esse erro, basta digitar barra Aqui você pode digitar
essa barra e o problema será resolvido Mas em vez de
digitar esse tipo de barra e usar
a única vírgula incorporada, podemos usar o Batis.
O que é o Bactix Isso é conhecido como
Bactix, essa coisa. Onde você encontrará esse tipo
de Baptis em seu teclado. Em seu teclado, você
encontrará esse Baptis abaixo da tecla escape ou acima da tecla de fita ou
à esquerda de um número Baptikeys abaixo da
tecla escape e acima da tecla de digitação, que está no canto superior esquerdo Você pode encontrar essa tecla abaixo dessa tecla de escape ou
acima da tecla de toque. Se você usa dados temporários,
nosso problema está resolvido. Agora você não precisa
escrever menos para frente, você pode simplesmente remover
isso para frente, e agora nosso problema está resolvido, mas usamos dados de modelo
para outra coisa Se você quiser injetar
esse valor variável dentro dessa string
, podemos usar detalhes
temporários Vamos aprender como injetar o valor
dessas variáveis
dentro da variável Vou remover esse
texto e vou escrever alguns textos diferentes,
como vou escrever, olá, meu nome ou vou escrever
meu primeiro nome e depois. Qual deve ser meu primeiro nome? Meu primeiro nome deve ser o valor
dessa variável. Como injetar o
valor dessa variável dentro dessa string? Para injetar o
valor dessa variável dentro dessa string, você pode usar reais tentados. Os reais tentadores do modelo de água são apenas este
símbolo de dólar e colchetes encaracolados Dentro desse colchete, queremos o valor de John, então podemos simplesmente escrever
o nome da variável O nome da variável é o primeiro nome, basta escrever o primeiro nome aqui e
, para injetar o
sobrenome, escreverei, olá, meu primeiro nome é esse
e depois e meu sobrenome é agora eu quero
injetar essa Para injetar essa variável,
copiarei esse N, criarei o símbolo $1 ou
então posso dizer que criarei um modelo de mostradores para
criar um modelo de mostradores, digitarei o símbolo do dólar e
o símbolo do dólar e dentro desse colchete
Carli criarei o símbolo $1 ou
então posso dizer que criarei um modelo de mostradores para
criar
um modelo de mostradores,
digitarei o símbolo do dólar e
o símbolo do dólar e o colchete Carli e dentro desse colchete
Carli. Vou escrever o
nome da variável do valor. Eu quero fazer esse valor, então eu tenho que escrever o nome da
variável desse valor, que é o sobrenome, Control V. Agora vamos salvar e dar
uma olhada em nosso navegador. Como você pode ver,
estamos recebendo Olá, meu primeiro nome é John
e o sobrenome é Doe. É por isso que usamos o template DaterLso você pode dizer que é por
isso que usamos Isso é acti e esses
são dados temporários. Se quiser usar
detalhes temporários dentro de uma string, você pode usar
detalhes temporários sem o Baptis Se você quiser usar detalhes
temporários sem actis, você receberá um erro Eu quero
usá-los dentro da vírgula Debedded Vou digitar a
vírgula incorporada aqui,
salvá-la e vamos dar uma
olhada em Como você pode ver, estamos
recebendo um erro aqui. Não estamos recebendo
erros, mas
não estamos recebendo nenhum tipo
de valor aqui. Então, para obter valor ou
se você estiver usando tablet literal, você
precisa usar o Bactis Remova essa dupla
invertida e adicione o Bactis em vez da vírgula
dupla São literais temporais, Bactis e Espero que você tenha entendido
isso corretamente. Agora vamos aprender
sobre alguns
tópicos diferentes no próximo vídeo.
9. Matriz: Vamos aprender sobre a
matriz neste vídeo. Então, o que é matriz? Usando array, podemos armazenar vários
valores em uma variável. Então, até então, estávamos armazenando apenas um valor ou um único
valor em uma variável, mas usando RRaa, podemos armazenar vários valores em
uma Vamos criar uma variável, para que o nome da variável
deixe ARR e seja igual Vou dar esse valor variável,
um valor único como Tila,
o que estávamos fazendo, esse tipo de valor que eu
quero dar aqui Vou digitar um número. O valor dessa variável
ARR é 256. Então, vamos
registrar essa variável no console. Então, CLN ARR. Agora vamos salvar e dar
uma olhada em nosso navegador. Então, como você pode ver, estamos
recebendo 256 em nossa guia do console. E agora, se eu quiser armazenar outro número nessa variável, darei uma vírgula e armazenarei
outro número como 67, salvarei e darei uma
olhada em nosso navegador Então você pode ver que temos um
erro nesta guia do console. Então, por que
recebemos um erro, temos um erro porque podemos armazenar vários valores
dentro de uma variável. Mas se você quiser
armazenar vários valores dentro de uma variável,
você pode usar array. Remova esses números
e crie uma matriz. O nome da matriz significa que o nome da
variável será diferente porque eu quero
armazenar vários nomes de frutas, então escreverei que o nome da
variável será fruits, FR ITs fruits. E para criar uma matriz, você precisa usar esses
colchetes. Esses colchetes
são conhecidos como matriz. Dentro dos colchetes, você pode armazenar vários valores Então, o que eu quero fazer é
armazenar vários nomes de frutas. Então, para armazenar vários nomes de frutas, posso entrar nessa matriz
e, dentro dessa matriz, digitar o nome de várias
frutas, como maçã, banana, tipo solo, maçã. Em seguida, forneça uma vírgula e digite outro nome de fruta ou
digite outro valor Outro nome de comida
será banana. Vamos adicionar mais um nome de comida, outro nome de fruta
será cereja Isso é matriz e
dentro dessa matriz, estamos armazenando vários valores. Vamos consolar essa
variável de frutas e vamos
evoluir em nosso navegador Para consolar essa variável de frutas, vou apenas gostar de frutas e salvar
essa evolução em nosso navegador Como você pode ver, estamos obtendo uma matriz e dentro dessa matriz, estamos obtendo três variáveis. Vamos expandir essa matriz e você pode ver que é uma matriz escrita
dentro desse protótipo Isso significa que isso é matriz. E você pode ver que
temos três valores, maçã, banana e cereja. Mas quando tentamos
armazenar vários valores sem matriz,
estávamos recebendo um erro. Mas agora, quando estamos armazenando
vários valores usando array, não
estamos recebendo nenhum erro. Então, agora vamos aprender como acessar um único valor
dessa matriz. Tipo, eu quero acessar essa banana a partir dessa
matriz, então como fazer isso. Então, para fazer isso, você
pode simplesmente escrever frutas porque eu quero acessar o
elemento dessa matriz. Esses valores são conhecidos como
elementos dentro da matriz. Como Tila, estávamos
dizendo que isso é um valor, mas isso não é valor,
são elementos Eu quero acessar
esse segundo elemento partir dessa matriz, o que
vou fazer é escrever
a matriz aqui e, vou fazer é escrever
a matriz aqui e seguida, criar um valor quadrado
dentro dessa matriz
quadrada. Eu tenho que fornecer o número do índice desse
elemento que eu quero acessar Como se eu
quisesse acessar esse segundo elemento. Para acessar o segundo elemento, você precisa digitar o
número do índice do segundo elemento. Qual é o número
de índice do segundo elemento? O número do índice do
segundo elemento será um. Por que será um?
Será um porque o JavaScrem começa a
contar O número do índice desse
primeiro elemento será zero. Então será um,
depois serão dois, e
vai continuar assim. 01, dois, três, quatro, cinco, seis. O principal aqui
é que o fluxo Java começa a contar a partir de zero. Portanto, se você quiser acessar
esse segundo elemento, precisará digitar um.
Por que temos que digitar um? Como esse é um
número de índice zero, significa que esse valor ou esse elemento está em número de
índice zero e, em seguida, isso está em um e
esse em dois. Então, para acessar o segundo elemento, vou digitar um e
dar igual Não, vai para o console,
registrarei esta fruta. Vou copiar esse log de remove this e do console e
dentro desse log do console, vou digitar frutas e o que eu quero acessar dessa matriz
de frutas, quero acessar o segundo elemento dessa matriz de frutas. Vou salvar isso e dar uma olhada em
nosso navegador, como você pode ver, estamos comprando uma banana aqui porque a banana é o segundo
elemento em nossa matriz Agora, se você quiser
acessar o primeiro elemento da matriz, o que você
fará? Para acessar o primeiro
elemento da matriz, precisamos apenas
escrever a matriz e finalmente, a RAM é
fruta, então vou escrever E crie esses colchetes e insira os colchetes, pois eu quero acessar
esse primeiro elemento Então, o número do índice do
primeiro elemento é zero, então vou digitar zero aqui e salvar isso e, novamente,
abrir o navegador. E como você pode ver,
estamos recebendo a Apple aqui, que é o primeiro
elemento da matriz. Agora, se você quiser
acessar o último elemento dessa matriz, significa o
terceiro elemento dessa matriz, o que você fará é
apenas o tempo zero, um, dois. Então, para acessar esse elemento, você precisa digitar dois aqui. Então, vou copiar e
colar, controlar, copiar e colar aqui
e digitar dois aqui. Por que estou digitando para
porque eu quero acessar esse terceiro
elemento da matriz Então, vamos salvar essa
voluta em nosso navegador. Então, como você pode ver,
estamos trazendo ela aqui, que é o terceiro
elemento da matriz. Então, agora vamos aprender como alterar o
valor de um único elemento dessa matriz. Tipo, eu quero
mudar o valor
dessa maçã para laranja.
Então, como fazer isso. Para fazer isso, vou apenas selecionar
esta maçã para selecionar esta maçã . Tenho que
digitar o nome da matriz,
o nome da matriz é frutas e
apenas criar colchetes,
não colchetes, criar
os colchetes e
dentro desses colchetes Como você deseja alterar o
valor desse primeiro elemento
, você deve escrever o número do índice
desse primeiro elemento, o número do índice desse
primeiro elemento é zero. Então digite zero aqui,
depois dê igual
a então, pois
queremos alterar o valor
desta maçã para laranja, então eu vou digitar laranja aqui e controlar o
registro dessas frutas, copiar isso daqui e remover
isso e colar aqui,
Controle V, e salvar isso e dar uma
olhada em nosso navegador Então, como você pode ver, agora estamos comprando laranja em vez de maçã. Então é assim que
acessamos o elemento
dessa matriz e alteramos o valor
desse elemento. Então, agora vamos aprender sobre alguns
dos métodos básicos de matriz
que
usaremos em nossa vida diária ao criar um projeto
JavaScript, não na vida diária, mas
quando você estiver criando um projeto JavaScript ou fazendo
qualquer coisa com JavaScript, você estará usando esse
tipo de método de matriz. Portanto, os métodos de matriz que vamos aprender
são pus,
pop, sift e unsit Então, para fazer isso, vou criar uma variável para aprender o que significa aprender
sobre esses métodos, vou criar uma
variável separada ou uma matriz separada. O nome da matriz será números. É igual a dois e basta
digitar alguns números aqui, um, dois, três, quatro e Agora vamos aprender
sobre o método push. Por que usamos o método push? Usamos o método push para adicionar um valor no
final da matriz. Eu quero adicionar seis
no final da matriz. O que vou
fazer é usar o método push. Escreva o
nome dessa variável, não o nome da variável, você tem que escrever
essa matriz, então escrever esse acrônimo dentro dessa matriz
significa dentro dessa matriz significa O que eu quero fazer é adicionar um novo valor no
final da matriz. Então, basta escrever push,
isso significa que eu quero colocar um novo valor dentro dessa matriz no
final dessa matriz. O que eu quero colocar
no final dessa matriz, eu quero inserir seis
no final dessa matriz, então vou digitar
seis aqui e salvar
isso e esse registro do console são números,
registro console e dentro desse registro do console,
vou digitar números. Vamos guardar isso e eu
vou dar uma olhada em nossa calça. Como você pode ver, estamos obtendo uma matriz e no
final dessa matriz, esses seis estão sendo adicionados. Agora vamos aprender sobre
outro método de matriz, que é unspd Por que usamos o método unsid? Usamos o método unsid para adicionar um valor no
início da matriz Como se eu quisesse adicionar zero
no início dessa matriz. Então, o que vou fazer é
criar esse método unsid. Selecionarei essa matriz numérica e, dentro dessa matriz numérica, digitarei unsifd e,
dentro dos colchetes, digitarei o valor
que desejo adicionar no início dessa Então, o valor que eu quero adicionar no início
dessa matriz é zero, então vou digitar zero aqui e
compartilhar isso em nosso navegador. Então, como você pode ver, zero foi colocado no início
dessa matriz Agora, e se você quiser
remover o último elemento
dessa matriz? Então, para remover o último
elemento dessa matriz, você precisa usar o método Pop. Então, basta escrever números
e digitar dot Pop criar esses colchetes e fechar isso e eu vou
dar uma olhada em nosso navegador Então, nosso último método, nosso último não método, nosso último elemento
será removido. Nosso último elemento foi seis e o seis foi
removido dessa matriz. Agora, e se você quiser remover o primeiro elemento
dessa matriz? Então, qual é o nosso primeiro elemento? Nosso primeiro elemento é zero, e eu quero remover esse
primeiro elemento da matriz. Então, para fazer isso, eu posso
usar outro método. O nome do método é shift. Então, basta escrever números, ponto, Sift. Isso removerá o primeiro
elemento da matriz. Basta salvar isso e eu
ganharei nosso navegador. Nosso primeiro elemento dessa
matriz foi removido.
10. Operadores lógicos: Vamos aprender sobre operadores de
comparação e operadores lógicos
neste vídeo. Por que usamos operadores de comparação, usamos
operadores de comparação para comparar dois valores e, com
base nessa comparação, esses operadores retornarão valores
verdadeiros e falsos. Então, esses são alguns dos operadores de
comparação que obtemos em JavaScript. Vamos aprender, um por um, o que são
esses operadores de comparação e o que esses operadores de
comparação fazem. Portanto, o primeiro operador de comparação é igual ao operador de comparação. Então, para aprender sobre
esses operadores, usarei a guia Console para abrir minha consulta. Abrirei meu navegador e,
dentro desse navegador, clicarei em F 12. Então, como você pode ver, meu
tipo de console já está aberto. Agora vamos aprender sobre o operador igual
ao de comparação. Então, o que esse operador igual a
comparação faz é considerar que os dois
valores são iguais ou não. Se os dois valores forem iguais, obteremos dois e, se um dos valores não for o mesmo,
obteremos falso. Por exemplo, vou comparar cinco
é igual a cinco. Então, o que eu deveria obter,
eu deveria obter
dois porque os dois valores são iguais.
Como você pode ver, eu tenho dois. Mas se eu escrever que quatro
é igual a cinco
, ficarei falso porque
os dois valores
não são semelhantes ou os dois
valores não são Agora vamos aprender sobre
outro operador de comparação, que é triplo igual a, e esse operador de comparação é conhecido
como
operador estritamente igual Esse operador estrito igual à
comparação é igual a esse operador igual
à comparação, mas isso é igual ao operador de
comparação que
verificará se o valor e os tipos de
dados são exemplo, se eu escrevesse que cinco é
igual à string cinco
, eu ficaria falso
porque isso é igual ao operador de
comparação que verificará os valores e o tipo de dados se eu digitar cinco é
igual a uma string, e dentro da string,
eu digitarei Agora eu vou ficar falso.
Por que eu fui falso? Eu obtive false porque
os valores são os mesmos, mas os tipos de dados não são os Mas se eu fizer o mesmo
com esse duplo igual a CMarigonOptor,
então Vou escrever cinco é o
dobro de, string e dentro dessa
string, vou digitar Como você pode ver, eu me tornei verdade. Por que eu me tornei verdade, eu entendi
porque esse orbitador de
comparação duplo igual apenas
compara os valores, não os tipos de dados,
mas isso é igual ao orbitador de
comparação que comparará
o valor e os Se eu comparar os mesmos
tipos de dados, serei verdadeiro. Vou comparar cinco
é igual a cinco. Agora vou ser verdade porque
esse é o tipo de dados numéricos e esse é o tipo de dados numéricos. Se eu digitar a string cinco é
igual à string cinco
, também serei verdadeiro porque o tipo de dados e
os valores são Agora vamos aprender que isso não é igual aos operadores de
comparação O que não é igual ao
operador de comparação fará é verificar se os valores
são iguais ou Se os valores forem iguais,
ele retornará falso e se os
valores forem diferentes ou se os valores não forem iguais a outro valor,
obteremos verdadeiro Dentro do meu Io consultivo, o tipo dois não é igual a três, então eu vou dizer verdade porque isso verificará se o valor não
é igual ou não Como se o tipo dois não fosse
igual a três. Agora vou ser verdade porque
três não é igual a dois. Mas se eu escrever que cinco
não é igual a cinco, então vou ficar falso porque
cinco é igual Vou escrever que cinco
não é igual a cinco. Agora, como você pode ver, eu errei porque cinco é igual a Agora vamos aprender sobre esse operador comparação que
não é o dobro Esse duplo igual ao operador de
comparação verificará tipo de dados
da mesma forma que esse triplo igual ao de
comparação Então, vou escrever que cinco
não é igual a, string cinco. Se eu verificar que cinco não é
igual à sequência cinco, então eu serei verdadeiro Por que eu vou ser verdade? Porque
isso verificará os dados. Vou escrever que cinco é o dobro
da sequência cinco. Agora, o que eu deveria
pegar, vou pegar cinco, vou digitar dentro
da string cinco. Como você pode ver, eu me tornei
verdadeiro, por que me tornei verdadeiro? Eu me tornei verdade porque
os valores são iguais, mas os tipos de dados não são os mesmos. Mas se eu fizer o mesmo com esse único operador igual ou não
igual a comparação, obterei falso.
Vamos fazer isso. Eu farei que cinco não é o
dobro igual a, não o dobro é igual a,
quero comparar com o simples igual a, então cinco não é igual a. Dentro disso, eu vou às cinco. Então, algum erro ocorreu aqui. Por que o erro
ocorreu? Porque eu escrevi cinco fora da string, então eu escrevo corretamente. Então, cinco não é igual a, e então dentro dessa
string, eu vou digitar Então, agora o que eu deveria
obter, eu deveria ser falso. Então, agora vamos aprender sobre
outro operador de comparação. Então, outro
operador de comparação é maior que menor do que isso
é maior do que igual a, e isso é menor do que igual a. Então, espero que você já saiba o que esse
operador maior que comparação fará, o que esse operador menor que
comparação fará. Então, também vamos
aprender o que esse operador
maior que e esse
menor que fará. Portanto, o
operador maior que verificará se o número é
maior que ou não. Se eu considerar que cinco é
maior que três, agora
o que eu deveria obter, eu deveria ser verdadeiro,
por que eu me tornei verdadeiro, eu me tornei verdadeiro porque cinco
é maior que três. Mas se eu escrever cinco ou se eu escrever que três é
maior que cinco, então vou ficar falso porque três não é maior que cinco. Agora vamos fazer o mesmo com esse operador menor que
comparação. Agora, o que vou verificar é que
três é menor que cinco. Agora, o que eu deveria
obter, eu deveria ter dois porque três
é menor que cinco. Como você pode ver, eu tenho dois,
então isso é maior que, e isso é menor que o operador de
comparação. Agora vamos aprender sobre maior que igual a dois e
menor que igual Maior que igual a dois
verificará se o número é
maior ou igual
ao valor comparado exemplo, se eu escrever que cinco é
maior ou igual a cinco, então eu serei verdadeiro porque
cinco não é maior que cinco,
mas cinco é igual Agora vamos fazer o mesmo com
isso menor ou igual a dois. Escreverei que quatro é
menor ou igual a quatro, depois obtenho dois porque
quatro não é menor que quatro,
mas quatro é igual a quatro Então isso é maior que, e isso é menor que o operador de
comparação. Agora vamos aprender sobre
outro operador de comparação. Não há mais nenhum operador
de comparação restante. Então, agora vamos aprender sobre operadores
lógicos. Aprenderemos sobre esse operador lógico
e lógico ou. O que esse
operador final lógico fará, esse operador final lógico
verificará se as duas
condições são verdadeiras ou não. Vou digitar cinco é igual a cinco e cinco vou escrever cinco é igual a
cinco e depois vou escrever, então operador lógico
é
que você tem que digitar esse símbolo duas vezes e depois escrever outra condição Vou escrever que seis é igual a seis. Agora vou entender
por que vou me tornar verdade, vou me tornar verdade porque essa
condição e essa condição, ambas as condições, são verdadeiras.
É por isso que eu me tornei verdadeiro. Mas se uma das duas condições for falsa, eu ficarei falsa. Por exemplo, eu digitaria quatro
é igual a três
e, em seguida, criarei
esse final lógico Para criar esse final lógico, tenho que digitar end
duas vezes e agora vou escrever cinco
é igual a Cinco é igual a cinco. Agora eu fiquei falso,
por que eu fui falso? Eu me enganei porque uma
das condições não é verdadeira. Portanto, essa condição não é verdadeira. É por isso que eu falhei. Esse é um operador lógico. Agora vamos aprender sobre
lógica ou operador. O que essa lógica ou
operador
fará é saber se uma das
condições é verdadeira ou não. se você escrever o mesmo
com esse operador ou lógico, obtemos verdade, por que
seremos verdadeiros? Porque essa afirmação ou
condição é falsa, mas essa condição é verdadeira. Então, apenas uma das
duas condições seria verdadeira, então
nós seremos verdadeiras. Vou escrever seis
é igual a seis, e então escreverei isso
ou operador para escrever
isso ou operador, você tem que usar esse
símbolo e depois escrever seis é igual Então, como você pode ver, eu me tornei
verdadeiro. Por que eu me tornei verdade? Eu me tornei verdade porque uma das
duas condições é verdadeira. Então essa condição é verdadeira
e essa condição é falsa, mas como uma dessas duas
condições é verdadeira, eu me tornei verdadeira. Essa é a diferença entre enlógico e operador
orlógico Um operador lógico
verificará se as duas condições
comparadas são verdadeiras ou não, e esse
operador orlógico verificará se uma das duas condições comparadas deve ser verdadeira Se ambas as condições forem verdadeiras, também seremos verdadeiras
ao usar esse operador or. Vou digitar seis é igual a seis e vou usar esse
operador ou e vou escrever
seis é igual a seis Agora também vou me tornar realidade. Vou escrever que seis
é igual a seis. Como você pode ver, agora eu
entendi como verdadeiro porque este operador verificará porque
este ou o operador deseja, apenas uma das duas
condições seria verdadeira ou ambas as
condições seriam verdadeiras, então obteremos a
verdade conforme está escrito. Isso é lógico ou operador, e isso é operador lógico. Aprenderemos sobre esse operador lógico de
aceno posteriormente. Agora é isso para este vídeo. Agora, vamos aprender sobre
outro tópico a seguir.
11. Função: Neste vídeo, vamos
aprender sobre a função. O que é função? As funções em JavaScript são
blocos de código reutilizáveis Projetados para realizar
uma tarefa específica, eles ajudam a organizar o código
e reduzir a repetição Dentro da função, podemos
escrever um bloco de código e
podemos reutilizar esse bloco de código apenas chamando o nome
da função E podemos reutilizar esse bloco
de código
quantas vezes quisermos,
apenas chamando o nome
da função Agora vamos ver como
declarar uma função. Para declarar uma função,
basta usar uma palavra-chave de função para
escrever a função E depois de escrever
essa função kod, você precisa dar um nome a essa
função Vou dar a essa função o nome
de grão. O nome pode ser
qualquer coisa. Você pode dar qualquer nome a essa função, mas eu estou dando coragem aqui. Agora, depois de escrever
o nome da função, você precisa criar
um parêntese Parênteses significam os colchetes. Portanto, esses colchetes são conhecidos como parênteses. Depois de fornecer
esse parêntese, você deve criar
um colchete
e, dentro desses colchetes ,
você escreverá o bloco de código que deseja reutilizar você escreverá o bloco de código que deseja reutilizar parênteses. Depois de fornecer
esse parêntese,
você deve criar
um colchete
e, dentro desses colchetes,
você escreverá o bloco de código que deseja reutilizar. Agora vamos escrever um código. Por enquanto, vou apenas escrever o log
do console e, dentro desse log do console,
tipo Il, isso é função. Isso é função. Esse
log do console é nosso bloco de código. Agora, se você
quiser usar esse bloco de código dentro da função, basta chamar
o nome da função. Para chamar o nome da função, você precisa escrever o
nome dessa função. Qual é o nome
dessa função? O nome dessa
função é grit,
escreva grit e dê
esse Então é assim que
chamamos uma função. Agora vamos salvar e dar
uma olhada em nosso navegador. Vou abrir meu índice com o arquivo
HTML e clicar botão
direito do mouse e clicar em
Abrir com o Live Server, e clicarei em F 12 para abrir meu toque de console e
clicarei em F cinco para recarregá-lo Como você pode ver, estamos
entendendo que essa é a função. Isso significa que nossa função
está funcionando corretamente. Agora, se você quiser
reutilizar o bloco de código dentro dessa
função de grade, o que você faz? Você apenas se lembrará do nome
dessa função. Como se eu quisesse reutilizar esse
bloco de código três vezes. Vou escrever o
nome da função três vezes. Vou copiar e
colar duas vezes. Agora, obteremos esse bloco
de código três vezes. Vamos salvar e evoluir nosso navegador como você pode ver nesta dica do console,
estamos recebendo
essa função significa que o bloco de código
está sendo executado Se você quiser usar esse
bloco de código cinco vezes, basta escrever o nome dessa
função cinco vezes. Vamos salvar um rouser evoluonar,
então agora nosso bloco de código
está sendo executado Significa que agora nossa função
está sendo executada cinco vezes. Agora vamos aprender sobre argumentos e parâmetros
dentro da função. O argumento e os parâmetros são
como variáveis no
valor da variável. Então, dentro desse parêntese, você fornecerá o parâmetro e dentro desse parêntese,
você fornecerá Portanto, o parâmetro será
o nome da variável e o argumento será o
valor desse parâmetro. Então, vou apenas passar o nome dentro desse parâmetro, então
vou escrever o nome. E vou definir o valor desse nome dentro
do argumento. O valor desse
nome será John. John estará dentro da string, então eu criarei essa vírgula
dupla embutida
e dentro dessa vírgula dupla
embutida, escreverei John, JOHN Vou apenas usar esse parâmetro de
nome dentro deste log do console que, dentro
dessa função, para usar isso, eu apenas concateno
essa variável Use este símbolo de adição
e escreva o nome. E vou escrever que meu nome é John. Vou escrever meu nome, depois vou criar um espaço aqui e vamos salvar e dar uma
olhada em nosso navegador. Agora, como você pode ver, estamos
recebendo meu nome é John. Isso são parâmetros
e isso é argumento. Você pode criar uma função
dentro de uma variável. Para criar uma função
dentro da variável, basta
escrever const ou var Vou escrever const e agora você tem que escrever
o nome da função O nome da função
será multiplicado. E dê igual a, e agora apenas escrever a palavra-chave da função
significa apenas escrever Agora você não precisa
escrever o nome da função. Por que você não precisa
escrever o nome da função? Porque o nome da função já
está definido aqui. O nome da função é multiplicar. Agora, basta colocar esse parêntese e, fora dos parênteses,
criar esses
colchetes e, dentro dos parênteses o bloco de código Agora, eu só quero
multiplicar A em B. Vou escrever A
multiplicado por B. Agora, como passar o valor
de A e B dentro dessa função Para passar esse valor, você precisa chamar a função
para chamar a função, você usará o nome da função. Qual é o nome da função? O nome da função é multiplicar,
basta escrever multiplicar aqui. E crie esse parêntese
e dentro desse parêntese, você fornecerá o
valor que significa que esse
será o argumento e esses
serão Quais serão os parâmetros? Os parâmetros serão A e B porque estamos usando A e
B dentro dessa função. Basta escrever A e B e, onde definiremos
o valor de A e B, definiremos o valor de A e B dentro desses argumentos. Basta escrever o valor de A. O valor de A será
cinco e forneça uma vírgula E depois da vírgula, você
definirá o valor de B. O valor de B será sete Então, agora estamos multiplicando
cinco multiplicado por sete. Para obter a saída desse valor, você precisa retornar
o bloco de código. Então, como retornar para retornar, você pode simplesmente usar
essa palavra-chave return, e agora vou apenas registrar
essa função de multiplicação no console para que possamos ver esse valor
dentro da guia do console Vou escrever a guia Console e
vou removê-la daqui e vou colá-la dentro
deste log de pontos do console. Vou salvar isso agora,
digamos que você está em nosso navegador. Agora estamos recebendo
35, o que está correto. Cinco multiplicado por sete é 35. Podemos usar vários parâmetros
e vários argumentos, eu quero usar
mais um parâmetro ou quero usar mais um valor. Dentro desse
parâmetro, escreverei C. E para dar o valor ou atribuir
o valor desse C, entrarei nesse
argumento e darei vírgula e o valor
de C será oito Agora vou usar esse C dentro dessa função
para usar esse C, vou escrever, multiplicá-lo mais
menos o que você puder fazer Eu só quero
multiplicar e C. Agora vamos obter o valor de cinco multiplicado por sete
multiplicado por oito Vamos salvar um ev em nosso
navegador, estamos recebendo 280. Aprendemos sobre a função
neste vídeo. Agora vamos aprender sobre a
declaração es no próximo vídeo.
12. Se mais: Agora vamos aprender
sobre a declaração IS. Por que usamos a declaração IS, usamos
a declaração IS para verificar se a condição
é verdadeira ou não. Se a condição for verdadeira, executaremos um bloco de código
e, se a condição for falsa, executaremos outro
bloco de código. Este é o índice
da declaração do IHE. Dentro desses colchetes ou
dentro dos parênteses, verificaremos Se essa condição for verdadeira, executaremos o bloco de código que está escrito
dentro dessa instrução If
e, se essa condição for falsa, executaremos o bloco de código que está escrito
dentro dessa instrução. Para aprender sobre
essa declaração IS, criarei uma variável. Vou escrever g igual a, então seja g igual Agora vou criar uma declaração
IS para criar uma declaração IF, vou
apenas escrever essa coisa. Vou apenas copiar
e remover isso daqui colar
aqui e remover esse código para ser executado se a condição
for verdadeira e o código
a ser executado se
a condição for falsa,
comente, então eu removerei isso e removerei
esse comentário também. Agora, dentro dessa condição
significa que dentro dos colchetes, vou digitar a condição. Qual será a condição? A condição será: se a idade for
maior ou igual a 25
, executaremos o código
dentro dessa instrução if Vou digitar que a idade é
maior ou não A, tenho que digitar que a idade é
maior ou igual a 25. Então, se essa condição for verdadeira, executaremos o
código dentro dessa instrução
I e essa
condição for falsa, então executaremos o código
dentro dessa instrução LE. Dentro dessa instrução if, vou apenas digitar o log do console e dentro desse log do console, o tipo IL. Sim, a borda é a
borda é maior que 25. Dentro dessa instrução LE, tipo
IL, mais um log do console. Se essa condição for falsa, esse código dentro da instrução
LC será executado Dentro deste registro
do console de declarações, escreverei sei que a idade não é
maior que 25, a idade é. Agora pense e
diga, de acordo com você, qual condição o traje funciona. Como você pode ver, essa
condição é verdadeira, significa que a idade é
maior ou igual a 25, significa que a idade não é
maior que 25, mas a idade é igual a 25, que significa que essa
condição é verdadeira. Então, agora qual blog de código será executado. Portanto, agora o
blog de código que será executado é esse bloco de código dentro desta instrução
If, o que significa que
esse log do console será impresso em
nosso tipo de console. Então, salve isso e abra seu arquivo de índice ou
estimativa e remova essa função dot Js
e digite a instrução IH. Significa apenas digitar o nome do arquivo. O nome do arquivo é a instrução IH, então a instrução Ifs, salve esse arquivo
e
abra Basta clicar aqui para abrir
com o servidor ativo. E clique em F 12 para abrir
a guia Console. Dentro dessa guia Console, você pode ver o código dentro
da instrução If que está sendo executada. Qual era o código
dentro da declaração? Dentro da instrução If, tínhamos um dotlog do console e
dentro desse dotlog do console, estava escrito
que a
idade é superior a 25 Esse bloco de código está em execução. Como você pode ver no seu navegador, esse bloco de código está em execução. Agora, se eu tornar essa condição
falsa, digitarei 24. Quando eu digito, essa idade é
maior ou igual a 24. Agora, essa condição é falsa. Por que essa condição é falsa, essa condição é falsa porque
o valor da idade aqui é 25 e estamos comparando idade é maior
ou igual a Essa condição não é falsa. Para tornar essa condição falsa, você precisa digitar o
número maior que 25, que é 26 27, qualquer que seja. Basta salvar agora que essa
condição é falsa. Qual bloco de código será executado ou qual instrução será executada,
essa instrução LE será executada, e o código dentro
dessa instrução LE será bloqueado pelo console. Basta salvar isso e abrir um
navegador, como você pode ver, agora está dizendo que não, a
idade não é superior a 25 anos. Isso significa que a citação dentro desta declaração
LC está sendo executada.