Fundamentos do JavaScript: crie uma base sólida para o desenvolvimento web

1. Apresentação: Olá e oi. Bem-vindo a esta aula de JavaScript. Sou Sa e serei seu instrutor durante toda a aula O que você aprenderá nos esportes é que você aprenderá noções básicas de JavaScript e também tópicos avançados, você aprenderá noções básicas de JavaScript e como APIs B assíncronas e da web Você começará do básico. Você aprenderá sobre o que é JavaScript, a sintaxe do JavaScript e também aprenderá como incluir JavaScript em sua página HTML Você aprenderá sobre variáveis, tipos de dados, operadores e também aprenderá sobre instruções de fluxo de controle, funções, objetos em Javasco e também aprenderá sobre cookies, e ele abordará tópicos avançados como ASN e BBIs da web. Além disso, aprenderá sobre como lidar com o erro em Javascri e também aprenderá Então, o que é necessário para começar essa aula? Nenhuma experiência cerebral é necessária porque começaremos do zero. Tudo o que precisamos é de um computador com um editor de texto e um navegador, além de entusiasmo para aprender algo novo Nesta aula, teremos um projeto de aula. No final do curso, você saberá como criar uma lista usando o Javas Você usará o armazenamento local para isso e, neste projeto, aprenderá sobre como criar uma nova tarefa, como marcar como uma tarefa como concluída e também aprenderá sobre como excluir uma tarefa Vamos começar. Nos vemos na primeira lista. Obrigada. 2. O que é Javascript: Olá a todos. Bem-vindo a esta palestra. Nesta palestra, veremos o que é JavaScript. Essa é uma linguagem de programação para intérpretes de alto nível. É usado principalmente para tornar páginas da web interativas. É uma tecnologia central de desenvolvimento web. O JavaScript permite atualizações dinâmicas de conteúdo, formulários interativos, animação e muito mais. Principais recursos do JavaScript. Com script lateral, ele executa navegador da web para aprimorar a experiência do usuário Leve e versátil. Ele funciona bem tanto para scripts pequenos quanto para aplicativos complexos. Até mesmo a abordagem Tripen responde aos sotaques do usuário, como cliques, pressionamento de teclas e envios de formulários. O próximo recurso é a sincronização. pressionamento de teclas e envios de formulários. O próximo recurso é a sincronização. Suporta operações sem bloqueio usando retornos de chamada, permissão e AVID assíncrono Ele suporta a plataforma CASS, funciona em diferentes sistemas operacionais e navegadores E, finalmente, ampliado por bibliotecas e estruturas. Os exemplos incluem react, angler e Js. Vamos ver quais são os usos comuns da manipulação de Dom em JavaScript Ele modifica HTML e CSS dinamicamente. Validação do Palm, verifique a entrada do usuário antes de enviar formulários e o JavaScript usado em animações e efeitos ajudam a facilitar a transição e as animações Além disso, podemos buscar dados de APIs, carregar conteúdo dinamicamente sem referência à página usando a API Ajax pitch Principalmente JavaScript usado na criação de publicações na web. Usado tanto no front-end, o que significa react view JS, quanto no back-end sem JS. 3. Sintaxe Javascript: Jogador um. Bem-vindo a esta palestra. Nesta palestra, veremos sobre a sintaxe do JavaScript e também criaremos nosso primeiro programa Hello World Vamos começar. Na minha área de trabalho, criei uma nova pasta chamada JavaScript. Eu abri essa pasta no meu quadro do Visual Studio. Dentro dessa pasta, vou criar um novo cinco, um novo HTML cinco, batizado de ponto índice HDH OK. Essa é a conquista secular básica? Essa é a sintaxe do JavaScript. Começa com a tag script e termina com a tag SLA Script. O espaço entre a tag é considerado um código JavaScript. Dentro do scripta, vou escrever nosso primeiro programa em letras digitando o ponto R do documento. Eu diria olá, mundo Eu diria olá seguida, o arquivo. Vamos abrir esse arquivo em nosso navegador. Como você pode ver, aqui está nossa saída. Neste documento, qualquer coisa entre os códigos será exibida no navegador. Nesta palestra, aprendemos sobre qual é a sintaxe de Ja spit e também criamos nosso primeiro programa mundial Allo Obrigada Até a próxima palestra. 4. HTML JavaScript: Olá a todos. Nesta palestra, você verá como adicionar JavaScript ao arquivo HTML. Vamos começar. Deixe-me criar um novo arquivo HTML e chamá-lo de Javascript dot HL. R OK. Aqui eu vou criar um botão. Clique em mim. Na verdade, podemos incluir JavaScript em HTML de três maneiras. Bônus de JavaScript embutido. Vamos ver o que é JavaScript embutido. Podemos adicionar JavaScript dentro do elemento HTML. Ok. Desclique IO IO e depois desclique, eu escrevo um código, Alerta, botão Deixe-o testar, vá para o navegador. Quando eu clico no botão, a caixa de alerta é clicada no botão Dessa forma, podemos incluir JavaScript dentro da tag CML Isso é chamado de JavaScript embutido. O outro caminho é um script Java externo. Em vez de escrever isso, o que vou fazer é criar um novo arquivo chamado script dot JS. Dentro do script js, vou criar uma nova função. Clique no botão Alt Okay. Script clicado no botão acionado usando JavaScript externo. Eu uso a função colorida. Dentro dessa tag, precisamos incluir o arquivo JavaScript externo usando o script ARC. Aqui, precisamos vincular nosso tipo de arquivo JavaScript JavaScript. Salve o arquivo. O que eu vou fazer é esta é a sintaxe para incluir o arquivo JavaScript dentro do arquivo XML Em vez de chamar diretamente o CSS embutido, o que vou fazer é chamar essa função de clique Acione essa função. Botão, clique em Controles. Aqui está o arquivo aqui. Esta é uma sintaxe para incluir um script no script de blocos. Aqui, precisamos mencionar nossos controles de arquivo de origem e ir para o navegador agora que funcionou É assim que podemos incluir arquivo JavaScript externo em nosso arquivo Ach. Em seguida, outro método está no canal Javascript. Em vez de escrever, arquivo externo Javascript. Vamos copiar essa tag interna, vou criar uma tag de script dentro de scripta Eu paginei o código, copiei dos controles sple e coloquei um navegador Também funciona bem. Mas o script foi acionado usando JavaScript interno. Tudo bem Nesta palestra, aprenderemos sobre como incluir JavaScript no arquivo HTML Podemos incluir o JavaScript de três maneiras. o JavaScript embutido e o Um é o JavaScript embutido e o segundo, o JavaScript externo, o terceiro, usando o Obrigada Até a próxima palestra. 5. Console Javascript: Um inferior. Bem-vindo a esta palestra. Nesta palestra, você verá sobre dot lag do console em JavaScript dot lag do console é usado para imprimir mensagens ou valores no console do navegador para fins de depuração Vamos ver que a sintaxe é o dot lag do console Essa é a sintaxe do ponto A. H. Vamos ver como posso ver esse log do console no navegador Veja o arquivo. Com o botão direito, clique no navegador e selecione Inspecionar. E nesse pop-up, clique em Console e aqui está nossa saída. Saída de teste. Isso é o que digitamos nos códigos duplos. Vamos alterar o texto como se a saída do teste funcionasse. A saída do Repress Z também mudou, assim como a saída do teste funcionou. Dessa forma, podemos registrar o valor da string usando códigos duplos e também podemos registrar os valores numéricos. OK. Podemos imprimir o valor da string e também podemos consolar o valor numérico. Obrigado, e é oeste. 6. Comentário JavaScript: Jogador 1, bem-vindo a esta palestra. Nesta palestra, veremos como usar comandos em JavaScript. O que são comandos? Na verdade, os comandos são usados para adicionar nós ou explicar o código. Eles são ignorados pelo mecanismo JavaScript e não afetam a execução do programa. Há dois tipos de comandos disponíveis em JavaScript. Um é um comando de linha única e outro é um comando de várias linhas Essa é a sintaxe do comando de linha única. Corte menos. E comando de várias linhas, comece com Pervet slash star e termine com star e termine com star Aqui podemos adicionar várias linhas para descrever o código. Assim, podemos usar várias linhas comuns em JavaScript, Pi. 7. Variáveis de JavaScript: Um. Bem-vindo a esta palestra. Nesta palestra, você verá sobre variáveis em JavaScript. As variáveis são usadas para armazenar os valores dos dados. Podemos declarar variáveis usando três métodos. Uma é onde estamos. Deixe-me te mostrar. Vou criar um novo arquivo aqui. Podemos criar variáveis de três maneiras. Nós deixamos e depois continuamos. Deixe-me escrever um código Simer primeiro e usar o mesmo arquivo de índice Eu vou comandar isso aqui e aqui. Podemos definir uma variável chamada usando palavra-chave where e seguida pelo nome da variável. E podemos atribuir valor à variável usando como operador. OK. Existem algumas regras para definir o nome de uma variável de script Java. O nome da variável deve começar com uma letra, sublinhado ou símbolo de dólar Não podemos usar palavras-chave reservadas. Veremos sobre palavras-chave reservadas posteriormente, e isso diferencia maiúsculas de minúsculas. Está bem? Podemos atribuir valor à variável de várias maneiras. Por exemplo, é igual a Smith. Essa é uma variável do tipo string. Em seguida, a idade do Smith é 50. Na verdade, é um número de tipo e também podemos atribuir um valor booleano Mas ou falso. Isso é tipo lã. Como se pudéssemos atribuir valor do objeto à variável desta forma. Essa é uma variável de tipo de objeto. Além disso, podemos atribuir valores de matriz à variável por like. Além disso, podemos atribuir valor nulo à variável dessa forma, deixar que sua variável seja o valor possa atribuir nulo dessa forma Tudo bem. Neste vídeo, aprendemos como criar uma variável e como atribuir valor à variável. Além disso, podemos atribuir vários valores de tipo de dados à variável. Obrigado, Can structure. 8. Deixar JavaScript: Jogador 1, bem-vindo a esta palestra. Nesta palestra, você verá declaração sobre isso em Java script instrução lit em JavaScript é usada para declarar uma variável com escopo preto e que pode ser atualizada mas não declarada dentro do mesmo E já sabemos a sintaxe da variável late, comece com Git D e seguida pelo nome da variável Assim, podemos criar uma variável tardia e atribuir valor à variável usando o operador de atribuição e seguido pelo valor O valor pode ser string, número, booleano, objeto, matriz, nulo Ok. Variável tardia que podemos acessar somente dentro de um escopo de bloco. Nós escrevemos um programa de amostra para isso? Criamos um novo método? Aqui eu vou criar uma nova variável, seja x igual a. Vamos registrar esse valor Control X. Aqui, vou chamar esse método Ok. Vamos dar uma prévia em nosso navegador. Na verdade, o método n se parecerá com esse método de função, bracket, seguido por Ty blazes Salve o arquivo e veja a saída em nosso navegador. Aqui está nossa saída. Está tudo bem. Então, o que eu vou fazer é acessar essa variável. Estou tentando acessar essa variável fora do método, o que significa que chegaremos aqui. Mas o erro de referência não existe definido. Isso é o que estou dizendo que as variáveis declaradas atrasadas só podem ser acessadas dentro do bloco. Eles estão definidos. R: A variável late pode ser atualizada, mas não redeclarada na mesma escola em que você Vou criar o nome da variável, deixe o nome igual a John. Em seguida, o que vou fazer é atribuir valor ao nome da variável Smith. Qual será a nossa produção? Nossa produção será Smith. Deixe-me dar uma olhada. Navegue por fotos e veja. Aqui está o resultado, Smith. Isso é o que eu estou dizendo. Ele pode ser atualizado, mas não nos permitirá redeclarar a variável no mesmo programa Deixe-me tentar redeclarar o mesmo nome de variável, veja, haverá um alerta de erro de costura Controle-s e execute este programa em seu navegador e receberemos um erro. Veja, o nome do identificador de erro de sintaxe ungat já foi declarado Ok. Tudo bem E, ao mesmo tempo, não podemos acessar o valor da variável antes que ela seja finalizada Esse nome é igual a Smith. E o que vou fazer é tentar acessar esse valor da variável antes que ela seja finalizada Receberemos um erro. erro de referência Ngut não pode acessar o nome antes da temporada inicial. Tudo bem Nesta palestra, aprendemos sobre como declarar uma declaração atrasada e, o que aprendemos, é um escopo de bloco e pode ser atualizado, mas não redeclarado no mesmo Como aprendemos como depurar erros no console Chrome Obrigada Até a próxima palestra. 9. Constante do JavaScript: Primeira camada, bem-vinda a esta palestra. Nesta palestra, você verá sobre a declaração Kanst em JavaScript declaração Cans é usada para declarar constantes, que são de escopo preto como tardias, mas não podem ser reatribuídas aterrissamos, podemos acessar a variável tardia dentro do escopo preto e, ao mesmo tempo, podemos reatribuir o valor à variável tardia Mas no caso de Kanst, podemos acessar a variável dentro do blackcope, mas não podemos reatribuir o valor à E as características de Kant devem ser inicializadas na declaração Eu vou te mostrar escrevendo um programa. A variável st deve começar com o P we Kunst seguido pelo nome da variável Digamos que Pi e o valor do Pi sejam 3,14. Essa é a maneira correta. É assim que podemos atribuir valor à variável const e não podemos declarar novamente Vamos consolar. Pegue o programa, vá para o seu navegador. Inspecione, vá para conservador. Aqui está nossa saída, 3.14. O que eu vou tentar, eu vou atribuir. Vou criar uma nova variável constante sem atribuir valor Ok, eu vou comentar isso. Aqui eu criei uma variável Kanst sem atribuir nenhum valor à Agora receberemos uma mensagem de erro. Que erro estamos recebendo: erro de sintaxe inválido, falta do inicializador Está bem? Isso é o que eu estou dizendo. A variável Kanst deve ser inicializada na declaração. Entendi. Ok, tudo bem. Além disso, a variável st não pode ser reatribuída. Aqui eu criei uma variável st Pi com o valor de 3,14. Agora vou atribuir valor para reatribuir valor à variável como essa cinco Receberemos uma mensagem de erro. Erro do tipo Ungat atribuído à variável constante. Não podemos reatribuir valor à constante novamente. Ok. Quando usar a palavra-chave const Podemos usar st por padrão, a menos que você espere que a variável mude e use com atraso somente quando a reatribuição for desnecessária. Tudo bem Nesta palestra, aprendemos sobre a instrução Can em JavaScript, como criar a variável const em JavaScript e quais são as regras para usar a palavra-chave const e como depurar o erro do método st no Chrome Obrigada Até a próxima palestra. 10. Tipos de dados JavaScript: Jogador um. Bem-vindo a esta palestra. Nesta palestra, você verá sobre os tipos de dados de JavaScript O que são tipos de dados em JavaScript? Refere-se ao tipo do valor com o qual estávamos armazenando ou trabalhando. Uma das características mais fundamentais da linguagem de programação é o conjunto dos tipos de dados em suporte. Existem os tipos de valores que podem ser representados e manipulados em uma linguagem de programação E há diferentes tipos de eótipos disponíveis no Java Script, que são string, número, booleano, nulo, indefinido e também objeto, matriz e OK. Em seguida, escrevemos um programa para isso. Vamos criar uma variável, nome de chamada igual Smith. Esse é o tipo de string. Ele pode ser declarado entre aspas duplas. Aspas duplas são códigos simples que estão dentro do batismo. Podemos declarar assim ou assim usando backods como este Todos os três fornecerão a mesma saída. Em seguida, podemos declarar o tipo de dados do número numérico. É um tipo de dados numérico. Pode ser inteiro, flutuante ou duplo. OK. Outro exemplo de aumento de variáveis numéricas igual a 9,99, assim E outros dados de booleano, sejam eles ou falsos. Vamos ser adultos, True. Ou você pode usar atribuir, valor verdadeiro ou valor falso. Esse é o tipo de dados booleano. Além disso, há um tipo de dados indefinido, uma variável que pode ser declarada, mas não atribuída a um valor E também, há nulo Esse é o tipo de dados nulo O próximo é objeto, tipo de dados. Pessoas. Venha como um apartamento. Esse é o tipo de dados do objeto. A seguir, você verá sobre o tipo de dados da matriz. Nós podemos organizar. Nós podemos passar. Bem, você gosta disso. Esse tipo de dados é conhecido como tipo de dados RA. A seguir, veremos sobre o tipo de dados da função. O exemplo do tipo de dados da função começa com a função e é seguido pelo nome da função dentro de linhas curvas escritas OK escritas Em seguida, vamos encontrar o tipo do tipo de dados. Vamos escrever um programa para esse dot lag do console. Tipo de Olá. Inspecione, console. A saída é pino. Esse é o tipo de string. Pegue um tipo. Vamos alterar o valor da string para o valor numérico. Qual será a saída? Será um número. Vamos mudar isso também. A saída será booleana. Aqui está nossa saída booleana e indefinida Esse é um tipo indefinido de tipo de dados. E vamos verificar com valor nulo. Isso também é conhecido como tipo de dados de objeto. N também é o tipo de dados do objeto. Aqui vou adicionar um objetivo real ou a saída será o tipo de dados do objeto. Nesta palestra, você aprendeu sobre tipos de dados em JavaScript. Quais são os diferentes tipos de dados disponíveis em JavaScript? Nos vemos na próxima palestra. Obrigada. 11. Operadores JavaScript: Olá a todos. Bem-vindo a esta palestra. Nesta palestra, veremos sobre operadores em JavaScript. Operador é um símbolo que executa uma tarefa específica. Criamos um novo arquivo chamado Operator Orator stream. OK. Vamos ver os tipos de operadores. Há diferentes tipos de operadores disponíveis em JavaScript, que são operadores aritméticos E então comparar é um operador. Operador lógico, operador bit a bit, operador de atribuição. E, finalmente, operador diverso. OK. Vamos ver o que é operador aritmético Operador aritmético usado para realizar operações matemáticas como mais Addison, subaxim menos e multiplicação, divisão, módulos e operador de incremento mais e realizar operações matemáticas, como mais Addison, subaxim menos e multiplicação, divisão, módulos e operador de incremento mais e operador de decréscimo menos menos. Esses são os operadores aritméticos altos dos operadores. Vamos ver o operador de comparação. É usado para comparar dois valores. Igual a igual, não igual. Estritamente igual. Não estritamente iguais, maiores que, maiores que são iguais a menores que são iguais. Esses são os operadores de comparação de curvas do operador. Em seguida, vemos o operador lógico. É usado para realizar operações lógicas com valores booleanos, como R lógico, zero lógico Esses são os operadores chamados de operadores lógicos. Vamos ver o operador bit a bit. Ele é usado para realizar operações em nível de bits no InDigr. Há sete tipos de operadores bit a bit disponíveis em JavaScript, que são Bitwise Bitwise R Bitwise R e Bitwise naught, left shift e operadores bit a bit disponíveis em JavaScript, que são Bitwise Bitwise R Bitwise R e Bitwise naught, left shift e right shift. Mudança para a direita com zero. Esses são os operadores chamados de operadores bit a bit em Javas A seguir, veremos os operadores de atribuição. Isso é usado para atribuir valor às variáveis, que é simples igual mais igual, o que é chamado de adicionar e atribuir menos igual Isso é chamado de subtrair e atribuir, multiplicar e atribuir, dividir e atribuir e, finalmente, mordlo e atribuir finalmente, mordlo e Esses são os operadores chamados de operadores de atribuição. A seguir, veremos sobre operadores diversos. Outros operadores além desses cinco operadores, chamados de operadores diversos, que são adicionais ao tipo de ponto de interrogação nulos e excluem Cam e, em seguida, agrupamento, que é chamado de operador que são adicionais ao tipo de ponto de interrogação nulos e excluem Cam e, em seguida, agrupamento, que é de agrupamento e de agrupamento que Pontos T, chamados de operador de propagação e estrela dupla para operador de explicação Agora vou escrever um programa usando operadores aritméticos Eu criei a tag Script dentro da tag principal. Vamos criar uma variável chamada X, e vou atribuir valor à variável como dez, aquele Y igual a seis, por exemplo. OK. Dot lag do console, x mais Addison para Addison, devemos usar o operador plus . Y. Vamos ver a saída em nosso navegador Vá para o console. Aqui está a saída. Em seguida, vamos para o subaxônio C para isso precisamos usar menos simples, que retornará 94 como nossa saída. Vamos ver. C, 94 é nossa saída. Dessa forma, podemos criar um programa para multiplicação. Atraso de pontos do console, X em Y. Esse é o operador de multiplicação E qual será a nossa produção de cem em seis, que retornará seis condutas como saída. Veja, aqui está nossa saída. A seguir, veremos sobre a divisão. Para divisão, devemos usar esse símbolo, deixe X dividir Y, Y. Vamos ver a saída no navegador, vou escrever Vamos ver qual é a nossa saída. Aqui está nossa saída, 16,66. A seguir, veremos os modelos. X modulo, y. Aqui está a saída por operador de módulo Você verá sobre o operador de comparação. Vou criar a variável, a palavra-chave const, A igual a dez, e criar outra variável com a palavra-chave const, B igual a 20 Vamos armazenar lá. Criamos uma nova variável ptlls que é A igual a B. Vamos ver o resultado usando o console lab Estou fazendo isso. Isso retornará os formulários. Já que A e B não são iguais. Vamos mudar o valor de igual a dez. Agora, o resultado será dois. Dessa forma, podemos usar o operador de comparação igual a igual. E digamos que não sejam iguais. Altere o valor B de volta para nós D e A, não igual a B. Eu retornarei o resultado como prova. Retorno. Deixe-me alterar o valor de A igual a 20 e agora o resultado será falso. Está bem? Vamos ver, faixa igual a A igual a 20, B igual a 20. Eu diria que ambos valem o tempo de dados. Ambos são valores do InDegr. Agora, nossa saída será verdadeira. OK. Então, o que vou fazer é mudar esse valor como uma string 20, const A como um valor de string 20, const B igual ao valor inteiro E serão os valores e o tipo de dados. Então, agora nossa saída será falsa. Vamos verificar aqui nossa saída como falsa. Obtivemos a saída como falsa. A seguir, você verá sobre o operador lógico. Não, vou escrever um programa de amostra. Primeiro, vou definir duas variáveis. Seja amontoado igual a ele, tenha licença igual a pulso Agora vamos usar a lógica e o operador é adulto e tem licença para dirigir um carro. Você pode dirigir um carro. Sim. Você vai registrar mensagens. Você não pode dirigir um carro todo o arquivo e ver a saída. Você não pode dirigir um carro porque ele é adulto, a condição é verdadeira, mas ele não tem licença. Vamos mudar o valor da licença para verdadeiro. Pegue o arquivo. Vamos ver lá entre bs. Agora nossa mudança de saída, você pode dirigir um carro. Vamos ver como operar de forma lógica. É uma licença para adultos. Digamos que, nas mensagens, você deve ter pelo menos uma qualificação. Insira a mensagem, pois você não atendeu a nenhuma qualificação. Vamos ver. Você deve ter pelo menos uma qualificação. Nossa afirmação é verdadeira. É por isso. Essa mensagem foi impressa na saída. Vamos mudar os dois valores para quedas. Agora, você não atende a nenhuma qualificação. Tudo bem. A seguir, veremos como não está acima do peso Não como licença, vou alterar o valor de Bolan. Na verdade, atribuímos o valor à variável de licença as false usando not variable, vamos dizê-la como verdadeira. Vamos ver. Como licença verdadeira. Ao alterar o valor para verdadeiro, nossa saída será falsa. Como licença falsa. A seguir, você verá sobre operadores de atribuição. Deixe-me declarar um valor. Variável. Agora sou igual a dez. Primeiro, você exibirá o valor inicial ou la. OK. Próximo. Número mais igual a cinco. Vamos consolar esse valor. OK. Em seguida, vou para menos três valores. H. Ok. Então, arquive. E veja lá ou coloque no navegador. Recebemos um erro de referência incorreto, log do console não está definido Há um tipo de erro aqui. H. Nosso valor inicial é dez. Depois de incrementar cinco, nosso valor é 15 e depois de diminuir em três, essa é a essa Em seguida, vamos multiplicar e incrementar por dois valores depois, desculpe, o valor depois, desculpe numérico Em seguida, vamos dividir por e atribuir valor por quatro. Valorize depois de divd por f e salve os cinco e vamos ver a saída Esse é o valor inicial. Depois de incrementar em cinco, 15, depois de diminuir em três, a saída é 12 após multiplicar por dois, essa é dois Essa é a saída depois de atingirem quatro. E, como o s, podemos usar mod low e assign. Eu digo o arquivo e vejo a saída e o valor após o modelo dois, apenas zero. Tudo bem. Tudo bem. Nesta palestra, você aprendeu sobre operadores em JavaScript e também escrevemos um exemplo de programa para isso Obrigado. Nos vemos na próxima palestra. 12. Fluxo de controle: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, veremos sobre o fluxo de controle em JavaScript. Em geral, o que é fluxo de controle na linguagem de programação? O fluxo de controle determina a ordem na qual as instruções são executadas em um programa. O fluxo de controle permite que os desenvolvedores escrevam uma lógica que possa tomar decisões, repetir tarefas e gerenciar o caminho de execução com eficiência. Em JavaScript, existem três tipos de declaração de fluxo de controle. Vamos ver um por um. A primeira é a declaração condicional e a segunda são loops E a terceira é continuar e interromper. Vamos ver sobre a declaração condicional. Declaração condicional, permite que um programa tome decisões com base em determinadas condições Podemos categorizar a declaração condicional em JavaScript, agora seguindo as seguintes formas If declaração If declaração if e declaração switch. Ok, deixe-me escrever um exemplo de programa para usar a declaração I. Vamos definir uma variável chamada idade, deixe a idade igual a 18. Se. Essa é a sintaxe da instrução if. Se estiver dentro do colchete, você deve especificar a condição e dentro do cibrss o código a ser executado Ok, essa é a sintaxe. Essa é a sintaxe da instrução if. Está bem? Então, agora, na condição, vamos definir se A é maior que R igual a 18 significa você controlará o log e registrará a mensagem como se estivesse qualificado para codificar. A declaração, o bloco de código só será executada se a condição for verdadeira. Salve o arquivo. Abra seu navegador para ver a saída. No laboratório do console, nossa saída é que você está qualificado para votar, o que significa que sua condição é verdadeira. Quando mudamos a idade de 15 anos. É a página, agora, nada será mostrado aqui porque nossa condição é falsa. Agora vou escrever um programa para a declaração do IRS. A sintaxe do IL é: se estiver dentro do colchete, devemos especificar a condição e, se a condição for verdadeira, essa parte do código será Caso contrário, essa parte do código será executada. Este é o índice da declaração I. Eles definem uma nova variável chamada temperatura igual a 25. Se a temperatura for maior que 30 significa que você vai dizer para nós. Está quente lá fora. Yelse, você vai dizer para nós. O clima está agradável. Salve o arquivo. Qual é a nossa produção? O clima está agradável porque nosso valor da variável de temperatura é 25. Nossa condição é falsa. É por isso que o ponto ruim está funcionando. Vamos alterar o valor para 45 e ver a saída. E veja, essa é a saída. Está muito quente lá fora porque essa afirmação é verdadeira. É por isso que essa parte do núcleo é executada. Ok, tudo bem. A seguir, veremos sobre a declaração da Elsev Essa é a sintaxe da declaração sf. Condição um aqui, condição. Dois. Agora vou escrever um programa de amostra para isso. Vamos definir uma variável igual a 90. Diz 90. Marcas I maiores que são iguais a 90 significam. Vamos dizer isso como nota A. eu marcar maior ou igual a oito, significa que você vai dizer que é nota B. Caso contrário, diz nota C. Primeiro, o programa disse a primeira condição. Se for verdade, essa parte do código será executada. E se a primeira condição for atendida como falsa, a segunda condição dirá e, se for atendida como verdadeira, essa parte do código será executada. Caso contrário, essa parte do código será executada. Vamos ver a saída em nosso navegador. A saída como condição de grau A, B ou condição inicial é verdadeira. Deixe-me trocá-lo por cinco. Qual será a nossa produção? Será grau B, C ou ambos como grau B. Vamos marcar até 60, o que significa que nesta parte do código, ambas as condições falharão, essa parte do código será executada nossa saída será a nota C. Tudo bem. Em seguida, você verá a declaração switch. Vamos declarar uma variável chamada D. Digamos que segunda-feira. Interruptor. Aqui, você precisa passar nosso valor e switch interno é segunda-feira. Atraso de pontos do console. Ok. Pausa. Em seguida, vamos verificar a condição, outro caso. Se o dia for sexta-feira significa que vamos dizer que sim. Ok. Ok. Esta é a sintaxe da instrução switch dentro do colchete, precisamos passar o valor e aqui dentro da instrução switch, verificaremos o caso com um valor como este, podemos verificar muitos Se todos os casos falharem por padrão, essa parte do código será executada. Vamos nossa saída e nosso navegador. Esse é o começo da semana. Agora vou mudar esse valor para terça-feira. Qual será a nossa produção? Você vai conseguir? É um dia normal. Essa é a nossa saída. Agora vou mudar para o dia para sexta-feira, o que significa que o que teremos no fim de semana vai começar. Vamos para SA Neste vídeo, você aprenderá sobre a declaração condicional em JavaScript. A seguir, você verá sobre a instrução loop em JavaScript. Vamos ver os loops em JavaScript. O que são loops Ele ajuda a executar um bloco de núcleo várias vezes. Existem três tipos de loops disponíveis em JavaScript, que é o loop parlo White O terceiro é u white loop. Vamos usar uma sintaxe para baixa, que está bem dentro do parêntese Haverá três partes. O primeiro é inicial, ponto e vírgula. Em seguida, será o ponto e vírgula de Cdison e o terceiro será incremento ou decréscimo Dentro de galhos encaracolados, o código a ser executado. Essa é a sintaxe do par. Deixe-me escrever um exemplo de programa para usar o paro. Seja I igual a um, ponto e vírgula. A próxima será a condição I menor ou igual a cinco pontos e vírgulas Em seguida, vamos incrementar a variável. Dentro da base da CLI, vamos registrar nossa saída usando o log de pontos do console Eu vou adorar o valor da ração. Diga o fi, vá para o navegador. E veja. Essa parte do núcleo é executada por cinco vezes. É por isso que obtivemos a saída como tsm on, ds em dois, d em três, dc em quatro e resina Podemos usar um loop for quando o número de Irasin for conhecido de A seguir, veremos cerca de ciclos de fervura. Wil. Esta é a sintaxe de u. Dentro do colchete, Tison deve ser especificado aqui, vá para executar e aqui, vá para executar e aqui, Vou escrever um programa de amostra usando overloop. Vamos definir uma nova variável usando a palavra-chave lit it count, igual a spi Ok. Condição do inseto, conte menos ou igual a dez redes elétricas. Console com atraso. Então, aqui você vai incrementar o valor. Qual será a nossa produção? Serão cinco, dois, dez. Temos a saída 5-10. Alteramos o número para sete meios, você obterá a saída 7-10 Ok. Podemos usar o loop de fervura quando o número de Ian não é conhecido de antemão e, dependendo de nossa condição, podemos usar o loop de alumínio Em seguida, vamos ver do Y. Vamos ver a sintaxe do Duvi Essa é a condição do duvoi. Quando usamos Dui significa quando você precisa executar o corpo do loop pelo menos uma vez, independentemente da condição Então, deixe-me escrever um exemplo de programa para isso. Seja o número igual a um dentro de D, vamos conectar nossa saída usando consoled at large Então, aqui, precisamos especificar a condição Digamos que um número menor ou igual a quatro. A saída inicial é um número ligado e, ao usar o Vilo três vezes a saída é impressa Digamos que o número seja cinco. Qual será a nossa produção? A saída C será a número um. Desculpe, número cinco. Primeiro, essa parte do código será executada e, em seguida, essa condição será arquivada, então não haverá mais cola. Dessa forma, podemos usar para vinho e fazer óleo em JavaScript. A seguir, veremos a declaração Break and continue em Javasc Declaração de interrupção, interrompa o ciclo de execução quando a condição for atendida. Deixe-me escrever um programa de amostra usando a declaração de quebra quatro, seja eu igual a um e I menor que igual a cinco, I mais. Atraso de pontos no console interno. Eu raciocino I. Este é o programa de fluxo básico, ou será nossa saída. A saída será de 1 a 5. Vamos verificar primeiro. Veja, obtivemos resultados de I Decent 12, I DesenFive. Agora, o que vou fazer é verificar se a condição I I é igual Vou dizer isso como uma pausa. Então, agora, adivinhe qual será a nossa saída? Nossa saída será de um, dois, três. Vamos testá-lo. Ok. Desculpe por isso. Nossa saída é de um para dois porque nosso bloco de código é separado daqui mesmo. Aqui, especificamos o console após o segmento de quebra. É por isso que estamos recebendo um, dois, dois. Tudo bem. Disse que quatro significa ou será nossa saída ou a saída será uma, duas, ok. Tudo bem. A seguir, veremos continuar em JavaScript. Continue a declaração, pule o filho atual e passe para o próximo conjunto de co Use o mesmo programa. Em vez de quatro, em vez de B eu vou usar. Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, veremos sobre o fluxo de controle em JavaScript. Em geral, o que é fluxo de controle na linguagem de programação? O fluxo de controle determina a ordem na qual as instruções são executadas em um programa. O fluxo de controle permite que os desenvolvedores escrevam uma lógica que possa tomar decisões, repetir tarefas e gerenciar o caminho de execução com eficiência. Em JavaScript, existem três tipos de declaração de fluxo de controle. Vamos ver um por um. A primeira é a declaração condicional, a segunda é loops a terceira é continue e Ok. Vamos ver sobre a declaração condicional. Declaração condicional, permite que um programa tome decisões com base em determinadas condições Podemos categorizar a declaração condicional em JavaScript, agora seguindo as seguintes formas If declaração If declaração if e declaração switch . Ok. Deixe-me escrever um exemplo de programa para usar a instrução If. Vamos definir uma variável chamada idade, deixe a idade igual a 18. Dê. Essa é a sintaxe da declaração Se estiver dentro do colchete, devemos especificar a condição e dentro clibrs o código será executado Ok, essa é a sintaxe de. Essa é a sintaxe da instrução if. Está bem? Então, agora, na condição, vamos definir se A é maior que R igual a 18 significa você controlará o registro da mensagem como se estivesse qualificado para codificar. A declaração, o bloco de código só será executada se a condição for verdadeira. Salve o arquivo. Abra seu navegador para ver a saída. No laboratório do console, nossa saída é que você está qualificado para votar, o que significa que sua condição é verdadeira. Então mudamos a idade de 15 anos, é a página, agora, nada será encontrado aqui porque nossa condição é falsa. Agora vou escrever um programa para a declaração de IL. A sintaxe de IL é I dentro do colchete, devemos especificar a condição e, se a condição for verdadeira, essa parte do código será executada ; caso contrário, essa parte do código será Este é o índice da declaração I. Eles definem uma nova variável chamada temperatura igual a 25. Se a temperatura for maior que 30 significa que você vai falar conosco. Está quente lá fora. Eels, você vai dizer para nós. O clima está agradável. Salve o arquivo. Qual é a nossa produção? O clima está agradável porque nosso valor da variável de temperatura é 25. Nossa condição é falsa. É por isso que o ponto ruim está funcionando. Vamos calcular o valor para 45 e vamos ver a saída. E veja, essa é a saída. Está muito quente lá fora porque essa afirmação é verdadeira. É por isso que essa parte do núcleo é executada. Tudo bem. A seguir, veremos sobre a declaração de Elsf. Essa é a sintaxe da declaração sf. Condição um aqui, condição. Dois. Agora vou escrever um programa de amostra para isso. Vamos definir uma variável igual a 90. Digamos 90. Marcas I maiores que são iguais a 90 significam. Vamos dizer isso como Grau A. Uma nota I maior ou igual a AT significa que você vai dizer “nós”. Então diz nota B. Caso contrário, diz nota C. Primeiro, o programa disse a primeira condição. Se for verdade, essa parte do código será executada. E se a primeira condição for atendida como falsa, a segunda condição dirá e, se for atendida como verdadeira, essa parte do código será executada. Caso contrário, essa parte do código será executada. Vamos ver a saída em nosso navegador. Saída como grau A, B, nossa primeira condição é verdadeira. Deixe-me mudar isso como um d cinco. Qual será a nossa produção? Será grau B, C ou ambos como grau B. Vamos mudar a marca para 60, o que significa que nesta parte do código, ambas as condições falharão. Esta parte do código que será executada nossa saída será de grau C. Tudo bem. A seguir, veremos a declaração switch. Vamos declarar uma variável chamada D. Digamos que segunda-feira. Interruptor. Aqui, você precisa passar nosso valor e switch interno é segunda-feira. Atraso de pontos do console. Ok. Pausa. Em seguida, vamos verificar a condição, outro caso. Se o dia for sexta-feira, significa que vamos dizer isso para nós. Ok. Esta é a sintaxe da instrução switch dentro do colchete, precisamos passar o valor e aqui dentro da instrução switch, verificaremos o caso com um valor como este, podemos verificar muitos Se todos os casos falharem por padrão, essa parte do código será executada. Vamos verificar nossa saída e nosso navegador. Esse é o começo da semana. Agora vou mudar esse valor para terça-feira. Qual será a nossa produção? Você vai conseguir? É um dia normal. Essa é a nossa saída. Agora vou mudar para o dia para sexta-feira, o que significa que o que teremos no fim de semana vai começar. Ok, vamos começar. Neste vídeo, você aprenderá sobre a declaração condicional em JavaScript. A seguir, você verá sobre a instrução loop em JavaScript. 13. Funções: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, você verá sobre funções em JavaScript. O que são funções? As funções são blocos de código reutilizáveis que executam uma tarefa específica Eles ajudam a tornar o código modular, sustentável e eficiente. Vamos ver como definir a função. Em JavaScript, podemos definir funções de várias maneiras, que é a declaração pungen Outro método é o FungOnePresson. E a terceira é a função de seta. Vamos ver como definir a declaração da função. Começa com a função seguida pelo nome da função. Dentro de chaves encaracoladas, P para executar. Essa é a sintaxe da declaração de função. Agora vou criar uma nova função. É chamada de função GET GET dentro da função, vou dizer isso como dot lag do console Olá. Bem-vindo ao Java Script. Y. Ok. Então, vamos ver como chamar essa função. Simplesmente especifique a função N. Ok. Salve esse código e vamos ver a saída no navegador. Ok, aqui está nossa saída. Olá, bem-vindo ao JavaScrub. A seguir, veremos a função expressa. Vamos criar uma nova área. I Esta é a função do carro Expressen Podemos criar uma função e atribuir uma variável tell you. Esta é a função expressa do carro. Isso lhe dará a mesma saída. Vê? Aqui está nossa saída. Isso é o que eu dei em um console de boas-vindas. Ok. Vamos ver, função de seta. Grade ajustada igual a. Essa é a sintaxe da função de seta, colchetes seguidos por setas e colchetes. Dentro dos colchetes, precisamos adicionar nosso código. É a saída? Olá. Esta é a função de seta. Como esses três métodos, podemos declarar uma função no Java Scope Ok. A seguir, veremos os parâmetros e argumentos da função. O que são parâmetros? Os parâmetros são um espaço reservado definido na declaração da função Ele age como uma variável que recebe valores quando a função é chamada. O que são argumentos, os valores reais passam para sua função ao chamar. Deixe-me escrever um exemplo de programa para isso usando argumentos e parâmetros. FunSonGret e dentro de um colchete, e dentro de um colchete, mencionei o nome. Isso é chamado de parâmetro. Aqui, o nome é parâmetro. Suspensórios jet colli. Vou criar um console para dizer olá. Meu nome é, e aqui vamos imprimir o valor do parâmetro. Agora vou chamar essa função com argumento aqui SA é o argumento. Dois. Mas qual será a nossa produção? Olá. Meu nome é Sa. Essa será a nossa saída. Vamos ver. Olá, meu nome é Sab. É assim que podemos usar argumentos e parâmetros em Javasb. Na web do Javas, existem funções de parâmetro único e funções e Esta é a amostra da função de parâmetro único. Deixe-me criar outro programa para a função de vários parâmetros. Função. Eu criei um novo anúncio de carro de função e aqui estou passando dois argumentos AB. Estou chamando a função com o valor de dois argumentos. Pi, p. Então, qual será a saída ou saída 15. Aqui, estou passando dois argumentos e, na função, estou recebendo dois valores de parâmetros. Aqui está nossa saída como 15. Como esse método, podemos usar parâmetro, parâmetro único e função vários parâmetros em JavaScript. A seguir, veremos os parâmetros padrão. O que é parâmetro padrão? O parâmetro padrão permite que a função tenha valores predefinidos se nenhum argumento for fornecido Por exemplo, estou criando uma função função grit, aqui o parâmetro, eu pré-atribuí um valor para o nome como convidado Aqui estou chamando a função com nome. Qual será a nossa produção? A saída esperada será meu nome é Ja porque recebi o valor do argumento. Em uma função, especificamos o nome do valor do parâmetro. Se nenhum nome for passado, nome do hóspede será impresso. Aqui estamos passando Jan como argumento, então nossa saída esperada é meu nome é Jah Meu nome é John é nossa produção. Agora vou remover esse valor do argumento. Vamos sacudir a saída. Agora, nossa saída será meu nome é convidado. Esses são os parâmetros padrão do carro em JavaScript. Ok, tudo bem. A seguir, veremos como retornar o valor de uma função. Na função, podemos retornar valores usando uma declaração escrita. Deixe-me criar uma nova função chamada função multiplicar aqui estamos passando dois parâmetros, este A e B. Aqui vamos retornar A e B, multiplicar B. É um Deixe-me criar uma nova variável usando EP aqui, estou chamando a função just multiply Aqui, precisamos passar dois argumentos, vou passar dois Pam pi Vamos imprimir esse resultado. Então, qual é a saída esperada? Nossa saída será de dois em cinco, que é dez. Ok, tudo bem. Então, o que acontecerá se não passarmos o argumento para a função? Eu retorna um valor nulo. Ok. Tudo bem. A seguir, veremos o escopo da função. Em Java Script, as variáveis têm escopos diferentes , um é o escopo global e o outro é o escopo local E deixe variável global igual a Eu sou global. Os vários globais são declarados fora da função. Se criarmos uma nova função chamada pontuação do teste? Dentro de uma função, vou criar uma variável chamada local are. A variável que é declarada dentro da função é chamada de variável local. podemos acessar a variável local Só podemos acessar a variável local dentro da função. Disse que eu sou local. Agora, o que vou fazer é imprimir esses dois valores usando o Control dt Console dutlog Podemos acessar a variável global em todo o nosso programa Se podemos usar fora da função e também dentro do blog de funções. Então, qual saída esperada ou saída esperada serão os dois valores. Sou global e sou local. Vê? Essa é a nossa saída. Sou local e sou global. Agora vou tentar imprimir a variável local fora da função Agora, receberemos um erro como se o local fosse indefinido. Aqui, mas a área local de referência não está definida. Como eu disse, podemos acessar a variável local somente dentro da função blop. Ok, aqui. Tudo bem A seguir, veremos as funções anônimas. Ok, o que são funções anônimas? Uma função sem nome ou chama funções anônimas e é frequentemente usada em retornos de chamada Em seguida, criamos uma nova função, sentamos, expiramos. Lá depois de 5 segundos. Essa mensagem aparece após 5 segundos. Nós provamos, coloque seu navegador. Um, dois, três, quatro e cinco. Vê? Essa é a nossa saída, que obteremos após 5 segundos. Certo? Aqui, não mencionamos o nome da função. Isso é chamado de funções anônimas. A seguir, veremos se V que é imediatamente invocada pela função ExpressShi Ele é executado assim que é definido. Vamos ver o exemplo dessa função. Resposta com amor. Eu sou i p. Aqui criamos a função. Nós não ligamos para isso. Então, vamos ver a saída. Imani P. Dessa forma, podemos criar o IFP, imediatamente invocada A seguir, veremos as funções de retorno de chamada em JavaScript. Uma função passada como argumento para outra função. Isso é chamado de função de retorno de chamada. D crie uma nova função como theta. Aqui, tudo de volta como argumento. Eu considero Fix it. Vamos verificar nossa saída em nosso navegador. Veja, buscar dados, buscar dados concluídos. Aqui, estamos passando a função como um retorno de chamada. É assim que podemos criar função de retorno de chamada de uso em JavaScrb A seguir, veremos a recressão no JavaScript. O que é uma regressão? Uma regressão que se propõe a resolver um problema. Deixe-me escrever um programa fatorial para N números. Se N for igual a zero, retorna um. Escrito, N em fatorial, de N menos um. Agora vou chamar essa função fatorial de pi. Vamos imprimir esse valor usando o console A. Desculpe, o tipo de erro fatorial não está definido Novamente, o mesmo problema, fatorial, não está definido Desculpe, aqui está um erro de digitação. O fatorial de Y será 120. O que é bom. Tudo bem Nesta palestra, aprendemos sobre funções e você aprendeu sobre como definir função Quais são as diferentes formas de definir função, que é declaração de função, função de exposição de função, função RO E aprendemos sobre o que são parâmetros e argumentos. O que são parâmetros padrão e funções de parâmetro único, funções vários parâmetros, valor de retorno de uma função, escopo da função, o que é variável global e o que é variável local Também aprendemos sobre funções anônimas, expressões de função invocadas imediatamente, funções de chamada e funções recorrentes Função é um conceito central em Javascript. Isso ajuda a estruturar o código de forma eficiente. Compreender diferentes tipos de funções, parâmetros, escopo e conceitos como carboidratos aumentará sua capacidade de escrever Javascript Duba eficiente. Obrigada Veja sua próxima palestra. 14. Objetos em JavaScript: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, veremos sobre objetos JavaScript. Objetos em JavaScript são uma estrutura de dados fundamental que permite armazenar e gerenciar dados em pares de valores-chave. Os objetos ajudam a organizar o código de forma eficiente e permitem um melhor monopolismo de dados Vamos criar um novo objeto. Podemos criar objetos de duas maneiras em JavaScript, o que é literal Outra forma é usar um novo objeto, a sintaxe. Agora vou criar um objeto usando literais. Deixe a pessoa igual a usar colchetes encaracolados, anúncios de nomes e 30 anos e cidade de Nova York Esse é um objeto, a pessoa é o nome do objeto e esses são os valores do objeto. Isso é, isso é valor. Nome é uma chave, H é uma chave, cidade é uma chave e esses são valores para os valores-chave. Vamos manter isso salvo em nosso arquivo. E aqui está nossa saída. A saída é objeto e, aqui, o nome da cidade. OK. Vamos ver como criar um objeto usando o método objeto. Vou comandar isso aqui, vou criar uma nova pessoa variável e vou criar um novo objeto usando o método objeto chamando objeto. Aqui, vou atribuir valores ao nome da pessoa como John, 25 anos. Vamos imprimir esse valor. O que lhe dará a mesma saída. O objeto não está definido. Aqui, o objeto O deve estar em maiúsculas. Novo objeto. Aqui nos é atribuído um valor. O nome é uma chave, John é um valor e 25 é um valor. A cidade é uma chave e Los Angeles um valor, e nossa produção será. Como você pode ver, essa é a nossa saída. Dessa forma, podemos criar objetos nos dois sentidos. O primeiro é literal de objeto e, ao usar o segundo método, é a sintaxe do novo método de objeto A seguir, veremos como acessar os parâmetros do objeto. Podemos acessar os parâmetros do objeto de duas maneiras, que é a notação de dardo e outra é a notação de colchetes Acesse os parâmetros do objeto. De duas maneiras, uma é a notação de pontos E a segunda é a notação de colchetes. OK. Vamos ver o que é notação de pontos E aqui criamos um objeto chamado pessoa. Agora eu quero acessar a gaiola da pessoa. Então, usando notação de pontos, pessoa, idade, fazemos isso fora desse controle OK. Então, saída esperada. Eu quero saber a idade da pessoa. Para isso, estou usando a notação de dardo aqui. Portanto, a saída esperada é pi cinco. Vamos ver. Suporte inesperado. Desculpe, eu esqueci de comandar isso. Ok, tudo bem. Então, aqui está nossa saída. A idade da pessoa é 25 anos. Dessa forma, podemos acessar o valor da cidade e também o valor do nome. Agora, nossa produção esperada é o último ânus, certo? OK. Como acessar o parâmetro Object usando a notação de colchetes Pessoa, colchete dentro do colchete, precisamos especificar o parâmetro, valor da chave do objeto Agora eu vou querer saber o nome da pessoa. Então, forneceremos a saída JSA. Vê? De ambas as formas, podemos acessá-los. Parâmetros de objeto em JavaScript, que são notação e notação de dardo e notação seguir, veremos como adicionar e modificar as propriedades do objeto. OK. Aqui criamos um novo objeto, que é a pessoa, e aqui temos nome, idade e cidade. Agora vou adicionar um país para esse objeto de pessoa. Podemos adicionar a propriedade Object usando o país de pontos pessoais, que é EUA. Console.law. Vamos imprimir o valor da pessoa. Além disso, temos o valor do país no objeto. Agora eu quero mudar a idade da pessoa. Como podemos fazer isso. Podemos fazer isso usando a pessoa como. Vamos mudar para 30. Agora, nossa saída esperada g será alterada para essa. Vamos ver. C, você obteve a saída como H 30. Dessa forma, podemos adicionar e modificar as propriedades do objeto no Java Screen. E agora vamos ver como excluir a propriedade do objeto. Agora, quero excluir a propriedade da cidade da pessoa. Então, para isso, precisamos usar delete. Personalize a cidade. Agora, no valor da pessoa. Vamos ver aqui, a partir de nossa produção, a cidade será removida. Veja, nossa cidade desapareceu. Sem saída. Dessa forma, podemos excluir propriedades de objetos na escola Java. A seguir, veremos os métodos de objetos. Objetos Java também podem ter funções como propriedades. Deixe-me criar um novo objeto. O nome dessa pessoa é um salto, tem 25 anos, e eu vou criar D como GET. Dan é uma função. E aqui, vou imprimir esse nome, como acessar o nome. Você pode acessar o nome usando essa propriedade. Esse nome de cachorro. OK. Agora vou chamar essa pessoa de Gret. Nossa saída esperada será. Olá, meu nome é Ja. Essa é a nossa saída. Olá, meu nome é a. Anteriormente, vimos como atribuir valores de propriedades. E nisso, agora podemos dizer, vimos sobre valores-chave. Pode ser Kang. A seguir, veremos o cabeçalho sobre as propriedades do objeto. Podemos examinar as propriedades de um objeto usando far em Deixe-me criar um novo objeto chamado nome da pessoa, 30 anos. Cidade OK. Então, agora, o que eu vou fazer é deixar P pessoa. E aqui vamos imprimir um atlas e uma pessoa em console . Ok , aqui está nosso nome de saída John H 30 city, Ok, tudo bem. A seguir, veremos os métodos de objeto. Existem três métodos no objeto, que são teclas de ponto do objeto, objeto, valores e entradas do objeto. Vamos ver um por um. Aqui está o objeto pessoal. Agora vou imprimir isso. Pessoa de objetos, que retornará todos os valores-chave do objeto. A saída esperada será nome, A e cidade. Aqui está nossa saída. O valor chave do objeto é impresso aqui na cidade H. Vamos alterar esses dois valores, que retornarão somente os valores do objeto E. Como você pode ver, somente o valor é impresso, João 30. Vamos ver qual será a saída usando o método de entrada. Pois você retornará a chave e o valor separadamente como corretos. Ok, Gi. Ok, tudo bem. Em seguida, você verá o construtor de objetos. construtor permite criar várias instâncias no mesmo objeto Ok, aqui. Digamos que a pessoa seja um objeto. Em pry new function, função nome da pessoa Kama Esse nome é igual ao nome, e esse H é igual a g, e essa grade é igual à e essa grade é igual função do objeto, log de pontos do console Olá, meu nome é esse nome de ponto. Aqui eu criei uma função com o nome dos dois parâmetros e H. Eu atribuí os valores. Esse é o nome igual ao nome, esse g é igual a g, e esse é aquele quLokAlbaFuncton, Console dot L. Olá, Console dot L. Olá, meu Agora vou criar uma nova variável chamada pessoa um. A pessoa que está chamando Mu aqui, precisamos passar para a discussão, qual é o nome e a idade da pessoa Qual será nossa produção esperada ou esperada? Meu nome é Jah. Desculpe, esqueci de ligar para essa pessoa. Pessoa WonDag, que retornará o Out. Olá. Meu nome é Jam. Agora vou criar outro cartão variável para a pessoa 2. Vou criar uma nova instância, outra instância usando pessoa, e desta vez, o nome será Sha e 30 anos. Agora vou fazer isso, chamar essa pessoa para pontilhar Grit. Ótimo. OK. Então, como você vê, olá, meu nome é Olá, meu nome é Shah Dessa forma, podemos criar várias instâncias do mesmo objeto. Está bem? Tudo bem. Em seguida, vamos ver as aulas. As classes fornecem uma maneira mais limpa definir os looprans de objetos Vamos criar uma nova classe. A sintaxe da classe é a palavra-chave class e seguida por um nome de classe Dentro da classe, haverá um nome de construtor, g como antes, você atribuirá esse nome igual ao nome e esse g igual a H. Fora do construtor, vou criar um novo método, grid Aqui, eu vou executar isso. Meu nome é esse nome sombrio. Então, fora da aula, vou ligar para essa turma. Que a primeira pessoa crie uma nova instância, nova pessoa mítica e a era desse lugar. Agora vou chamar essa pessoa de One dt Cred. Meu nome é Smith. Em vez do nome, vou imprimir o nome age of the Smith, minha idade está escrita. Meu nome é minha idade é Pat. Tudo bem. Dessa forma, podemos criar e usar classes em JavaScript. A seguir, veremos protótipos em JavaScript. O JavaScript usa protótipo para herança . Duas vezes. Podemos criar um exemplo de problema para essa pessoa funcional? Nome, sou H L anterior, esse nome igual ao nome e esse dth igual a H fora da função, pessoa, escuro, proto, Thi greet, igual à Thi greet, igual La. Meu nome é esse nome. Ao usar o protótipo, você pode acessar o valor da propriedade fora da função Deixe um igual ao u nome e H pessoa essa nota, o que lhe dará a mesma saída. Meu nome é Sha. É assim que podemos usar o protótipo na Escola Java. A seguir, veremos a desestruturação do objeto. Extraindo propriedades do objeto em uma variável chamada desestruturação do objeto Essa pessoa igual ao nome e à idade tem 30 anos. Que venha o nome, idade igual à pessoa. Agora, vou trazer os dois valores do console log, name e, portanto, log age anteriormente, como podemos acessar o valor do objeto de valor-chave usando o nome da pessoa, um é a notação de dardo e outro é a notação de colchetes Na desestruturação de objetos, podemos extrair diretamente as propriedades do objeto em variáveis Agora, a produção esperada será Jum e 30. Vamos ver. OK. Aqui está nossa produção como John e a idade é 30. Está bem? Tudo bem. Nesta palestra, espero que tenhamos aprendido sobre o que é o objeto pot do Java e como podemos criar objetos Podemos criar objetos de duas formas literal e usando a nova sintaxe do objeto, e como podemos acessar os parâmetros do objeto e como podemos adicionar e modificar as propriedades do objeto e como podemos excluir as propriedades do objeto E o que é método de objeto? E também aprendemos sobre classificação de propriedades de objetos, métodos de objetos. Vimos chaves de pontos de objetos, valores de pontos de objetos, número de pontos de objetos e também aprendemos sobre construtores e classes de objetos em protótipos de Javascrib, e também temos construtores e classes de objetos em protótipos de Javascrib, e também E objetos Javascript são essenciais para estruturar e manipular dados Compreender criações de objetos, métodos, constritores, classes e protótipos ajuda a escrever código eficiente Obrigada. Até a próxima palestra. 15. Cookies em JavaScript: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, você verá sobre cookies em JavaScript. Antes disso, o que são cookies? Os cookies são um caminho de valor fundamental armazenado no navegador e ajudarão a manter a sensibilidade e o desempenho do usuário na web Cookies são um pequeno arquivo de texto armazenado no navegador do usuário. Lembre-se de informações como referências de sessões de login e dados de rastreamento Em Javascript, podemos criar, ler e excluir cookies. Deixe-me mostrar como podemos criar cookies em JavaScript. Podemos criar um cookie usando o cookie de ponto do documento, aqui igual aos códigos duplos, você precisa atribuir valores Agora, vou criar um novo nome de usuário T igual jab ponto e vírgula. A seguir, devemos Ok. Aqui está o explon feito para esse valor e, a seguir, para especificar o caminho deles. Agora vou editar usando o ponto H, essa pilha. Dessa forma, podemos definir os cookies em JavaScript. A seguir, mostrarei como ler cookies em JavaScript. Podemos ler cookies simplesmente usando o dookie de documentos. Vamos imprimir esse valor. Ok. Salve o ponto. E na guia do navegador, controle de risco F 12 para o elemento de inspeção e aqui está a guia de armazenamento Na guia de armazenamento, clique em Cookies e selecione o arquivo. Como você pode ver, aqui está o valor. Nome de usuário Jang e ele expirará na sexta-feira, 20 de fevereiro de 2025 Dessa forma, podemos ler Cookie em JavaScript. A seguir, mostrarei como modificar o Cookie em JavaScript. Podemos modificar o cookie usando o cookie do documento. Agora, aqui, precisamos definir um valor diferente para o valor da chave. Agora vou definir o uso do nome SA e ele expirará no sábado, primeiro de março de 2025 Então, no horário 23:59 p.m. A mesma multa. A mesma multa Ok. Diga o arquivo. Agora vamos imprimir esse valor. Vamos acessar a página, acessar os cookies e ver se o nome de usuário foi alterado para SA e a data de expiração nos definiu em primeiro de março de 2025 Ok. Então, agora você sabe como criar um cookie e como ler o cookie e também como modificar o cookie. E agora vou mostrar como excluir cookies em Javas. Dois. Para excluir um Goki você precisa definir a data de validade como uma data passada Documento GKIEqualSU, um nome igual a MD e expira use o nome como Sha, vamos definir a data Como quinta-feira 838 P 2025, e a hora como GMT vírgula e caminho: o mesmo caminho leva pontos HD Salve pontos HD Salve Vamos ao seu navegador e testá-lo. Aqui, o valor anterior do cookie está correto. Dessa forma, podemos excluir cookies em JavaScript. Tudo bem Você sabe como criar cookies, como modificar cookies, como ler cookies e também aprende sobre como excluir cookies em JavaScript. 16. Funções de cookies: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, veremos como lidar com cookies usando a função JavaScript. Na aula anterior, você aprendeu sobre como definir cookies usando o cookie dkmondt Além disso, modificamos o valor do cookie e também aprendemos como excluir o cookie definindo a data de expulsão como um valor de data anterior Nesta palestra, você aprenderá sobre como definir o valor do cookie usando a função JavaScript. Suponha que vamos definir o valor da chave do bookie como um telefone e o valor para o número de telefone como este, e vamos definir a data de validade após cinco dias a partir da data atual, ok Você funcionará usando Set Cookie e o valor-chave como forma, e o valor do cookie é essa data de expiração cinco dias a partir da data atual Então, para isso, vou criar uma nova função com o nome de Set Cookie. E aqui passamos três argumentos, então precisamos obter os valores dos parâmetros. Digamos que o nome valha por dia, ok? Aqui eu criei um novo valor chamado valor da data de expiração. Inicialmente, atribuí um valor nulo. Aqui, estou verificando uma condição se o valor da data de expiração foi aprovado, o que significa que aqui, não há nenhuma média de valor nulo Eu crio uma nova variável chamada data. Aqui, estou obtendo a data atual usando o novo método de data. E aqui, vou definir o valor do conjunto de dados tap. Aqui estou obtendo o valor da hora atual da data atual. Hora atual mais o número de dias. Aqui vamos converter os dias em milissegundos, 24 horas em 60 minutos em 60 segundos em mil por milissegundo Aqui, estou atribuindo valor ao valor expirado. expiração do ponto e vírgula é igual A expiração do ponto e vírgula é igual a mais o valor da data. Aqui estou convertendo o valor da data para a string UTC. Ok. E aqui vamos definir o valor do cookie usando dcman dot Cookie, que é o nome do cookie Esse valor que estamos obtendo do nome do parâmetro mais, digamos, códigos duplos é igual. Aqui, precisamos atribuir um valor à chave, que é o valor deste É o valor do Idit. Além de códigos internos, ponto e vírgula e PAT, que é o arquivo atual Biscoitos, punks dot H TMU. Está bem? Tudo bem Salve esse código. Ok. Abra o navegador e vá para armazenamento e outros cookies. Esse é o nome do nosso arquivo, certo? Cookies, das funks e dot EML, e aqui está o valor do nosso cookie telefone e o valor do telefone são 987-65-4321 e expirarão em 20 de fevereiro de E esta é a data atual, 15 de fevereiro de 2025. Tudo bem, definimos com sucesso valor do cookie usando a função JavaScript. A seguir, veremos como obter um valor do cookie. No momento, temos biscoito. Este é o nosso telefone maduro com o valor chave do cookie, e aqui temos um valor Então, neste programa, vamos obter esse valor desse cookie. Deixe-me comandar isso. Eu vou querer obter esse valor de quatro. Então, para isso, vou criar uma nova função, gate cookie. Aqui estou obtendo o valor do parâmetro. Aqui eu criei uma nova variável chamada cookies, que é cookies. Valor do cookie, cookie d dot, e aqui estou dividindo esse valor do cookie por Ele retornará o valor de RA. Para ler o valor de RA, eu uso Pardo, deixo I igual a zero isolamento e I menor que o comprimento do biscoito Um comprimento. E incrementar I sps para um valor único igual a cookies de I. Novamente, estou dividindo Aqui estou verificando as condições. Se o cookie de zero for igual ao valor do nosso parâmetro significa que você retornará o valor de, retornaremos o valor EMT Salve o arquivo e vá para o navegador. Imprimimos esse valor usando o dot lag do console Salve o arquivo. Veja, aqui está nossa saída. O valor do cookie do valor-chave phone é esse. Tudo bem Mas dessa forma, podemos obter um valor de Cooking. seguir, veremos como excluir o valor do cookie usando fontes Javascript. Exclua o cookie por funções. Mas vou criar uma nova função, chamá-la de delete, cookie e aqui obter um valor de parâmetro. Função de chamada, exclua Cookie, vamos excluir o número do formulário, ok? Normalmente, o que fazemos para definir a exclusão de um cookie, simplesmente definimos as datas de expiração e a data de vencimento, é isso que vou fazer Ponto do documento Cookie é igual a nome é igual a T e expira Sexta-feira, dia 40, F 20, 25.000 GMT, e o caminho é igual ao nome do arquivo atual, as funções dos bookies dot t. Salve o arquivo. nome do arquivo atual, as funções dos bookies dot t. Salve o arquivo. Vá para o armazenamento. D. Cookies, esses estão cheios. Veja, não há dados presentes para o host selecionado. Nossos dados de cookies foram excluídos com sucesso. Tudo bem Nesta palestra, você aprendeu sobre como lidar com o valor do cookie usando JavaScript. Você aprendeu sobre como definir um cookie usando funções JavaScript e como obter um valor do Cookie usando a função JavaScript e aprendeu sobre como excluir cookies usando a função JavaScript. Obrigada Te vejo na próxima vez. 17. JavaScript assíncrono: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, veremos sobre JavaScript assíncrono Antes disso, o que é síncrono? Execute um código linha por linha de forma síncrona; assíncrono significa que ele executará Não bloqueie a execução do código restante. Por exemplo, considere isso à la. Primeiro. Segundo. E dê o arquivo. E aqui você vê que isso é síncrono, o que significa que executará cada núcleo linha por linha Está bem? Então, vamos ver o que significa assíncrono Console um clube primeiro e sente-se, pare um pouco. O. Eu quero executar essa linha de código após 5 segundos. OK. Salve o arquivo. Vá para o navegador e faça referência, e aqui você vê a primeira linha e a terceira linha, e a segunda linha será executada após os 5 segundos. Isso é chamado de assíncrono, que significa que ele executa Ele executa et in, não bloqueia a execução do núcleo restante. Está bem? Você entendeu? OK. Agora você sabe o que é síncrono e o que é assíncrono O modo assíncrono permite que a tarefa seja executada em segundo plano sem bloquear a execução da outra enseada É muito, muito essencial para lidar com operações como busca de dados e leitura de arquivos e interações com o usuário Em seguida, você verá as instalações em Javasc. Ok, o que são premissas? Uma premissa representa um valor que pode estar disponível agora no futuro ou nunca. Vamos criar uma nova premissa. É igual a números e ao parâmetro interno. Haverá dois parâmetros: resolver e rejeitar e, dentro da seta, o sucesso de FuntoNRLT é igual O tempo seria de 5 segundos. E se o sucesso resolver os dados recebidos. Sim. Receba uma mensagem, diga como aqui, buscando a data OK. Essa é uma forma de criar uma premissa em JavaScript. A seguir, veremos como lidar com a remise em JavaScript. Para lidar com uma premissa, não perca o ponto depois o log de pontos do console de dados log de pontos do console Dados. Se houver El, catch, error. O console não está aqui. Essa é uma maneira de lidar com Rems em JavaScript. OK. A seguir, veremos o Avite assíncrono. Você verá o Avit assíncrono. O que é assíncrono? ASN é uma palavra-chave, faz uma promessa de retorno de função Ait passa pela execução até que a promessa seja resolvida. Sintaxe Me da função assíncrona Avite Async pig data. Dados recebidos. Isso é uma função. São dados. Salve a função, salve o arquivo. Aqui está o ho. Ok, essa é a sintaxe de async at. A seguir, demonstrarei como apresentar dados usando o APR de pitch da APC O que significa lidar com registros HTTP. O wich APA em JavaScript nos permite fazer um café da manhã em rede. Deixe-me escrever um exemplo de programa para essa função assíncrona, use Antes disso, vou te mostrar que este é o site, JSNPlaceholder Eles estão fornecendo dados de amostra gratuitos para testar a API. Agora vamos criar um novo programa. Agora vamos obter os dados do usuário do site externo. Aqui eu crio uma nova variável chamada rest pwns Avit Punk page KPI, e aqui precisamos mencionar a URL que é Eu mudo o nome da função para obter a tarefa. Seus dados são iguais em aspanst JSA Aqui você imprimirá esse valor. Ele retornará panelas no formato JSON. Ok, aqui precisamos chamar essa função, certo? Recebemos perguntas. Salve o arquivo, vá para Bowser. E aqui, veja, esses são nossos dados de um site externo. Estamos obtendo esses dados usando a API H em JavaScript. OK. seguir, mostrarei como lidar com erros na API H usando as at, e você pode lidar com erros usando o método R catch. Se às vezes o site externo estiver inativo. Na época, como podemos lidar com isso. Eu vou te mostrar. Essa é a nossa função. Aqui eu vou criar um bloco de captura seca. Essa é a sintaxe do tri cache e, dentro try move ou block of code Try executa a lógica e grava nossos dados. Se houver RL significa que essa parte do código será executada e aqui vamos para conso dot log Digamos que como erro na troca dados e, além disso, vou exibir o erro real. Aqui, propositalmente, vou cometer um erro na URL do site externo, e aqui vemos que temos referência. OK. O que acontecerá se sairmos desse programa? A segunda linha está virada para a direita. Então, dessa forma, usando Tri catch, podemos lidar com o aqui OK. Tudo bem. você aprende sobre o que é assíncrono e o que é premissa e como criar uma premissa e como lidar com premissas em Javasp, você aprendeu sobre assíncrono e também aprendeu sobre como corrigir dados de um site externo usando a Nesta palestra, você aprende sobre o que é assíncrono e o que é premissa e como criar uma premissa e como lidar com premissas em Javasp, você aprendeu sobre assíncrono e também aprendeu sobre como corrigir dados de um site externo usando a API pitch. Como você aprendeu sobre como lidar com erros usando o DRCAxBlog Veja sua próxima palestra. Dois. 18. APIs WEB JavaScript: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, veremos as APIs web de JavaScript. E o que são APIs da web? Você verá sobre APIs web Java comuns e também como apresentar dados da API O que é armazenamento local e API de armazenamento de sessão. Além disso, vamos escrever um programa de amostra para obter dados da API da web usando a IA assíncrona Primeiro, ensinarei a você, uma por uma, APIs web de JavaScript, interface de programação de aplicativos , chamada API Ride APIs web de JavaScript permitem interagir com o navegador e recursos externos Ele fornece funcionalidades como manipulação de DAM, solicitação de rede, armazenamento, manuseio e controle de multimídia Vamos ver o que são APIs da web. Essas interfaces de navegador integradas permitem ao desenvolvedor realizar várias tarefas, como modificar o dom do modelo de objeto do documento, lidar com as interações do usuário e buscar dados dos servidores Então, vamos ver as APIs da web comuns. A primeira é a API de modelo de objeto de documento da API inativa. Ele permite que o Javascook interaja com a modificação do Hat CML Por exemplo, suponha que haja um ID DV chamado meu elemento OK. O texto diz olá. Inicialmente, nosso texto diz olá. Agora, quero alterar esse texto dinamicamente usando a API Dom Então, o que vou fazer é usar elemento get do documento por ID e, dentro dos códigos Dougle, nosso nome de ID, que é meu elemento E usando texto inarth, podemos atribuir valor dizer olá Para o arquivo. Então, aqui devemos colocar esse código JavaScript após a devida cópia e colá-lo aqui. Veja que o texto foi alterado para hello valve. Isso é chamado de API Dom e outros APs dom são domen dot, seletor Quri, elemento de criação de pontos de documento, documento Elas são chamadas de APIs Dom em JavaScript. seguir, veremos a API ph usada para fazer solicitações de HCDPE para recuperar ou Ele suporta o método de poste e portão. Por exemplo, esse é o cólon do DPS Esses placeholder.typicd.com cortam todos e cortam um. Este é o site externo. Eles fornecem dados de amostra de JSN para fins de teste e, em seguida, você liga para o site externo Em seguida, ponto de resposta GSM. Então, se houver dados, imprimiremos os dados usando psole dot log E se houver um erro, dot catch error Psog Aqui, imprimimos os dados do erro, aqui os dados de apresentação e mostraremos o erro real. Ok Então, ao chamar o método pH, isso é chamado de H API pig e aqui estamos chamando o site externo E então, se houver uma resposta da API, converteremos a resposta para o formato JSON e exibiremos os dados usando o log de pontos do console E se houver um erro, calculamos o erro e imprimimos o erro usando o método de erro do console. E isso é chamado de API H. Ele funciona com instalações e também usa IA. A seguir, veremos o armazenamento local. E armazenamento Sasan. Antes disso, vamos ver o navegador de saída. E aqui, veja, esses são os dados da APA externa. E vamos alterar o URL propositalmente, aqui estou mencionando o Vamos ver qual será a saída que obteremos. E aqui temos o erro de referência. O erro não está definido, desculpe. Isso não é um erro real, e aqui há algum erro de digitação Então, aqui eu preciso mencionar o erro correto. OK. Este é o nosso tipo real de dados de busca de RL ErlFail to fetch Dessa forma, podemos buscar os dados e lidar com o L usando o PechPi A seguir, mostrarei o que é armazenamento local? Ele armazena os dados no navegador. A sintaxe do conjunto de pontos de armazenamento local IAM. E nome da chave, nome do usuário e valor da chave. Diga o arquivo. Vamos falar sobre isso. Vá para o navegador e no aplicativo, em armazenamento local, aqui está nosso valor. Dessa forma, podemos instalar o armazenamento local. E ele armazena os dados permanentemente até que os excluamos. Vamos ver, armazenamento SSN. Ele armazena os dados somente para os SSNs. Podemos armazenar os dados do SSN chamando o item ssn storage dot set O arco. Salve e vá para o Navegador. A página aqui C, esses são nossos dados de SSN. Nesta palestra, fale sobre PBIs de JavaScript, que são APIs da web Quais são as APIs comuns de JavaScript que são API Dom, API de fase, como configurar armazenamento local e armazenamento SSN Espero que você obtenha informações úteis e até a próxima palestra. Obrigado. 19. Eventos em JavaScript: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, veremos sobre eventos em JavaScript. O que são eventos? Eventos quando o usuário acenta em uma página da web são chamados de evento. Podemos categorizar eventos de maneiras diferentes, como evento de mouse , evento de palavra-chave, evento de formulário e evento de janela Evento do mouse. O que é o evento do mouse? Por exemplo, esta é uma página, e vamos supor que aqui há um botão ligado. Ok, vamos supor que haja um botão. Se você clicar no botão, isso também é um evento. E quando você passa o mouse sobre o botão, isso também é chamado de evento, e quando você sai do mouse, isso também é chamado de evento. Evento de mouse, podemos classificar em clicar com o mouse e sair do mouse. Isso é chamado de evento de mouse e evento Eb. Que é E abaixo. Quando você pressiona a tecla no teclado, esse também é um evento E para baixo e A. Esses dois são chamados evento de teclado e o próximo é eventos de formulário , ou seja, estamos enviando o formulário Há um evento. Se houver mudança de valor no formulário, também há evento e foco é outro evento e Blab esses quatro são chamados de eventos de formulário Eventos da próxima janela. Carregue, redimensione e role a janela. Esses três são chamados de eventos de janela. Está bem? Agora, tudo que você sabe, o que são eventos e quais são os diferentes tipos de eventos em Javascript. Em seguida, você aprende sobre os ouvintes do evento. Podemos ouvir o evento usando adicionar ouvinte de eventos. Está bem? Então isso é um botão. Se alguém clicar no botão, como podemos detectar se alguém clicou abaixo do botão Eu vou te mostrar. Vamos definir o atributo ID para o botão como BTN. Documente, pontilhe, obtenha elemento por ID e nosso nome de ID BTN, ouvintes de eventos Clique. Se alguém clicar no botão Vamos, clique em. Salve o arquivo. Se você clicar no botão, verá o botão clicado Dessa forma, podemos detectar o evento de clique no botão em JavaScript. A seguir, você verá os métodos de tratamento de eventos. Podemos lidar com Javascript de três maneiras, que é HTML, atributo de evento. A segunda é a propriedade do evento JavaScript. E o terceiro é Add even listen. Usando esses três métodos, podemos lidar com eventos em JavaScript. O que é atributo talevent? Isso é um botão, certo? No botão em si, clique no botão, você vai clicar em Salt OK. Vá para o Navegador. Você clica aqui, a caixa de aviso é clicada. Isso é chamado de atributo par TML. Podemos escrever um código JavaScript, até mesmo um ouvinte dentro da própria tag ASTML A seguir, veremos uma propriedade uniforme em JavaScript. Deixe BTN igual ao documento obter elemento por ID. Dentro dos códigos duplos, o nome do ID do nosso botão, que é BTN, btnTLC é igual ao consentimento no botão Alt. ao consentimento no botão Alt. Clicado. Desculpe, aqui, clique no botão. Salve o arquivo. Aqui você pode ver. Isso também dá o mesmo clique no botão. A terceira é adicionar até mesmo o desejo, que já vimos no exemplo anterior. Assim como essas três formas, podemos lidar com eventos em JavaScript. Obrigada. Você é excelente. 20. Palavras-chave em JavaScript: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, você verá sobre palavras-chave em JavaScript. Antes disso, o que é palavra-chave? Palavras-chave são palavras reservadas que têm um significado e funcionalidades especiais Podemos usar palavras-chave para definir variáveis, funções e loops, condições e muito mais Você deve entender a palavra-chave NCL para escrever se estiver no código JavaScript. Existem diferentes tipos de palavras-chave disponíveis em JavaScript. Essa palavra-chave de declaração variável e punks e palavras-chave e palavras-chave de fluxo de controle E palavras-chave orientadas a objetos. E exceções e fila de tratamento. OK. Então, palavras-chave de declaração variável. Eles são nós iluminados e consistentes. Essas são as palavras-chave usadas para declarar uma variável em JavaScript. E vamos ver quais são as palavras-chave para funções, que são função e escrita. Essas duas palavras-chave são chamadas de palavras-chave de função. Vamos ver as palavras-chave de fluxo de controle if switch e parlo y doy. Essas são as palavras-chave chamadas de palavras-chave de fluxo de controle. E vamos ver quais são as palavras-chave. É chamado de palavras-chave orientadas a objetos, que são extensões de classe. Essas três palavras-chave são chamadas de palavras-chave orientadas a objetos e tente finalmente resolver. Essas quatro palavras-chave chamadas exceção e palavras-chave usadas para recuperar o R dos dados da mensagem Obrigada. Até a próxima palestra. 21. Manipulação de erros no JavaScript: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, você verá sobre o tratamento de erros em JavaScript. Para garantir a boa execução da publicação, depreciação é muito, muito importante Vamos ver os tipos de erros. Erro de sintaxe, erro de referência , erro de tipo e erro de intervalo Vamos ver o que é erro de sintaxe. Por exemplo, considere isso. A sintaxe do console lave é essa, certo? Ok, se eu estou perdendo o significado de samambaia. O que vamos conseguir? Vamos pegar a saída e aqui ver, temos um erro de sintaxe Falta um colchete após a lista de argumentos. Esse tipo de erro é chamado de erro de sintaxe e, a seguir, veremos o erro de referência Por exemplo, estou tentando imprimir o valor de X, e aqui não definimos a variável X. O que acontecerá? Recebemos um erro de referência. X não está definido. Assim, esse tipo de erro é chamado de erro de referência. A seguir, veremos o que significa erro de tipo. Vamos supor que Y seja igual a dez, e agora vou tentar converter esse número Estou tentando transformar esse número em uma string usando duas letras maiúsculas. Se dois gases superiores converterem a letra base inferior em maiúscula Então, aqui estou tentando converter o número em maiúsculas. Vamos a saída, e aqui digite error. Temos um erro de digitação. Y maiúsculo não é uma função. Está bem? Esse tipo de erro é chamado de erros de tipo. Vamos ver o que é erro de alcance? Deixe a matriz de fotos da matriz, e aí eu dou um valor negativo à matriz. E aqui Pigon ungut array error, array inválido. A matriz nésima deve começar apenas com números positivos da sala 02. Vamos mudar para fi positivo e agora a mensagem R desaparecerá. Tudo bem. Esses são os tipos de erro: erro de sintaxe Jasp, erro referência, erro de tipo e erro de organização E no Jase, podemos lidar com isso usando R catch block. Este é o syndex do Tri catch block, e você já conhece em nosso menor direito anterior Ok, também podemos lidar com erros usando o Tricatchblock e, finalmente, índice preto final é o mesmo do tricatchblock e, além disso, After cats Pine e aqui podemos imprimir a instrução como se a execução estivesse concluída Essa é a sintaxe do pine e também podemos lidar com o RL usando escreverei um programa de amostra para Punks em idade de doença. Idade inferior a 18 anos significa algum erro personalizado ao usar o método de erro. Então diz que você deve ter pelo menos 18 anos. Está bem? Se a condição falhar, digamos que Aces conceda. Ok, digamos, qual é a saída? Errei, você deve ter pelo menos 18 anos, certo? Vamos mudar a página para 25 significa que nossa massa de erro aumentará. Ok. Isso ocorre por meio do costume. E como depurar erros em JavaScript. Podemos depurar o erro usando o erro de ponto do console. Este é um Rl. Qual é a diferença entre registro de pontos do console e o ponto do console? log de pontos do console imprimirá a instrução e o ponto l do console exibirá a mensagem de erro. Além disso, podemos depurar erros usando a instrução do depurador. X é igual a dez Debuker e dotlog X não vendido. Diga e dotlog X não vendido. Diga o arquivo. Veja. Isso passará pelo estado de execução do programa, você clica aqui e continuaremos o programa. Obtivemos uma saída de dez. Ok. Tudo bem Nesta palestra, aprendemos sobre tratamento de erros em JavaScript, quais são os tipos de erros em erro de sintaxe de JavaScript, erro de referência, erro de tipo e erro de intervalo, e como lidar com o erro em JavaScript, como Trctchblock e TryCatch, finalmente, e você também aprendeu sobre como lançar erros personalizados e como depurar erros em Javascript usando como Trctchblock e TryCatch, finalmente, e você também aprendeu sobre como lançar erros personalizados e como depurar erros em Javascript usando erro do console e também usando a instrução do depurador Obrigada Até a próxima palestra. 22. Projeto do curso: para fazer uma demonstração de lista: Olá a todos, e bem-vindos a esta palestra. Você aprendeu sobre os fundamentos do Java e agora, desta vez, deve aplicar nossas habilidades em JavaScript ao projeto do mundo real Nesta seção, implementaremos uma bela lista interativa de tarefas. E isso é uma demonstração, e aqui temos a caixa de texto e o botão Aardsk E você clica no botão da mesa de arte e ele solicitará que você insira a tarefa. Você implementará o Validation Park e, sempre que você for a tarefa, ela será exibida logo abaixo da caixa de entrada. Assim como você pode adicionar várias tarefas e, quando a tarefa estiver concluída, podemos excluí-la ou marcá-la como concluída desta forma. Então, usando o armazenamento local, você implementará essa funcionalidade. Nas próximas palestras, mostrarei como alcançar esse resultado. Obrigada. 23. Projeto do curso: Adicionar lista de tarefas: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, implementaremos a lista de tarefas usando JavaScript. Ok. Então, aqui, temos o arquivo HTML e o arquivo CSS para estilização, e temos o arquivo script dot JS No arquivo HTML de índice, vinculei o arquivo Style C e também vinculei o arquivo Script Dot JS. Anexei arquivos HTML e CSS na seção de recursos. Você pode baixá-lo e usá-lo. Ok. Esta é a nossa interface de usuário para listar onde temos a caixa de entrada, e aqui temos nosso botão de tarefa e, logo abaixo da caixa de entrada, estamos listando a tarefa. Ok. Agora vamos implementar tudo isso dinamicamente Ok. Vamos começar. E aqui temos a caixa de entrada e aqui está o botão da tarefa, e aqui estão as tarefas listadas. Então, no script JS, vou criar uma variável re para selecionar os elementos. Portanto, o primeiro elemento é a entrada de texto. Igual a, você selecionará o elemento usando Dark Mando get element by ID O ID do campo de entrada é a entrada da tarefa. O próximo, nosso botão Tarefa. É igual ao ponto do documento, obtenha o elemento por ID. Coloque o ID aqui e cole novamente. A próxima variável será nossa lista de tarefas. É igual ao elemento de obtenção do documento por ID. E ID da UL, que é a lista de tarefas. Ok. Agora, sempre que o usuário clicar no botão da tarefa artística, precisamos capturar primeiro o valor de entrada. Botão de tarefa AR, ponto, adicionar ouvinte de eventos. O evento é um evento de clique. Agora vou chamar a nova função, que é a tarefa R. Aqui, vou criar uma nova tarefa de arte funcional. Dentro da função, eu crio uma nova variável para capturar o valor de entrada. Nomes, tarefas e texto são iguais ao valor de entrada de texto. Ok. Vamos controlar esse valor. Diga o arquivo. Vá para o Navegador. Uma tarefa que podemos fazer, e aqui está o valor da nossa tarefa. O que acontece sem inserir o valor da tarefa? O valor vazio é impresso aqui, mas precisamos validar. Precisamos informar o usuário para alertar, por favor, insira sua tarefa. Então, para isso, aqui vou verificar uma condição. SKxttkxt é igual a médias vazias. Use a caixa de alerta para exibir dados. Insira a tarefa e retorne a função. Pronto, salve o arquivo, bom navegador e clique em Iniciar tarefa sem inserir valor Aqui está a mensagem que diz, insira a tarefa. Está bem? Nosso vals está funcionando bem Aqui está o valor da nossa tarefa. Agora, precisamos exibir a tarefa inserida corretamente. Então, Bather, vou criar um novo valor constante. Vou criar um novo objeto. O nome disso é tarefa. E no objeto, há três valores , um deles é ID e tarefa e concluído. Quer as tarefas estejam concluídas ou não, tudo bem. Então, ID. É o Datta atual. Ok. A tarefa é um valor de texto da tarefa, o valor de entrada e, por padrão, o status da tarefa concluída é definido primeiro como falso. Ok. Portanto, fixe primeiro o valor da tarefa. Salve o arquivo, vá para a tarefa Browser Enter e clique no botão North Task, e aqui está o ID do objeto como data e hora atuais, e aqui está o valor da tarefa e o status da tarefa é dis false, computado como Ok. Em seguida, vou para outra função para adicionar a tarefa ou a lista. Adicione a tarefa à lista, e aqui estou passando o valor do nosso objeto como argumento, ok? Vá lá até aqui. Aqui, vou criar uma nova função, que é a lista de ferramentas de tarefas R obtendo o valor do parâmetro que nomeia os dados da tarefa. Dentro da função, crie uma nova variável chamada consti document ate element Elemento de taxa. Isso criará um novo ID para o nosso dom. Em seguida, vou definir o valor do atributo para essa LI usando o método set attribute e o nome do atributo como ID de dados e valor que é ID de ponto de dados da tarefa. Tudo bem. Em seguida, vou criar uma nova constante, que é a extensão do texto. Novamente, vamos criar uma nova extensão usando o elemento document dot create. Desta vez, em vez de LI, mencione-o como intervalo. Em seguida, extensão, extensão de texto, precisamos atribuir o valor para a extensão, extensão de texto, ponto, conteúdo de texto, que é igual à nossa tarefa de ponto de dados da tarefa. Esse é o nosso valor de entrada do usuário. Novamente, em seguida, precisamos criar um botão de exclusão. Para isso, crie um novo valor constante, nomeie o botão Excluir. Documento que cria elemento, botão de hora. Em seguida, botão de exclusão, conteúdo do texto com pontos é igual ao valor estático, que é Agora precisamos primeiro vincular esse valor à LI. Para isso, dote open child Next to span. Em seguida, você precisa abrir o valor do botão de exclusão. Botão Excluir. Ok. Agora, precisamos aumentar essa LI para nosso valor de UL Nossa seleção da lista de tarefas é lista de tarefas. Copie isso. Estou aqui. Lista de tarefas pontuada para cima e criança. Ok. Salve o arquivo. Navegador de fotos. Estou atribuindo um valor à tarefa como tarefa três, clique na tarefa. Tudo bem, nossa tarefa três foi adicionada à lista. Ok. Agora vamos remover o valor estático. Acesse seu índice SGML cinco e remova esse valor estático. Salve os cinco, acesse o Navegador, clique na tarefa sem inserir nenhuma tarefa, que será escrita em RF, insira a tarefa ou será aplicada uma multa Primeira tarefa de ressonância magnética. Tarefa dois. Como você vê, depois de entrar na tarefa, o valor da entrada ainda permanece o mesmo. Precisamos limpar esse valor. Então, para isso, vá para o arquivo Script JS e entre na função de tarefa artística. Depois de chamar a tarefa difícil para listar, você definirá o valor do texto da tarefa como nulo Salve o arquivo. Tarefa um. Ainda está funcionando, deixe-me verificar. Ok. Aqui estamos mencionando um valor Can, para que possamos alterar esse valor Em vez de fornecer o texto dessa tarefa, podemos definir o valor dessa tarefa. Valor do ponto de entrada da tarefa, que é igual ao valor t, ok? Pergunte com um clique. Como você vê, nosso valor de entrada é um claro escárnio. Ok, tudo bem. Assim, podemos ter o máximo de tarefas possíveis. Ok, criamos com sucesso nossa função de adição de tarefas. Agora, sempre que estou reformulando a página, nossa tarefa adicional é removida da página da web Então, precisamos continuar nossa tarefa aqui, certo? Então, para isso, precisamos usar o armazenamento local. Eu vou te mostrar na próxima palestra. Obrigada 24. Projeto do curso: para fazer armazenamento local: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, vamos salvar o valor da nossa tarefa no armazenamento local Mas depois de chamar essa função, vou chamar uma nova função, salvar a tarefa no armazenamento local. Novamente, aqui estou passando nosso objeto de tarefa como argumento. Agora precisamos criar essa função. Função. Salve a tarefa no armazenamento local. Obtendo o valor do nosso parâmetro. É tarefa. Aqui estou criando uma nova variável chamada tarefas. É MTR. OK. O ponto da tarefa aumenta o valor da nossa tarefa. Estamos obtendo esse valor do nosso parâmetro. Em seguida, definiremos valor do armazenamento local chamando o método dot set item do armazenamento local e desvalorizaremos como tarefas e valorizaremos a string cinco do Json Tarefas. OK. Ele armazenará a tarefa no armazenamento local. Acesse um navegador. Coloque a obrigação, o armazenamento local. Aqui, não há valor. Agora vou adicionar a Tarefa 1, como a tarefa. Aqui você pode ver que há uma nova chave como tarefas e aqui está o nosso valor. OK. Teste para clicar em Atacar novamente, em vez de agregar valor à tarefa, ele substituiu o valor pela tarefa existente Precisamos resolver isso até agora. E aqui, obtendo valor do armazenamento local. Se houver valor na variável de tarefa, como o item dot Gate de armazenamento local do JSNPAR, podemos obter valor do armazenamento usando o item ponto G do armazenamento local, nosso valor-chave, que Se não houver valor, podemos defini-lo como TRA. Tudo bem. Diga o arquivo. Tarefa três, clique em tarefa. Como você pode ver, há uma nova tarefa adicionada às tarefas existentes. Insira outro. Estou apenas trabalhando bem. Adicionamos com sucesso nossa tarefa ao armazenamento local. Em seguida, listaremos as tarefas do armazenamento local sempre que a página for carregada. Então. Próxima palestra. Obrigada. 25. Projeto do curso: lista de tarefas: Bem-vindo a esta palestra. Nesta palestra, implementaremos a funcionalidade Sempre que a página for carregada, você obterá o valor do armazenamento local e nós o listaremos lá. Então, para isso, vá para os pontos do script. Início do arquivo. Carregue a tarefa do armazenamento local quando a página for carregada. Está bem? Para isso, vou primeiro documentar o ponto no mesmo sentido. Inativo, conteúdo carregado, o que significa que o conteúdo da página temporal está totalmente carregado Vamos chamar um novo método, carregar tarefas. Agora precisamos criar uma nova função, carregar a tarefa, ir até o final das cinco. Fungon on load tasks. E aqui, deixe tarefas iguais ao armazenamento local obterem o item, por valor de chave, Tarefa. Esse é o valor JSN. Precisamos passar esse valor. Portanto, Json analisa o armazenamento local que obtém o item Como não há dados, você retornará TRA. Ok, tudo bem. Agora, ele nos dará um valor de RA, então faça isso para cada um. E como argumento, vamos chamar nossa função add Task two list, esse método. Adicionar lista de tarefas. Ok, salve o arquivo. Navegador Go. Como você pode ver, existem três dados do nosso armazenamento local e eles foram listados com sucesso aqui. Uma nova tarefa aqui e clique em uma tarefa R. Ok, selecionamos com sucesso o valor do armazenamento local e o listamos aqui. OK. Em seguida, você implementará a funcionalidade de exclusão, que mostrarei na próxima aula. Obrigada. 26. Projeto do curso: excluir a lista de tarefas: Olá, pessoal. Bem-vindo a esta palestra. Nesta palestra, implementaremos nossa lista de tarefas de esforço de exclusão Sempre que você clicar no botão excluir, ele deve ser removido da lista. Vamos começar. E o ponto do script está após essa linha, botão Excluir. Botão Excluir, adicionar ouvinte de eventos ou até mesmo clicar, o que significa que retornaremos para outra função chamada excluir tarefa Aqui, precisamos passar nosso ID da tarefa como parâmetro, que é o ID dos dados da tarefa. Agora precisamos criar uma nova função para excluir dados de toda a lista. Função, exclua a tarefa. Aqui estou obtendo o ID da tarefa dos valores dos parâmetros. nossa tarefa, obtenha o valor da tarefa do armazenamento local usando o armazenamento local. Obtenha o item e nossas tarefas de valor-chave que retornarão o valor JSN Então, vamos analisar esse valor usando JSNPse não há dados Tarefa igual à tarefa desse filtro. E aqui o ID da tarefa, não igual ao valor do parâmetro ID da tarefa. Portanto, ele filtrará o valor da tarefa, que não é o valor do nosso parâmetro. Retornarei todo o valor, exceto o valor do nosso ID da tarefa. Novamente, vamos definir a tarefa para o armazenamento local usando o item db set de armazenamento local e nosso valor-chave como tarefas neste arquivo de string. E aqui, defina esse valor. Ok, salve o arquivo, vá para o Navegador. OK. Aqui está nossa tarefa que você escreve, eu vou excluir a tarefa três, ou essa tarefa foi removida daqui. E novamente, o segundo é removido e o primeiro. Está bem? Ele é removido do armazenamento local, mas esse elemento está presente em nossa página da web. Precisamos remover isso também. Está bem? Para isso. Depois de configurar o armazenamento local, criamos um novo elemento de tarefa conservável igual a dark Man dart Puri selecta O ID de dados é igual a Dalv ou ID da tarefa. E, novamente, a lista de tarefas D remove a criança. Essa tarefa. Salve o arquivo. Adicione uma nova tarefa. OK. Então, quando você inspeciona esse elemento aqui dentro da LI, estamos passando o ID como um ID de dados, certo? Então, usando esse ID, vamos remover esse elemento da nossa página da web. É por isso que aqui estamos usando o seletor de quantidade Cory, ID de dados como valor de parâmetro Selecione, selecionaremos o elemento e removeremos da lista de tarefas, clique no botão excluir, ele deve ser removido da nossa lista de tarefas. Há um erro. O seletor Kory falhou ao executar o seletor Kory e o documento. Deixe-me verificar. OK. E aqui, faltam as aspas duplas. Aqui está o arquivo. E Tarefa 1 Tarefa 2, e clique na Tarefa 2. Ele foi removido do nosso modo de fazer a coisa certa. OK. Você implementou com sucesso nossa funcionalidade de exclusão. E na próxima palestra, implementaremos como nos comercializar ou realizar tarefas. Está bem? Até a próxima palestra. 27. Projeto do curso: completar status: Um. Bem-vindo a esta palestra. Na palestra anterior, implementamos nossa funcionalidade de exclusão e, nesta palestra, implementaremos como comercializar nossa tarefa OK. Vamos começar. E esse é o nosso espaço de texto. Então, aqui, texto, extensão, ponto e até mesmo ouvinte. Clique em Sempre que o usuário clicar no intervalo, chamaremos outro método de conclusão de emaranhamento E aqui precisamos passar dois dados, que são o ID da tarefa e o valor da extensão do texto. Sempre que o usuário clica no texto da tarefa x, você está chamando o método, preenchimento da tabela, e aqui estamos passando dois argumentos O, o ID da tarefa, e outros, extensão de texto. Função, e o nome da nossa função é conclusão de tabela. ID da tarefa e extensão do texto. OK. Primeiro, precisamos obter o valor do nosso armazenamento local. Criamos uma nova variável chamada tasks igual a json dot p, armazenamento local dot get item, e nosso principal valor Não há dados, diz DMD, certo. Tarefa é igual à tarefa que corresponde ao mapa dentro da função de mapa. Tarefa. Ele verificará cada elemento da matriz aqui, se o ID da tarefa é igual ao nosso ID da tarefa, que estamos obtendo do parâmetro significa que tarefa concluída é igual a tarefa não concluída Se for verdadeiro, ele o definirá como falso. Se for falso, ele o definirá como verdadeiro e será escrito. Tarefa. OK. Agora, precisamos definir um valor para o armazenamento local, as tarefas do conjunto de pontos do armazenamento local. Pino de string JSON. pausar nossos últimos dados, salvar o arquivo e, em seguida, ir para o armazenamento local do aplicativo Browser, e aqui está o status da primeira tarefa concluída, ou seja, cai Agora vou tocar na primeira tarefa aqui e, como você pode ver, o status da concluída mudou para u Agora precisamos marcar essa tarefa como concluída. Para isso, depois disso, o texto sobressalente. Faça o elemento pai. Vamos adicionar uma nova classe ao elemento pai. Lista de classes concluída há pouco OK. Salve o arquivo. Pelo que vejo, foi alterado para concluído. Quando você inspeciona isso, há uma nova classe adicionada ao elemento pai Novamente, quando você toca nisso, o vidro foi acionado. Para o vidro completo, adicionei o estilo como fundo como uma sala de luz verde clara e decoração de texto. É por isso que é Sewing Strike Out. Concluímos com sucesso nosso projeto de lista de tarefas. 28. Conclusão: Olá, e parabéns por terminar esta aula. E vamos ver as principais conclusões desse projeto. Espero que você tenha aprendido sobre os fundamentos do JavaScript. O que é JavaScript? A sintaxe do JavaScript, como incluir JavaScript, página da web TMO, também aprendi sobre operadores, palavras-chave, objetos, declarações Control pro, funk sens, API web, Async, cookies Pratique regularmente e aplique seus fundamentos básicos ao próximo nível, pratique, pratique, pratique Mais uma vez, obrigado por fazer este curso e deixe um comentário se você gostou deste curso. Obrigada. Te vejo na minha próxima aula.