Curso completo para iniciantes em Javascript para desenvolvimento de web

1. Introdução ao curso: Que você quer levar o desenvolvimento web para o próximo nível. E você tomar alguns Java é cursos de script e tutoriais. E você não está confiante em código? Então Java Script curso completo para iniciantes para desenvolvimento web é perfeito para você. Este é o curso mais abrangente e melhor que eu já construí. Java é hoje uma das artes linguísticas mais exigentes. Há muitos materiais disponíveis no script Java, mas muitos deles estão desatualizados e não completá-lo. É o último curso mais concluído sobre JavaScript em um corte de pele, que leva você todo o caminho desde iniciante até o discurso de desenvolvimento nível júnior dividido em diferentes seções. No plus b, você aprenderá a introdução ao curso. Então você aprenderá o fundamental para o script java. Em seguida, você aprenderá operadores no script java. Então você aprenderá os métodos internos no JavaScript. Depois disso, você aprenderá o fluxo de controle ou tomada de decisão no script java. Depois de aprender o fluxo de controle e tomada de decisão, você vai mover o, o script Java mesmo. Então você vai aprender que loops no JavaScript do que você vai aprender as matrizes no script java. Depois de concluir o anúncio, você vai mover para as funções no script Java e você também vai aprender além do básico na divisão Java depois de aprender essas seções Al e construir seu conceito. Então, vamos passar para o java é script Document Object Model, material africano, o dom, vamos passar para o Java Script Object Oriented Programming. Depois de concluir a programação orientada a objetos, você moverá para a seção Java Script avançada. Depois de concluí-la, seção Java Script avançado, vamos passar para o script java no meu script seis pontes, ES6. Finalmente, vamos aprender o gerador e foi iterações e muito mais. Este curso apresenta 12 horas de palestras em vídeo, recursos para download, exemplos do mundo real, forma amigável e rápida de ensino, tarefas e testes e muitos desafios de codificação. Se você é um completo Java é maior e haverá definitivamente algo para você neste curso. Portanto, se você quiser se tornar um desenvolvedor web, não perca seu tempo se matriculando no curso e comece. Estou muito animado por tê-lo a bordo. Então, o que você está esperando? Cadastre-se e dê um primeiro passo para o desenvolvimento web. 2. Editores de programação: Ei pessoal, bem-vindos a esta palestra. Nesta palestra, vamos falar sobre isso, como você pode configurar seu ambiente para o desenvolvimento web. Você configurar o seu ambiente para o desenvolvimento da web, há um uso de software que é um sonho v foram Dreamweaver é um software que é a prosperidade de ferramentas de desenvolvimento web da Adobe IMC. E foi criado pela macro mídia em 1997 e desenvolvido por eles até que a mídia macro foi adquirida pelo sistema Adobe em 2005. O Adobe Dreamweaver também está disponível em sistemas operacionais Mac e sistemas operacionais Windows. Lembre-se de que o Adobe Dreamweaver é um software que não é gratuito. Você tem que pagar por isso se você está procurando o software livre. Então você tem que executar colchetes. Brackets é o software que também é desenvolvido pela Adobe, mas é um editor de código aberto com são focados principalmente no desenvolvimento web ajuda você a obter isso. Aqui nesta palestra, estamos usando o Adobe Dreamweaver. Se você quiser baixar as versões gratuitas do suporte aqui, basta clicar neste suporte e baixado a partir daqui. Aqui você pode ver que você precisa simplesmente clicar em comprar agora ou simplesmente baixar a versão de avaliação gratuita do Adobe Dreamweaver. Então eu já tenho a versão deste Adobe Dreamweaver. Então, aqui você pode ver que eu tenho a versão 019 do procedimento de cabelo Adobe Dreamweaver de instalação do Dreamweaver é muito simples. Basta clicar em Instalar. Então você tem que encontrar a opção de diretório onde você pode definir seu diretório para o software. E aqui você pode ver que esta é a nossa localização do diretório. Você definir o seu cabelo linguagem e simplesmente clicar em continuar. E aqui você pode ver que você está instalação está prosseguindo aqui. Depois de terminar a instalação, você deve encontrar o botão de acabamento e simplesmente clicar em Concluir e seu software será instalado. É assim que você pode configurar seu Adobe Dreamweaver. Se você encontrar algum problema aqui nesta palestra, por favor me avise e obrigado por assistir esta palestra. 3. Desenvolvimento de front-end e backend: Ei, pessoal, vocês são quentes. Bem-vindo a esta palestra. E nesta palestra vamos falar sobre desenvolvimento de front-end e back-end. E eu vou te dizer a diferença entre o desenvolvimento frontal e back-end. Você abre uma nova guia do navegador, digite um URL e pressione Enter, a carga do site instantaneamente e quase tira o fôlego com seu layout e páginas bem construídas e impressioná-lo. Visuais, front-end e back-end são dois dos termos mais utilizados na indústria de computadores. De certa forma, eles se tornam piores. Eles ditam o tipo de trabalho que você faz como desenvolvedor de software e as tecnologias que você usa e quanto você recebe. Então vamos falar sobre a diferença entre esses dois termos. Bay, eles existem em primeiro lugar, e os diferentes caminhos que você pode tomar em sua carreira de desenvolvimento de software. Antes de iniciar o desenvolvimento da frente e do back-end, só precisamos entender que o que é a renderização do site. Para começar esta jornada, precisamos entender o conceito de renderização da visão, termo da iluminação, a renderização do site significa gerar ou renderizar a saída HTML. Html é uma linguagem de marcação que os desenvolvedores da web usam para criar as páginas da web. É triste que a renderização do site pode acontecer tanto no lado do servidor de anúncios quanto no nível do lado do cliente. Então, o que isso significa? Não vale nada que front-end, os lados do cliente são sinônimos. O mesmo é verdadeiro para o back-end, o lado do servidor. Em primeiro lugar, vamos falar sobre a renderização do lado do servidor, que significa que um desenvolvimento de back-end, não até dois anos atrás, renderizações do lado do servidor ou um desenvolvimento de back-end era a maneira de criar o site e aplicações web. Você visita uma página, envia uma solicitação para o conteúdo e o servidor processa essa essa solicitação e cria uma resposta que é enviada de volta para o navegador quando lado processa lado do servidor todos os processos envolvidos na criação de um página HTML que você é navegador da web pode entender e manipular em um servidor remoto que hospeda o site ou aplicativo web. Isso inclui curar banco de dados para informações e processamento qualquer lógica que você é aplicativos Web requer enquanto o servidor remoto está ocupado no trabalho, seu navegador da Web está idealmente aguardando o servidor para concluir o processamento que solicitar e enviar uma resposta. Quando a resposta é recebida. navegador da Web interpreta e exibe o conteúdo na tela. Agora estamos falando sobre a renderização do lado do cliente, que é um desenvolvimento de front-end. Nos dias mais modernos, surgiu uma nova forma de visão. Renderização do lado do cliente do cartão ou a frente e desenvolvimento com renderização do lado do cliente, a renderização do conteúdo acontece com o seu computador em vez dos servidores web remotos usando a linguagem de fato da web, que é JavaScript. Em termos parciais, significa que um servidor só é necessário para servir os aplicativos web brutos e o navegador será responsável por renderizar esses aplicativos em sua forma final, HTML. Isso também significa que algumas das lógicas envolvidas na criação da página web é especialmente a única na cobrança de lidar com forma como as coisas são apresentadas aos usuários na tela, que é a lógica de apresentações de carro, que são manipulados no lado do servidor. As renderizações do lado do cliente tornam-se populares com o advento das bibliotecas de script java, como Angular, React e BU. Digamos que você decida começar um negócio de sua loja e vamos supor que esta é a padaria ou uma alfaiataria. Você precisa de um site profissional para apresentar sua empresa ou para seus clientes e dizer-lhes onde você está localizado. Talvez você inclua algumas fotos e algumas informações sobre seus produtos. Precisarei de nossas tecnologias de front-end para construir seu site. Agora que entendemos os diferentes tipos de métodos de renderização de site, é mais fácil entender que o desenvolvimento de front-end é a arte de criar o site e aplicativos web que renderizam no lado do cliente. As tecnologias usadas para os desenvolvimentos front-end são, embora existam muitos tipos diferentes de tecnologias e é imposto, maioria dos desenvolvedores front-end usam HTMLs, CSS e JavaScript que defeitos ou blocos de construção da web. E as estruturas do lado do cliente, como Angular, Reagir é tração e visão. Nem tudo acontece com o front-end. Através de renderizações do lado do cliente. O aplicativo ainda depende dos serviços e APIs que são executados no back-end, servidores remotos ou na nuvem. Quais são os alguns fachada e empregos? Em primeiro lugar, o designer VC, um web designer, você adivinhou, estão projetando o site. O título do trabalho do web designer é muito amplo através um web designer ou apenas alguém que projetou os sites em um programa, como Photoshop ou fogos de artifício, e nunca toque no código. Mas em outros locais são web designer poderia fazer todos os projetos vem no Photoshop e, em seguida, ser responsável por criar todo o HTML e CSS em JavaScript para ir junto com ele. Então nós como o designer de interface de usuário, que é um designer de interface do usuário. Este é basicamente um designer visual e geralmente está focado nos projetos. Eles geralmente não estão envolvidos na implementação do design, mas eles podem conhecer um HTML leve e CSS para que eles possam comunicar suas idéias de forma mais eficaz para o desenvolvimento de front-end. Então temos o designer UX, que é um designer de experiência de usuário. Assim, os designers de UX trabalham em um front-end, que está estudando e pesquisando como as pessoas usam o site. E então eles fazem mudanças através de muitos testes. Em seguida, realizamos um desenvolvedor de front-end, também chamado de desenvolvedores de front-end. Eles podem criar um lado sem qualquer lado de desenvolvimento back-end que eles criariam sem um desenvolvedor web ou usando o backhand. É um site estático. I lado estático é algo como lado de gelo de restaurantes ou um salão de cabeleireiro. Ele não requer nenhuma informação para ser armazenado em um banco de dados. A página vai quase sempre ficar a mesma, a menos que seja hora de um redesenho. Um desenvolvedor front-end pode ser necessário para o inferno um aperto sobre o teste, bem como B, bem, pior em HTML, CSS, e JavaScript, esta pessoa pode ou não ter a experiência com a criação do projeto no programa de design. Uma versão diferente deste título é um engenheiro de front-end. As pessoas que trabalharam com frontais e linguagens como script Java também são consideradas como o desenvolvedor front-end. Então esta é a palestra de hoje. Espero que você entenda agora, se você não entender nenhum dos pontos aqui nesta palestra que qual é a diferença entre o front-end e o desenvolvimento de backend? Então, por favor, me avise e obrigado por assistir a esta palestra. 4. Javascript básico de Syntax: Ei pessoal, bem-vindos a esta primeira palestra de codificação sobre o script Java. Nesta palestra, vou falar sobre isso, como você pode criar um programa de sintaxe básico em um script Java. Mas antes de iniciar este programa, só precisamos entender que qual é a diferença entre o HTML e JavaScript e como HTML interagem com o JavaScript. Html, que é não tem nenhum Smarts. que significa que o HTML, quanto não inteligência inteligente, que significa que se você estiver fazendo a operação em massa, então em HTML, isso não é possível. Em HTML, você não pode descobrir se alguém preencheu corretamente o formulário ou não. E ele não pode tomar decisões com base em como o visitante da web interage com ele. Basicamente HTML permite que as pessoas leiam os textos, olhem para a imagem, vejam os vídeos e clique nos links para se mover para outras páginas da web. Esta é a tarefa real do HTML, a fim de adicionar inteligência às suas páginas da Web para que possam responder ao visitante do seu site. Para esse propósito, você precisa de JavaScript. Javascript permite que uma página da Web que reage ou destrua de forma inteligente com ela. Você pode criar um formulário web mais inteligente que permitem aos visitantes saber Venn Day, inferno, esquecer e incluir as informações necessárias, que significa que você pode fazer elementos aparecem ou desaparecer. Como HTML foi projetado para adicionar interatividade a páginas da Web HTML, o que significa que você pode interatividade para o HTML e JavaScript juntos. Script Java, lembre-se, que é uma linguagem de script e html é uma linguagem de marcação de hipertexto é script, ou linguagem de script é linguagem de programação leve. Lembrado que java é, geralmente é incorporado diretamente nos formulários HTML. Agora aqui você pode ver que eu vou dizer-lhe que como você pode criar um JavaScript e o HTML juntos. Esta é a nossa primeira palestra, e eu vou dizer-lhe como você pode criar um programa básico de sintaxe. Sintaxe básica. Ou você pode dizer que um programa helloworld é uma tradição clássica e honrada no tempo na programação de computador. É assort e completo primeiro programa para o iniciante. E é uma boa maneira de garantir que seu ambiente esteja provavelmente ou que seu ambiente esteja configurado corretamente ou não. Aqui você pode ver que estou apenas criando um novo arquivo. Você também pode criar um novo arquivo com este link. Ou você pode simplesmente criar um novo a partir daqui, ou você simplesmente escrever controle ou n. Aqui. Você pode ver que este é o arquivo, e eu vou escrever que este é o arquivo de sintaxe básico. Este é o meu primeiro arquivo de sintaxe básico, o que estou criando com um HTML. Você pode ver que se você está trabalhando com um sonho, Estamos, então isso será mostrado para você assim. Ou se você estiver trabalhando com um bloco de notas ou o Bloco de Notas Plus, Plus. Então você tem que ir para o novo e você pode criar um novo arquivo aqui. E quando você está apenas salvando o arquivo, como controle e.s. então você tem que encontrar esta caixa assim. Aqui você pode ver que você simplesmente escreve como HTML ou você pode ter texto básico San dot html, ou você simplesmente escrever um script Java. Então HTML e o script java aqui são a extensão da sua linguagem de programação se você estiver escrevendo o HTML aqui. Então isso significa que esta é a extensão da linguagem de programação HTML. Se você estiver escrevendo o JavaScripts com Isso significa, isso significa, isso significa que esta é a extensão do JavaScript. Ou se você está trabalhando com Python, então você tem que escrever PY ou se você está escrevendo g o. Então isso significa que esta é uma linguagem de programação objetivo. Você está simplesmente escrevendo a salvo. Então você está arquivo aqui é criado com JavaScript. Você pode ver que aqui não precisamos do Notepad ou do Notepad Plus, Plus aqui mesmo porque estamos usando nosso melhor editor aqui, que é um mundo sonhador. Agora aqui vocês podem ver que os dois é, eu estou apenas mostrando isso para vocês que como nós podemos criar nosso primeiro programa JavaScript. Em primeiro lugar, nós como escrever arquivos HTML aqui, você pode ver isso. E outra é, eu estou apenas criando um novo arquivo aqui, que significa que o nome aqui é você pode ver que eu apenas escrevo textos básicos enviados dot java script. Está bem? Então eu estou apenas editando esses dois e vamos mostrá-los aqui. Você pode ver esse passo mais rápido aqui quando você está apenas criando um script Java. Portanto, há nossa tag usando para esse propósito, que é a tag de script quando você está apenas escrevendo o código de script Java. Então esta tag é necessária aqui, que são as tags de script. Assim, você pode codificar seu JavaScript entre essas tags. Javascript pode ser implementado usando instrução JavaScript que é colocado dentro de uma tag script. Então este script aqui é, você pode ver que esta é uma tag HTML bem aqui. E você apenas escreve código JavaScript bem aqui. Está bem? Agora aqui você pode ver que dentro disso quando você está apenas escrevendo seu código JavaScript aqui. Então você precisa escrever uma linguagem bem aqui. Então eu estou apenas selecionando o idioma a partir disso. Então, eu só seleciono script Java aqui. Então, qual é a língua? O atributo de idioma especifica? O que é a linguagem de script que você está usando. Como normalmente estamos usando aqui, que é o Java Script. Ou eles são alguma linguagem de script que são como a linguagem de programação típica aqui é HT, XHTML. Então esta é apenas uma linguagem de script bem aqui. Ok, então para isso eu apenas pronuncio isso como uma linguagem de programação. Está bem? Agora aqui você pode ver que temos a linguagem de script bem aqui, que é o script Java. Agora, depois disso, aqui eu apenas defino o tipo dele. Então, dentro do tipo você simplesmente escrever texto barra JavaScript. O que é um tipo? Portanto, este atributo é o que agora é recomendado para incluir ou indicar a linguagem de script em uso. E o valor deve ser definido como texto barra JavaScript, o que significa que estamos usando o arquivo de texto do JavaScript aqui. É assim que você pode criar sua tag Java Script. Depois disso, você pode ver aqui que vamos criar nosso primeiro programa aqui, que é como documento. Desculpe por isso aqui você pode ver que este é document.write, certo? Então esta gravação de ponto de documento significa que o menu está apenas recebendo uma saída aqui ou quando você está apenas recebendo algum do valor aqui. Então você pode escrever dentro deste documento dot write. Este é um método usando um JavaScript. Quando você está trabalhando com a gente C plus, há um método usando que é C fora quando você está usando Python. Portanto, há um método usando que é como matéria de impressão para obter a saída do usuário bem aqui. mesmo é o caso, como dentro deste script java. Este método document.write está usando para obter a saída aqui. Como podem ver, nosso código para Helloworld é um computador bem aqui. Agora eu só vou para o arquivo e basta ir para o navegador, abrindo no navegador, Google Chrome. E como você pode ver, este é um programa helloworld onde estamos apenas escrevendo aqui. Então esta é a nossa saída bem aqui. Uma extremidade Delta-V, que como você pode obter o seu Java é cortado saída. Para esse efeito, precisamos do método Java Script console.log. Aqui você pode ver que eu só uso esta matemática aqui, que é o log de pontos do console. Neste importante VR, imprima a mesma string que você deseja imprimir a mais rasa. Ou se você quiser imprimir qualquer um da lata aqui, vamos supor aqui eu apenas escrever que v estão aprendendo Java. Estes dois são esta string aqui, que é o mundo olá, e estamos aprendendo o Java. Então, aqui estamos usando o método de log ponto console. Eles só vêem isso aqui. Eu só vou ao navegador, atualizo isso. Você pode ver aqui nós não encontramos nenhum dos resultados aqui. Então eu só vou para o inspecionar mais herança para ir para o console. E você pode ver aqui que, sim, nós não encontramos nenhuma saída aqui. Vamos voltar aqui mesmo. E aqui podemos ver que sim, Fie, Srta., ponto e vírgula bem aqui. Então eu só salvo este programa, atualizo isto. Então você pode ver aqui, estamos aprendendo o JavaScript bem aqui. Esta é uma outra maneira que como você pode obter sua saída no JavaScript. Vamos apenas ir para o arquivo de script java. Aqui eu só vou para o Dreamweaver e depois arquivo. E aqui você pode ver que eu acabei de abrir o arquivo de sintaxe básico Java Script bem aqui. Aqui você pode ver que eu apenas escrever documento ponto escrever arquivo. E dentro disso eu, eu estou apenas escrevendo aquele alto VR aprendendo Java Script. Está bem? E aqui está, certo? Olá, sou instrutor. Está bem. Agora você pode ver como eu estou apenas vinculando este arquivo JavaScript com o HTML. E eu só tenho essa saída bem aqui. Eu só vou para o SML aqui, e aqui eu apenas escrevo fonte. Então SRC significa que uma fonte de seu arquivo. Então aqui você forneceria a fonte do seu arquivo, arquivo fonte V8 que você está vinculando com o seu HTML. É assim que um script java interage com HTML. Aqui você pode ver que eu apenas escrever que este é o arquivo básico enviado x-dot JavaScript. Acabei de salvar este arquivo aqui. Eu só vou para o navegador. Então você pode ver aqui. E eu só atualizo isso. Então você pode ver aqui que alto VR aprendizagem JavaScript e Olá, Eu sou seu instrutor. Então eu apenas vinculo este arquivo JavaScript e este arquivo XML juntos. Então, esta é uma outra maneira que você pode escrever seu arquivo de script java ou código JavaScript no JavaScript e você simplesmente vincular seu arquivo com seu HTML e obter a saída. Espero que você entenda agora que hall V pode escrever nosso primeiro programa no JavaScript, qualquer um dos pontos que você não entende aqui, por favor me avise e você pode fazer qualquer pergunta. Obrigado por assistir. Vejo-te na próxima palestra. 5. Comentários e declarações de Javascript: Pessoal, bem-vindos a esta palestra. Nesta palestra, vou mostrar-lhe o script java é declaração e comentários. Nesta palestra, você aprenderá que quais são as declarações no script Java e como escrevemos os comentários para essa declaração. Primeiro de tudo, vou mostrar-lhe a gramática do JavaScript. Qual é a gramática do JavaScript? A gramática do JavaScript significa que quando você está escrevendo a propriedade. Então, quando você está aprendendo uma linguagem de programação. Então linguagem de programação é muito parecido com aprender uma nova linguagem. O que significa que se você quiser aprender espanhol ou francês, então você precisa aprender as novas palavras e as pronúncias dele. Assim como você está indo para o mestre um novo conjunto de regras. E assim como você precisa aprender a gramática do francês e da linguagem de programação espanhola. E você aprenderá isso a falar. Você deve se familiarizar com a gramática do JavaScript para programar script Java. Nesta palestra, abordaremos esse conceito. Como você pode escrever e como você pode definir os comentários sobre isso, e quais são o comércio. Se você já tem a experiência na programação de script java. Muitos desses conceitos podem ser antigos para você, que significa que você pode apenas como palestra do Kansas. Mas se você é novo no Java Script ou ainda não tem certeza sobre o fundamental do script java. Então esta palestra é muito importante para você. Antes de iniciar a instrução de script java, só precisamos entender que o que é essa declaração? Uma instrução JavaScript é uma unidade de programação básica, geralmente que está representando um toque é no programa JavaScript. Pense fora da declaração como a sentença. Como outras línguas como espanhol, inglês ou francês, parece um caso como eu estou apenas escrevendo algumas da palavra como, eu estou feliz. Então esta é apenas uma frase. Então, em JavaScript, como você vê na última palestra que estamos escrevendo, uma única linha é tomada aqui, que é documento dot right, que está imprimindo a string aqui, que é Hello World. Este é o carro, o depoimento aqui. Você pode ver que eu acabei de dizer isso na tag de script e eu apenas colá-lo aqui. Então este é um único é declarações que se abrem para o document.write. E isso é imprimir a mensagem que é mais lenta. Em muitos casos, I declaração é uma única linha de código. E as declarações do Egito terminam com ponto e vírgula. Você pode ver que, como um período no final da frase, os ponto-e-vírgula deixam claro que o passo é coberto e que o intérprete JavaScript deve avançar na próxima eleição. Isto é, na verdade, cartão, esta declaração. Agora vamos aos comentários. Quais são os comentários? Os comentários em qualquer linguagem de programação, que são muito importantes, porque como você pode ver que estamos executando o programa de sintaxe básico aqui. Se você estiver trabalhando com aplicativos complexos. Então lá os comentários são muito importantes porque se você está escrevendo para P 1000 linhas de código e depois de um ano, você não entendeu mesmo você é Encore que a linha está realmente fazendo. Trabalhando. Para esse efeito, VR escrevendo o comentário. Para criar um comentário de linha única em JavaScript, coloque duas barras com ele. Você pode ver que aqui você pode ver que isso é declarações muda de cor, o que significa que eu apenas comentar esta declaração aqui. Você pode ver que eu apenas escrevo essas duas barras na frente do núcleo ou o TextView deseja comentar no interpretador JavaScript, ou você quer ignorar. Quando você estiver colocando essas duas barras, todos os textos para o lado direito serão ignorados até a próxima linha. Você pode ver aqui eu só vou para a próxima linha. E aqui eu apenas escrevo que este é documento e documento dot write. Ok? E aqui eu apenas baseei uma string como Olá mundo. Então você pode ver aqui esta declaração está tomando, mas aqui eu simplesmente criar esta declaração como o comentário, apenas uma única linha aqui. Agora, eu sei que uma pergunta em sua mente que este é um comentário de linha única, como podemos escrever um comando de múltiplos comprimentos. Como se eu quisesse comentar esta afirmação. E este é o tratamento, pois para esse propósito, você precisa de uma barra. Então é Tarik, então é Tarik assinar aqui e depois fechar bem aqui. Vamos ver como aqui você pode ver que eu apenas escrevo barra. Aqui, eu só escrevo histérico. Então você pode ver aqui, eu só não cheguei perto Herik bem aqui. Você pode ver aqui, se eu escrever milhares de linhas aqui, e eu simplesmente não fechei este comentário aqui. Então isso será elogiar todo o código para fechar isso, eu simplesmente criar histérica novamente e, em seguida, fechar esta barra bem aqui. Aqui você pode ver que eu apenas copiar. E aqui estou eu, como você pode ver aqui, eu apenas começo isso de uma nova linha, e este é o nosso cartão, um comentário multi-linha. Você pode ver aqui, isso está dentro desses comentários multi-linha. Espero que você entenda agora, agora você pode ver que eu apenas comentar, eu afirmo aqui. Vamos supor que isso é barra invertida dupla e eu apenas escrever que este código é para compreensão. Então você pode ver aqui, eu apenas comento, esta é uma afirmação, eu apenas removo isso. Você pode ver aqui. E você pode ver que isso é para uma melhor compreensão do meu código, que esta é a pontuação é para compreensão. Então você pode ver aqui, eu apenas escrevo que a barra invertida dupla está bem aqui. Este é o documento ponto. Escreva esta declaração. Ok. Espero que você entenda agora que como esses comentários funcionam e como esses comentários são importantes em nossa linguagem de programação ou qualquer linguagem de programação ajuda você a entender agora. Então, se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 6. O que são variáveis e como usamos as: Ei pessoal, bem-vindos a esta palestra. Nesta palestra, vou mostrar que quais são as variáveis e como as usamos. Na linguagem de programação, uma variável é um valor que pode ser alterado, que é dependendo das condições estão na informação que é passada para um programa. Normalmente, um programa consiste em instrução remota que informa computador o que fazer e os dados que o programa usa quando está em execução. Os dados consistem em constantes e valor fixo que nunca foi alterado, e um valor de variável que geralmente são inicializados para o 0. E o valor da variável pode ser alterado. Aqui. Vamos supor V enquanto o valor a. E alguém lhe diz que neste valor nesta caixa. Então aqui você pode ver que eu apenas adiciono este a naquela caixa, ou eu apenas escrevo este a no quadro branco. Está bem? Você pode ver aqui, isso leva um pouco do espaço neste quadro branco bem aqui. O que significa que a variável leva algumas das alocações de memória e tomar algumas das SPS bem aqui, que é mutável. Em outro estágio, alguém lhe diz que remover este a deste quadro branco e no lugar de um, você apenas montar b, então você simplesmente escreve b também. Então B também leva parte do espaço de memória para cima. Então você entende agora e seu conceito sobre as variáveis é claro. As variáveis são usadas para armazenar informações a serem referenciadas e manipuladas em um programa de computador. Eles também fornecem uma maneira de rotular dados com nosso nome descritivo. Ou nossos programas podem ser entendidos mais claramente pelas células de leitura e saída. É útil. É útil pensar em variáveis como contêineres que contêm informações. Como você pode ver, que este quadro branco conter algumas das informações que é um e B. Seu único propósito é rotular e armazenar os dados na memória. Estes dados podem ser esses dados podem então ser usados para fora do nosso programa. Vou dizer-lhe que como você pode atribuir o valor para a variável. Vamos ver que a variável de veículo a e você apenas atribuir o valor deste E. Vamos supor 0 para atribuir. Então você apenas escrever é igual a assinar aqui. A variável de nomeação é conhecida como uma das tarefas mais difíceis no computador. Programação. Quando você está nomeando as variáveis, pense bem sobre os nomes. Tente o seu melhor para se certificar de que o nome, como você atribui sua variável é. Meios que descrevem com precisão dois e compreensíveis para outro leitor. Às vezes, esse outro leitor é você mesmo quando você gosta, reverteu um programa que você escreveu meses ou mesmo um ano antes. Então, com esse propósito, as variáveis ou os nomes das variáveis assumem um papel muito importante. Vamos supor que se você está escrevendo um programa onde você apenas montar ou estranho, você apenas leva o interior do aluno. Então, com esse propósito, você apenas escreve o primeiro nome como a variável. Então, como você pode ver que este first_name, que é igual a 0, ou firstname ij é igual a 0 aqui, que é muito compreensivo para você. Se você está assistindo a sua corte mesmo depois de um ano. Espero que você entenda que tudo isso é apenas nossa diretriz. Agora, vou dizer-lhe que como você pode criar uma variável Java Script. Aqui você pode ver que eu apenas escrevo uma tag de script, ok? E eu vou fechar esta tag de script aqui. Está bem? Esta é apenas uma tag de script, como você sabe, quando você está apenas trabalhando com JavaScript. Aqui esta é uma seção de cabeçalho, então eu estou entrando no corpo. Ok, agora aqui você pode ver que eu apenas escrevo um roteiro. Dentro deste script, eu apenas escrevo v. Como você sabe, que VR é uma palavra-chave para criar a variável no JavaScript. Aqui eu deslizo VaR. Então aqui eu só escrevo aquele E e E, que é igual a I, apenas escrevo dez. E você tem que fechar com um ponto-e-vírgula. Então aqui, a variável a, que é igual a dezenas, significa que eu apenas atribuo o valor de a. Eu apenas crio uma variável a, e eu apenas atribuo o valor a ela, que é dez. Então aqui você pode ver que eu apenas tentei variável B, que é igual a aqui. Eu só escrevo que este é 15. E eu só fecho este código aqui. Agora você pode ver que eu apenas tentei variável c e c, que é igual a um mais b aqui. E eu só mais perto pontuação bem aqui. Aqui você pode ver que eu apenas criar uma lógica aqui, que é adicionar os dois números bem aqui, que é a e b. Ok, agora aqui você pode ver que eu apenas tentei documento, document.write. E aqui eu apenas pausei o valor da variável c bem aqui. Espero que você entenda agora aqui eu estou simplesmente recebendo o valor do C bem aqui. Vamos apenas para o navegador e aqui para o Google Chrome. E aqui você pode ver que o valor dos dez mais 15 aqui são, aqui, são 25 aqui, o que significa que o valor de um que contém, modo que a variável a contém o valor de dez. E variável b. Contém valor 15, o que significa que você tem um quadro branco bem aqui. E no quadro branco, você apenas alocar um pouco do espaço que é dez para o A. E para B, você apenas alocar 15. E para c, você está mostrando o resultado desses dois, que são 25. Espero que você entenda agora, sei que esta é a maneira como estamos criando a variável em um programa muito pequeno. Este é o seu início de seu JavaScript. Agora vou falar sobre a complexa obrigação. Ou aqui em primeiro lugar, estou distribuindo essas variáveis bem aqui. Então aqui você pode ver que eu acabei de limpar essa lógica no arquivo JavaScript. E aqui você pode ver que lá eu estou apenas escrevendo esses arquivos bem aqui. E aqui você pode ver que eu apenas escrevo que esta é uma linguagem, linguagem que é JavaScript. E aqui você pode ver que depois disso aqui eu apenas escrevo que simplesmente o tipo, tipo, que é texto ou barra script java. E agora aqui estou eu a avançar fonte. Então a fonte dessas variáveis aqui são variáveis dot javascript harems removendo isso. Então você pode ver aqui que estamos escrevendo este código JavaScript aqui. E agora eu estou apenas mostrando a vocês a saída disso também no Google Chrome. E aqui você pode ver esse mesmo exemplo de código aqui. Esperamos entender agora que como podemos trabalhar com um arquivo de script java e arquivos HTML juntos, agora chegar ao ponto de como estamos declarando a variável nas obrigações complexas. Aqui você pode ver que este é um sistema de restauração pausa. Está bem? Que é nossa grande aplicação aqui, que é feita em PHP, HTML, CSS, JavaScript, jQuery e Bootstrap. Ok, agora aqui você pode ver que estes são alguns dos arquivos. Você pode ver que eu estou apenas usando a versão do coordenador bem aqui. Então não se preocupe com isso. Estamos focando no JavaScript aqui, onde cada arquivo é separado. Tome o lugar dele bem aqui. Agora aqui você pode ver que eu apenas vou para os arquivos JavaScript. E aqui você pode ver que ele vai para as urnas. E aqui você pode ver que esta é toda a nossa pasta Java Script nesse projeto. E vá para o JavaScript. Aqui eu só vou para a calculadora e coloco isso nos colchetes bem aqui, registra que é um IDEO, você pode dizer que este é um editor aqui para escrever seu código baseado na web bem aqui. Agora aqui você pode ver que esta é uma função. Não se preocupe com isso. Nós também aprenderemos o ar de uma função, e também aprenderemos a declaração if aqui. Concentre-se nessas variáveis bem aqui. Aqui eu apenas criar a variável. Você pode ver que aqui a variável é Calculadora. E eu estou apenas inicializando alguns dos valores aqui, que está executando total, executando, desculpe, o valor atual definido, definir o valor atual que executa a ação e exibição. Então, todas estas aqui são as nossas variáveis do nosso código Java Script porta calculadora. Aqui, você pode ver que essas variáveis tomando os valores aqui mesmo, que é string vazia, string vazia, este é um valor booleano, string vazia, string vazia, não se preocupe com isso. Aprenderemos sobre os tipos de dados da variável na próxima palestra. Então aqui apenas fazer seu conceito de variáveis que como podemos criar a variável. Aqui, você pode ver que uma pergunta para vocês que como VR criar as variáveis aqui mesmo nas aplicações complexas. E você pode ver aqui, lá em vez de é igual a Vr escrevendo a coluna aqui, você pode ver que eu estou apenas criando uma variável aqui, que é uma calculadora variável e a calculadora que é igual ao subvalores ou subvariáveis bem aqui, que está executando o total de valores atuais em execução. Defina os valores atuais, execute a ação e exiba aqui. É assim que você pode ver que a única variável aqui, que é a calculadora, mas aqui, este é o valor para essas variáveis. Estamos pegando esses valores aqui do nosso código baseado em GUI, que significa que quando estamos limpando o sistema de poros, então adicione os lados da calculadora, VR executando os valores totais, que significa que você pode obter o valores atuais de seu valor atual aqui é 25. Em seguida, você pode definir o valor atual para o normal. Basta clicar nesse 25 aqui. Então aqui você pode executar a ação. Então aqui isso vai mostrar 25 para vocês. E então você pode executar o total ou executar o total aqui. Então este é o exemplo de codificação desse projeto, mas não se preocupe com isso, apenas se concentre nisso. Então aqui você pode ver que dentro desta aplicação complexa, nós também criamos as variáveis parecem como um caso como essa variável. Você pode ver aqui esta é a variável bem aqui. Então aqui você pode ver que a calculadora é o nome da variável e, em seguida, é igual a sinal, e então estamos atribuindo os valores a isso. Tudo bem, aqui. Você pode ver isso para chamar esta calculadora bem aqui. Você pode ver que aqui eu apenas atribui o valor dez, mas aqui você pode ver que eu apenas atribui o valor aqui executando valores atuais definidos, valor atual executado ação e exibir aqui. Esperemos que você entenda agora que como podemos criar variáveis, quais são as variáveis no JavaScript? Se encontrarem algum problema aqui nesta palestra ou em qualquer uma das plantas não está claro para vocês. Por favor, me avise e você pode fazer qualquer pergunta. Obrigado por assistir. Vejo-te na próxima palestra. 7. Tipos Tipos de variáveis e tipos de dados: Bem-vindo a esta palestra. Nesta palestra vamos falar sobre o java é cortado tipos de dados e variáveis. Em tipos de dados. Tudo o que você lida são diferentes tipos de informações todos os dias. Isso é útil como seu nome, o preço da comida, o que você compra, o endereço do seu escritório e a data do seu próximo aniversário. Toda a nossa informação que é importante para você. Você toma decisões sobre o que fazer com base nessas informações. Programas de computador não são diferentes. Eles também dependem de informações para fazer as coisas. Por exemplo, você está indo para calcular o total de sua cena de jardim de compras como um caso como o nosso exemplo antigo onde eu apenas calcular o u, onde eu estou apenas usando a calculadora variável, onde eu apenas executar os diferentes tipos, onde executar o total, executar o valor atual, definir, o valor atual, executar x e, e a exibição. Então estes são alguns dos tipos bem aqui. Vamos ao nosso programa aqui. Aqui você pode ver que programas de computador não são diferença aqui. Ok? Aqui. Você pode ver que eu estou apenas dirigindo o carrinho de compras. E aqui você pode ver que esses programas precisam saber o preço e a quantidade. Preço e quantidade de cada pedido para personalizar uma página da Web com um nome de visitante, você só tem que escrever como Bem-vindo a esta página nome XYZ. Os programas que você precisa saber o nome aqui. Em linguagens de programação geralmente categorizar a informação nos diferentes tipos, e eles tratam o Egito ou digitar de uma maneira diferente. Em JavaScript, existem três tipos mais básicos de dados, vis o nosso número é treinado e Booleans. Em primeiro lugar, vou dizer-lhe que qual é o número? O número é usado para, contagem e cálculo. Você mantém o controle do número do dia até as férias de verão. Vamos supor aqui você pode ver que eu só tentei 1010 é o número, 20 é um número para diesel, número 100 é um número. Então estes são os números que eu estou aqui. Vou dizer-lhe que como podemos inicializar o nosso número dissuadiu o HIV no script Java. Aqui, há dois V de tipos de dados, ou há duas categorias do tipo de dados. primeiro é um tipo de dados estaticamente, e outro é uma dinâmica mais tarde morreu. Os tipos dissuadidos estéticos são usados em linguagem de programação estática, mas os tipos de dados dinâmicos são usados em nossa linguagem de programação dinâmica. Quais são a linguagem de programação estática? As linguagens estáticas de programação são C, C plus e Java, ou C como aqui estamos. Nós estamos, eu só tentei inteiro e inteiro aqui nosso lago, vamos supor um 0, que é igual a dez. Isso significa que eles estão estaticamente digitados o inteiro bem aqui. mesmo é o caso como C, C mais e Java aqui, certo? E quando você apenas declarando a string, então você tem que escrever uma string rápido e então você tem que escrever b, que é igual a string, que é palavra olá. Ok. Aqui, dentro do script java, as cenas não são assim porque o script Java aqui é as linguagens digitadas dinamicamente onde você pode escrever variável. Então VR é apenas um declarando a variável que estamos dentro de um que é igual a dez. que significa que, por padrão, este e é tomado o valor dez como um inteiro aqui, porque o valor inteiro R1, 2345, ou de 0 para o número de. Ok? Quais são as línguas digitadas dinamicamente? As linguagens digitadas dinamicamente são Ruby, Python, Java, script, etc Aqui você pode ver que eu apenas tentei tipo de dados aqui, que é o inteiro. Ok? Agora, depois disso, eu apenas criar variável B, que é igual a aqui eu apenas escrevo, esta é uma variável tipo string onde eu apenas escrevo Olá. Então aqui você pode ver que este é o outro tipo de dados aqui, que são a string, desculpe, bem aqui. Então, o que é uma corda? A string tocando um nome ou uma frase, ou uma série de letras. Então eu string é apenas uma série de corretores VR, você pode definir as letras e outros símbolos, como Bem-vindo à nossa página web, Olá Word, ou qualquer um de vocês são aspas aqui. Então é assim que uma corda funciona. Vamos apenas voltar para o tipo de dados booleano e eu vou dizer-lhe que quais são os tipos de dados booleanos? Tipos de dados booleanos, se os números e as cadeias de caracteres. Depois da maioria das variações ilimitadas. Aqui você só pega dois valores aqui. Vamos supor variável c, que é igual a, Eu só disse que este valor aqui é verdadeiro. Ou aqui eu apenas escrevo variável d e d aqui é, Eu apenas escrevo o d aqui é falso. Então estamos tomando apenas dois valores aqui, o que é verdadeiro ou falso aqui. Parece um caso como no nosso código aqui onde eu acabei de dizer que definir o valor atual que é falso. Então este é o carro, este é o valor booleano bem aqui. Ajuda você a entender agora. Então é assim que os Booleans funcionam. Agora você pode ver que este é o nosso tipo inteiro, este é o nosso tipo de string, e estes são os tipos de dados booleanos. Aqui você pode ver que se eu apenas criar esta variável aqui é, vamos supor E e E, que é igual a aqui, eu apenas escrevo 10.5. Então, por padrão, JavaScript levará este número aqui é defeituoso porque 10.5, o que significa que flutuam aqui. Então este é um número de ponto flutuante. Estes são os alguns dos tipos de dados. O que somos usados no script Java ajuda você a entender agora, se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir a esta palestra. 8. Usar uma mensagem de impressão variável: Bem-vindo a esta palestra. Nesta palestra, vou mostrar-lhe que como você pode criar uma variável e como você pode mostrar a mensagem. No editor de texto. Você pode ver aqui, eu estou apenas criando um arquivo com a expansão SML bem aqui, onde eu acabei de dizer que herança direita em uma tag, que significa que este é o cabeçalho número um, que é um cabeçalho muito maior do que o número de leitura 234 e até seis herança, certo? Estou usando variável aqui. Ok? Agora, depois disso, você pode ver que eu estou apenas criando a tag de script bem aqui. E dentro desta tag de script, estou apenas criando duas variáveis entre essa tag de script. Eu só estou tentado variável número um, que é vamos supor que eu apenas dizer-lhe no início do programa que é o primeiro nome. Você pode ver que esta é uma variável. Nomenclatura ou nomeação é oferecido aqui mesmo que você está criando a variável como um 123, então você tem que escrever um sublinhado 1-2-3. Você não pode escrever variável como 1-2-3 ou como um sublinhado. Este é um caranguejo erroneamente, Estes dois são a maneira correta de escrever as variáveis. Ok, agora aqui você pode ver que eu estou apenas criando o nome bem aqui, o que é perigoso. Ok, este é o primeiro nome disso. E então aqui você pode ver que eu estou discutindo o segundo nome aqui, ou o sobrenome bem aqui, que é o último nome sublinhado bem aqui, que é igual a, eu apenas escrevo que este é um perigoso. E depois ele diz Smith, está bem? Agora aqui você pode ver que eu acabei de criar duas variáveis bem aqui, que é um tipo de string. Então aqui você pode ver que eu acabei de criar as duas variáveis, que é um FirstName é Daniel, e o sobrenome aqui é o smith. Então eu estou apenas armazenando esses dois são valores treinados bem aqui. E aqui, vou dizer-lhe que como você pode concatenar esses valores. Agora você pode ver isso aqui. Eu só escrevo que este é documento e documento ponto Harris, certo? Certo. Ok, então este comando está apenas mostrando a saída disso. E aqui eu disse que o gelo, certo? Nome de sublinhado forçado que Harris, certo? Então aqui eu estou mostrando a você a corda vazia bem aqui. E depois deste gelo, certo, mais e o mais aqui são o sobrenome. Então este é o último nome de sublinhado bem aqui. O que é um sinal de mais aqui? Além disso, assine aqui, quando você está usando apenas entre esses dois valores estão entre essas tags. Então isso significa que isso está adicionando os dois valores, que significa que Daniel Smith bem aqui. E esta é uma string vazia. Nós apenas mostramos um único ou qual enfileiramento, mostrando-lhe Lei kong. Espaço entre estes dois textos. Isto também é esculpido. Este valor mais também é chamado, Esta é uma concatenação. Aqui você pode ver que, que este valor é rasgado nas variáveis e você cria aqui que document.write. Em primeiro lugar, vamos obter o valor do primeiro nome. Em seguida, vamos obter o valor sobrenome aqui, que está no comando document.write aqui nesta variável firstname. Eu apenas guardo o valor do Daniel e no sobrenome que eu guardo é o valor mito bem aqui. Vamos executar este código aqui, ok, neste navegador. E aqui você pode ver que eu apenas vou para o navegador. Aqui você pode ver que em primeiro lugar, que esta pontuação é mostrada para mim, que é tag H1, Eu estou usando variável. E então esses dois valores, você pode ver aqui o Daniel Smith. Espero que você entenda agora que como você pode executar uma variável e concatenar dois valores e imprimir qualquer uma da mensagem. Espero que você entenda agora, esta é uma boa prática de programação que você pode trabalhar com nossa boa nomeação de variáveis. Eu apenas escrevo qualquer uma das variáveis como a, B, C, D. Mas você tem que escrever suas próprias variáveis como FirstName, LastName, assim ajuda você a entender agora, se você encontrar algum problema em relação a esta palestra, por favor me avise. E você pode, se você tiver algum problema de acordo com a gravação do meu curso para qualquer uma das palestras. Portanto, há uma opção disponível para vocês que é postar qualquer pergunta em sua calma. Espero que entenda agora. Obrigado por assistir. Vejo-te na próxima palestra. 9. Operador de Arithmetic de Javascript: Ei pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre os operadores no JavaScript. Um operador em uma linguagem de programação é um símbolo que diz ao compilador ou intérprete para executar uma operação matemática ou lógica específica, e que é produzir um resultado final. Nesta palestra, estamos nos concentrando no operador aritmético em script Java. Antes de falar com o operador aritmético, vou dizer-lhe a importância do operador. Como você sabe, em um tema é habilidades são uma coisa útil para ter nestes dias. Nós os usamos para determinar quanto dinheiro vamos economizar em compras para determinar se temos tempo suficiente para executar um rápido ganho antes de nosso ônibus chegar. E fazer o equilíbrio no nosso ou e equilibrar o nosso banco em casa. O fato é que é difícil funcionar sem pelo menos bateria aleatória. Escala aritmética significa que se você, se você não escapou, você não pode fazer esse tipo de coisa. Cme como um caso como em um computador através deles são fundamentalmente máquinas lógicas. Programador pode fazê-los executar a operação numérica também. Para fazer isso, eles usam capacidade, que é operador de cartão. Agora, o que são os operadores aritméticos e como os usamos? E operador é um indicador lembrou que, que é um símbolo que mostra algumas operações específicas precisam executar dentro de um programa de computador. Esses operadores podem ser aritméticos, lógicos e relacionais. Ok? Agora venha para os operadores aritméticos em script Java e qualquer linguagem de programação. Há operador aritmético onde usamos mais, menos, multiplicar, dividir, e você tem módulo de gravação do fluxo ou da divisão do chão, ok? Agora aqui V L mais operações, subtração, multiplicação e divisão. Estes são os quatro principais operadores na aritmética. Vou mostrar-lhe o exemplo aqui, onde você pode ver que vamos supor x mais y. ok? X aqui é, você sabe, uma variável, y aqui é a variável. Ok. E aqui você pode ver que este é o operador, que é, operador está fazendo as operações entre o x e y, que é AD. Então vamos supor que aqui temos 1010 mais dez, que é igual a 20. Então esta é a nossa operação de adição, operação. E então aqui isso vai me dar o resultado que é 20 aqui mesmo. mesmo é o caso como subtração, multiplicação e divisão. Cheguemos ao exemplo de codificação. Aqui você pode ver que eu tenho que escrever roteiro. Script aqui é, como você sabe, tag JavaScript. Agora aqui eu apenas crio uma variável. Variável aqui é x, que é igual a, Eu vou apenas escrever que o valor aqui é dez. Então aqui. Depois disso, você pode ver que x, que é igual a dez. Então aqui eu descrevo variável criadora, que é y e y que também é igual a dez. Então estes são os dois operadores aqui, desculpe, as duas variáveis bem aqui. Vamos apenas verificar. Aqui. Eu só escrevo variável, variável z, que é igual a, Eu vou apenas escrever que X mais Y aqui. E você pode ver aqui que eu simplesmente escrevo documento. E aqui você pode ver que eu apenas montar documento dot write. E aqui eu tenho que escrever que esta é apenas uma impressão fora do Zed bem aqui e, em seguida, pontuação mais próxima. Então, o que eu realmente fiz aqui. Aqui você pode ver que eu apenas atribui o valor dez para a variável x. valor tendem para a variável y. Então aqui eu apenas executar as operações aqui mesmo, que é operador de adição. Então isso é mais aqui é operador de adição, que é uma categoria de, você pode ver aqui o operador aritmético. Ok? Agora aqui você pode ver que quando eu apenas verificar o resultado disso no navegador. Então você pode ver aberto no navegador aqui. Então aqui, dez mais dez, que é igual a 20 bem aqui. Este é o primeiro operador, que é o operador de adição bem aqui. Agora você pode ver aqui, eu apenas copio isso. pasta está bem aqui. Então aqui é certo que isso é multiplicar k aqui é x1, y1, e z1, e aqui está write z1, ok? Cme como um caso como eu apenas criar para a subtração aqui, onde eu apenas escrevo Z2, Z2, Y2, e x2 aqui. E adicionamos perda, o operador da divisão aqui, que é aquele três, y três, desculpe, x3, y3, z3. E aqui nós seguramos. Há três também. Certo, basta ir para o navegador, atualizar isso. Você pode ver aqui em primeiro lugar, nós seguramos o 20 bem aqui. Então nós temos um só porque, então nós temos um 100 bem aqui, apenas por causa de dez multiplicado por dez, que é igual a um 100 aqui. Ok? Então nós apenas executar o operador menos, que é 0. E então no último V, inferno 20 bem aqui. Ok, agora vamos ver, eu estou apenas escrevendo uma única pausa final entre eles. Isto é apenas na etiqueta BR bem aqui. Ok? E você pode ver que esta é a saída que é muito clara para você agora. Ok? Então esta é a Divisão. Ok? Agora aqui você pode ver e apenas atualizar isso. Então aqui ou aqui, uma maneira formal de escrever uma única quebra final aqui, que é barra n. Então eu só escrevo barra invadida. Então aqui está a direita barra n. Ok? Agora eu só copio colar, colar, colar aqui mesmo. Veja se este código é executado para o navegador. E desculpe por isso aqui. O inferno. Eu só tentei. Corte diferente bem aqui. Isto é para trás Slash. Ok. Então eu só escrevo uma ideia para a frente. Agora aqui eu apenas substituo isso e vá para o navegador, atualize isso. E você pode ver aqui, em primeiro lugar, estamos adicionando o valor. Então você pode ver aqui, este é o resultado e o valor aqui, que é 20, o que significa que dez mais dez aqui é 20. Então aqui dez multiplicar por dez, que é o valor escrito aqui é um 100. Então dez menos dez, que é o valor aqui, é, você pode ver que 0 então aqui dez dividido por dez, que é o valor aqui é um. Então aqui você pode ver que eu descrevi operador de adição, multiplicação, subtração, e este é o nosso operador de divisão bem aqui. E estas são a categoria dos operadores aritméticos no script Java. Espero que você entenda agora que como podemos criar editar operadores eméticos no JavaScript. Espero que você entenda agora se você encontrar algum problema relacionado a esta palestra, por favor me avise. E se você tiver alguma dúvida de acordo com esta palestra, você pode postar sua pergunta. Obrigado por assistir. Vejo você na próxima palestra. 10. Operador de atribuição de Javascript: Bem-vindo a esta palestra. Nesta palestra vamos falar sobre o operador de atribuição no script Java. E operador de atribuição é o operador usado para atribuir um novo valor a uma variável ou um evento de propriedade ou indexado ou elemento na linguagem de programação JavaScript, operador de atribuição também pode ser usado para operadores lógicos, como operador lógico bit a bit. Ou você entra com os operandos integrais ou booleanos. Aqui eu só usei a palavra operando. O operando aqui é vamos supor o x e x, que é igual a eu apenas escrever dez. Ok? Agora aqui, x é minha variável e X também é meu operando aqui. Então aqui você pode ver que este é um operador e este é o valor que eu acabei de atribuir a este operando bem aqui. Então isso é, você pode ver aqui. Aqui eu apenas escrevo x que é igual a dez. Então isso é igual a seno está tomando o lugar do operador de atribuição bem aqui, o que significa que eu apenas atribuir o valor a esta variável x aqui. Agora, eu apenas faço o nosso exemplo em que eu apenas usei um pouco do operador aritmético e então eu apenas usei o operador Simons também. Vejamos, estou distribuindo uma variável. Variável aqui é vamos supor x, que é igual à mão direita. Ok? Então aqui eu apenas escrevo que este é um valor de x, que é dez. E então aqui está, certo, que um valor do total que é igual a, Eu, basta escrever o total aqui é 20. Ok? Agora aqui olhos direita documento ponto, certo. E então aqui eu tenho que escrever esse valor de total. E o total que é igual a aqui, Eu escrevo isso e, em seguida, aqui eu só escrevo mais operador. Então eu não vou falar sobre este operador mais aqui. E então eu vou falar sobre este operador mais próxima próxima palestra. Agora aqui. Vou escrever o valor aqui, que é total, ok? E o total aqui é a minha variável bem aqui. E então o total, que é mais, é igual ao gelo, certo? X. Está bem? Agora, basta verificar a lógica aqui. Agora aqui eu só escrevo mais, mais aqui é que eu tenho que escrever aquela etiqueta BR. Estamos apenas fechando esta etiqueta BR aqui e depois feche esta declaração. Agora. Agora aqui onde eu apenas usar operador de atribuição quando eu apenas definir o valor para esta variável, que é x é igual a dez. Então aqui você pode ver que isso é igual a polícia seno t do operador de atribuição bem aqui. Ok? Agora aqui você pode ver que há gerentes obtendo a saída do usuário aqui. Estamos apenas primeiro derivar o valor da string do total aqui. E então aqui eu só escrevo mais operadores. Então eu não vou falar sobre esse operador plus, que o que é um operador plus aqui? Vou falar sobre isso em nossa próxima palestra. Então aqui você pode ver que depois disso, eu vou apenas obter o valor deste total variável bem aqui. Então aqui você pode ver que eu apenas escrever mais é igual a eu apenas atribui o valor deste total aqui, que é x. e, em seguida, aqui uma simples quebra de linha bem aqui. Aqui você pode ver que eu só uso mais operador. Então isso significa que este é o operador de adição, que significa que dez mais total, que é 20, é igual ao valor aqui, é 30 bem aqui. Ok? Vamos apenas verificar. Então, em primeiro lugar, eu estou apenas verificando a saída para isso e então vamos seguir em frente. Aqui. Eu só escrevo navegador, em seguida, correr aqui você pode ver que dez mais 20 é 30. Então, como você pode ver que este é o total variável, o que significa que este é o operando bem aqui. Em seguida, aqui basta usar operador para adição mais, que é igual ao que significa que eu apenas atribuir este valor total dois x e eu apenas adicionar este valor também. Então esta é uma outra maneira de adicionar seus valores. Então não confunda isso aqui. Vamos rodar de novo. Então você pode ver aqui eu só escrevo menos aqui. Então aqui eu só tentei dividir também. Então aqui eu descrevi a multiplicação bem aqui, ok? Ou você pode pegar o módulo deste valor aqui, que é sinal de porcentagem. Vá para o navegador, atualize isso, e aqui você pode ver em primeiro lugar, valor adicional. Então aqui você pode ver que esta é a subtração bem aqui. Então aqui você pode ver que esta é uma divisão. Então isso é, você pode ver aqui que esta é a multiplicação bem aqui, e depois adicionar a última. Vamos escrever o módulo aqui mesmo. Ok? É assim que você pode atribuir ou é assim que você pode usar o operador de atribuição. Então você pode ver aqui, este é apenas um Z igual ao sinal, que é igual a, desculpe, que é usado para o operador de atribuição. Aqui eu vou te dizer uma outra coisa porque você é muito iniciante para o JavaScript aqui e agora você pode ver que apenas um é igual a seno quando você está apenas usando entre seus valores aqui como este, x e y. o JavaScript aqui e agora você pode ver que apenas um é igual a seno quando você está apenas usando entre seus valores aqui como este, x e y. significa que x está atribuindo, ou desculpe, o y está atribuindo à variável x aqui. Eu só faço isso simples aqui, que é x, que é igual a dez. Então isso significa que o centavo está atribuindo a este X bem aqui. Se você estiver escrevendo x, que é igual, igual a dez. Então isso significa que você está comparando xn tn aqui, que significa que eu vou supor que eu decidir x que é igual, igual a y. Então isso aqui, este W é igual a sinais significa que você está comparando o valor entre x e y aqui mesmo. Também aprenderemos sobre isso nas próximas palestras. Espero que você entenda agora que este é apenas um operador de atribuição no script java, que é apenas para atribuir o valor. Se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 11. Operadores de corda de Javascript: Ei pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre os operadores de string no script java é strings são concatenadas além do operador plus. Isto pode funcionar. O outro operando, duas cordas I, se um dos operando é uma string, como legado? Aqui você pode ver isso. Eu só te digo na última palestra que eu vou explicar isso mais operador. Isto significa que esta é a concatenação. Kenneth recebendo ações significa que quando você está apenas adicionando sinal de mais entre os dois operadores lá, suponha e mais b. Então aqui você pode ver que você está adicionando os dois valores. Mas se você está simplesmente escrevendo isso com a ajuda dessas duas cordas aqui. Então isso significa que você está concatenando esta string aqui. Ok? Agora, aqui você pode ver que este sinal de mais está fazendo o corte bem aqui. Sangue. Este mais n é igual ao seno, está fazendo concatenação e atribuição bem aqui. Nós somos a extremidade superior, total e o X bem aqui. Chegou ao exemplo aqui mesmo. E vamos estudar sobre isso. Eu só tentei variável, variáveis que são supor STR, que é igual a apagar, escrever Olá. E então eu só mais perto do núcleo. Então aqui é vermelho Variável STR dois, que é igual a palavra. Ok. Agora está perto disso bem aqui. Não, eu greve documento. Documento aqui é document.write. E então aqui você pode ver que eu apenas escrever SUR um mais eu vou apenas escrever SDR. Ali. Você pode ver que eu apenas uso o operador de concatenação para adicionar duas strings juntos. Veja se isso segue este curso. Então você pode ver aqui este é HelloWorld. Então você pode ver aqui eu apenas adicionando os dois é cordas bem aqui. Então isso significa que este é um operador de cadeia de caracteres. Você também pode fazer aqui mesmo. Você pode ver que eu apenas escrevo isso aqui. Str um pluss é igual a SDR para, ok, aqui eu apenas fecha. E você pode ver aqui eu tive que escrever esse documento.escrever. E então aqui vamos imprimir o valor da string número um. O navegador atualiza isso. Então você pode ver aqui isso também é mais raso bem aqui, só por causa de você pode ver aqui. Aqui eu só faço uma concatenação. E aqui eu faço concatenação. E é a ópera Simon onde eu apenas fornecer ou estamos apenas fixo a cadeia número um valor para esta cadeia eo que estamos Olá e palavras juntos. E aqui você pode ver que eu só disse dois valores, cadeia de caracteres do Office. Então este é apenas um operador de string E no script java se você encontrar qualquer um do problema e se você não entender o planeta aqui, então você pode postar sua pergunta. Obrigado por assistir. Vejo-te na próxima palestra. 12. Uma Uma redação e transformação: Pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre o operador incremento e decremento em JavaScript. O que é o operador de incremento? Incrementar operador é significa que quando você está adicionando um valor com o valor existente, isso significa que você tem o valor como um. Então, quando você está apenas adicionando o operador de incremento com um aqui mesmo, que é n sinal mais. Então este sinal significa que este é um operador de incremento. Ok, aqui, antes deste operador de incremento e decréscimo, eu vou dizer-lhe o tipo dele quando você está apenas escrevendo mais e mais depois deste valor. Isso significa que este é um operador pós-incremento. Ok? E quando você está apenas escrevendo mais n mais um, então isso significa que este é um operador de pré-incremento. Então operador pré-incremento é vamos supor que isso é mais N mais um. Então aqui, um está adicionando um valor com ele, e que irá retornar o valor como dois aqui. E visto como um caso como este operador de incremento postfix, que é um mais um, que é igual a dois. Ok? Quando você está apenas adicionando, vamos supor o operador de incremento com seu valor. Então isso significa que este valor será igual a dois aqui, porque este operador incremento irá adicionar um outro valor com um. Então este é o valor resultante aqui é dois. Este é apenas um operador de incremento. Ok? Agora aqui você pode ver que em primeiro lugar, eu vou implementar este operador incremento bem aqui. Então você pode ver aqui eu apenas escrevo uma tag de script. Agora aqui variável. E vamos supor aqui dentro da variável x, ok? Agora aqui eu estou apenas declarando a variável bem aqui. E agora aqui você pode ver que x, que é igual a, aqui, eu apenas escrevo o valor dez. Ou aqui você pode ver que x, que é para nós, ok, x que é igual a dez. Ok? Agora aqui ofereça isso. Eu só escrevo que este é o documento. E aqui eu decido documento.escrever. Ok. E aqui você pode ver que aqui eu tinha descrito que este é x e x mais. Então este é o nosso incremento de postagem bem aqui, ok? E visto como um caso assim. Então aqui você pode ver que eu tinha direito, que este é apenas n variável. E agora você pode ver aqui que eu estou apenas escrevendo operador pré-incremento bem aqui. Ok? Ou aqui eu tenho que remover isso e copiar isso para sua melhor compreensão bem aqui, que é aqui. Suponha que o valor aqui é dez e copie e cole aqui e feche. Ok? E aqui você pode ver que eu tenho que escrever mais, mais assinar o código mais próximo. E você pode ver aqui. Ok, vamos verificar a saída para isso no navegador. Então você pode ver aqui que em primeiro lugar temos o valor que é dez. E depois operador incremento, imprimimos o valor aqui é um limão porque dez mais um que é igual a 11. Então, esse operador de incremento significa que você está adicionando um valor com seu operador. Agora, vamos voltar para o operador de decremento. O operador de decremento quando você está usando apenas o sinal de menos com suas variáveis para isso significa que isso irá diminuir um valor de seu operador. Vamos supor que você tem o valor que é dez. Então este operador de decremento significa que você está resultando valor aqui será nove bem aqui. Certo, vamos checar a cópia. E aqui você pode ver que eu tenho que estar é este núcleo. E aqui você pode ver, então este é apenas operador de decremento e visto como um caso como aqui. Este é o nosso operador de situação e este é o operador pós-decremento bem aqui. Agora aqui você pode ver que eu apenas faço este curso. Você pode ver aqui este é nove e este é dez. É só por causa do cabelo? Você pode ver que eu tenho que imprimir o valor do X aqui mesmo. Ok? Agora aqui você pode ver que este é apenas um 99 bem aqui. Ok? Então você pode ver aqui a diferença entre o operador incremento e decremento e a diferença entre pré-incremento e pós-incremento. Como? Vamos apenas ver. Em primeiro lugar, você pode ver que este é o nosso operador pós-decremento. Vamos verificar a saída para isso. Então você pode ver aqui gelado, que vai inquilino então 11. Então eu vou lhe dizer a lógica do operador pós-decremento. Quando você está apenas escrevendo o operador de pré-decremento ou operador de pré-incremento bem aqui. Então isso significa que quando você está apenas recebendo a saída deste, então isso vai ser, vamos supor que você é, o especialista seria dez. Então, na saída, seu valor resultante seria 11. Mas quando você está escrevendo o operador de incremento post aqui, então isso é mais N mais bem aqui, que é igual a em primeiro lugar, que lhe dará o resultado e o valor aqui é dez. E depois disso, quando você está apenas recebendo o valor disso, de modo que será dado a você na próxima iteração. Então isso significa que este é um operador pós-incremento, CME como um decremento de luz caso. Então esta é a lógica do operador de incremento e decremento no script java. Se você encontrar algum problema relacionado com esta palestra, por favor me avise e obrigado por assistir esta palestra. 13. Operadores lógicos de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre as expressões lógicas ou operador lógico. O operador lógico onde estudamos sobre AND OR e NOT, que executam álgebra booleana e muitas vezes são usados em conjunto com os operadores relacionais para combinar duas expressões relacionais em uma expressão mais complexa. Vamos discutir um por um nesta palestra sobre lógico E lógico OU, e nó lógico. A fim de entender completamente esses tipos de operador, você pode querer rever o conceito sobre as expressões booleanas onde estudamos sobre o verdadeiro e o falso. Um valor booleano que representa verdadeiro ou falso. Ou você pode dizer ligar e desligar e sim ou não. Existem apenas dois valores possíveis deste tipo. A guerra inversa é verdadeira e falsa. Para avaliar dois, estes dois valores. Vamos supor que se temos um que é igual, igual a quatro, ok? Agora aqui temos os dois estados. Se um que é igual a quatro, então este valor será verdadeiro. Se um que é igual a cinco, então nosso, este valor será falso aqui. Então este é apenas um valor booleano onde temos apenas dois estados que são verdadeiros e falsos dentro e fora. E o outro estado aqui é sim ou não. Espero que entenda agora. Agora vamos chegar à primeira expressão lógica, que é N. O fim lógico pode ser entendido em três níveis diferentes. No nível mais simples, quando usamos os operandos booleanos como n, VSB executar o booleano e operador em dois valores. Ele retorna verdadeiro se, se apenas como primeiro operando e os segundos operandos são verdadeiros, que significa que como primeiro operando um e segundo operando B. Ok, então estes dois são verdadeiros. Então, nossa saída será verdadeira aqui. Espero que entenda agora. Assim, o operador e é usado quando a condição deve ser satisfeita. Espero que você entenda agora vamos supor X, que é maior do que seis, e estamos usando n seno aqui. E eu apenas escrevo y, que é igual a cinco. Então isso significa que x deve ser maior que cinco e y deve ser igual à condição cinco. Então, aqui esta condição se torna verdadeira. E terceiro exemplo aqui é como se nós estamos escrevendo os dois operandos são diferentes de zero, então a condição torna-se verdadeira em um operador. Vamos supor que um aqui eu apenas escrevo e assino, e então aqui eu apenas escrevo b. Então agora este operador será verdadeiro aqui. Está bem? Espero que você entenda agora. Agora vamos ao exemplo disso. Então aqui eu apenas escrevo variável e variável a, que é igual a aqui eu tento, ok? E então aqui eu apenas escrevo essa variável e variável B, que é igual a false. Espero que você entenda agora. Agora aqui eu apenas escrevo se variável e variável c, que é igual a aqui, eu apenas escrevo que esta é uma única membrana. Eu só queria dar um único A2 isso, ok? Agora aqui você pode ver. Agora, em primeiro lugar, estamos a tomar as duas declarações aqui. Estou apenas escrevendo o single e pontes por causa de VR Apenas para criar o OR e o operador NOT também no mesmo núcleo. Agora aqui você pode ver que eu só monto um documento. E aqui basta escrever, documentar. Escrever. E então aqui você pode ver que eu tenho que escrever isso primeiro, desculpe, e primeiro eu tenho que escrever que o valor de a, e aqui eu só uso o valor de p. Agora você pode ver que isso é apenas uma declaração de saída, e aqui estou apenas escrevendo a lógica aqui. Vamos supor que o nosso resultado aqui é igual a, I. Basta escrever que a e E aqui é a enzima que é igual a b. Basta escrever que a e E aqui é a enzima que é igual a b. E então para eles isso é um cifrão e eu tenho que escrever e assinar com isso. Está bem? Vamos apenas verificar se o nosso se verdadeiro é verdadeiro e b aqui é falso. Então, qual será a nossa saída aqui? E aqui, eu tenho que escrever esse documento.escrever e documento.escrever aqui vamos imprimir o resultado. Está bem? Então isso irá imprimir o resultado desta expressão aqui, que é o N. lógico Agora aqui eu tenho que escrever esse documento e documento ponto escrever susto aqui. E aqui vou imprimir a variável C para o embrião único. Comumente, se você quer imprimir, então tudo bem, se você não é, deixe. Agora vamos verificar. E aqui. E aqui temos a saída. Então você pode ver aqui o que o lógico e a e b aqui é falso. Por que isso é falso? V, como o ponto de interrogação aqui é por que nossa, esta afirmação é falsa aqui. Isto é apenas por causa daqui nós temos uma declaração verdadeira e uma declaração falsa. É por isso que esta afirmação aqui é falsa. Agora só escrevo as duas afirmações verdadeiras aqui. Vá para o navegador, atualize isso. Então você pode ver aqui por esta expressão, aqui é verdade. Esperemos que você entenda agora, em seguida, como esta lógica e operadores funcionam. Se você ver portas lógicas e entender a lógica do operador lógico. Então o mesmo é um conceito bem aqui nos operadores lógicos. Aqui você pode ver que estamos estudando sobre NOT e OR operador no operador n aqui. Você pode ver que foi para fora do palco, que significa que você tem o valor aqui também é off 0 meios de N, uma média aqui mesmo. Se um dos seus valores aqui estiver ativado, isso significa que isso está fora do estado. Parece um caso como esse. Se ambas as declarações são verdadeiras aqui, o que significa que o seu resultado será aqui verdadeiro no operador e. Vamos ver aqui o valor aqui é cai como quedas e cai aqui, que significa que cai no operador n. Um valor aqui é falso e um valor aqui é verdadeiro. que significa que este é também cai na hora do operador n quando quase o cabelo é verdadeiro e outro valor aqui é falso, o que significa que este é também cai aqui. Se ambos os valores forem verdadeiros no operador e e lógico e operador, o que significa que você tem a verdadeira saída aqui. Vamos apenas chegar ao operador ou onde tanto a declaração, nossa culpa. Isso significa que esta é uma declaração falsa. Se um deles é verdadeiro aqui, o que significa que este é o verdadeiro resultado, caso semelhante como esse. E se ambos os cabelos resultado são verdadeiros. Então esta afirmação também é verdadeira aqui. Agora vamos chegar ao lógico e na tabela de verdade, adicione o JavaScript também. Se você tem as cataratas é estado. Assim, a saída deste estado dobrado aqui será verdadeira. E se você tem estado verdadeiro, então isso significa que você tem a saída é falsa. Este é o oposto de sua declaração no operador n. Então estes são apenas n portões lógicos bem aqui. Ok, espero que o seu conceito seja muito mais claro sobre os operadores lógicos e os portões lógicos. Agora aqui, vamos ao outro exemplo do operador OR lógico. Os operadores lógicos executam o booleano ou expressões em seus dois operandos. Se um dos dois operandos for verdadeiro, ele retornou valores verdadeiros. Se ambos os operandos são falsos, ele irá retornar valor falso. Exemplo muito simples de que ajuda você a entender agora, vamos supor que o operador OR é usado. Uma das condições satisfeitas deve ser verdadeira. Como acabei de lhe dizer. Vamos supor que se tivermos o valor aqui é igual a quatro. Aqui eu só cavalgar OR operador. E então é descrito se y, que é igual a se y que é menor que três aqui. Então isso significa que a condição é verdadeira quando o x é, deve ser quando o x é igual a cinco, ou y é menor que três. Então, aqui, qual será a saída? Vamos apenas verificar. Agora. Eu vou te contar sobre isso. Os mais dois valores, vamos supor v, como os valores aqui é dez e outro valor aqui é 20. Está bem? Aqui eu apenas escrever um operador r ser se um dos dois operandos são não-zero. A outra declaração aqui, então nossas condições se tornam verdadeiras. Então você pode ver aqui nossos dois valores aqui são diferentes de zero, então nosso resultado aqui é verdadeiro. Vamos para o exemplo aqui mesmo, e eu vou falar sobre isso, que como podemos escrever o exemplo sobre os operadores lógicos. Aqui, você pode ver que eu apenas defini variável, uma outra variável bem aqui, ok? E se você quiser trabalhar nisso, então esta é uma prévia. Aqui. Eu apenas escrevo variável x, que é igual a, Eu vou apenas escrever N. E então nós temos variável y, que é igual a visão seis. Está bem? Aqui eu escrevo isso. Este é documento e document.getElementByID ou você tem write document.write. Isso é apenas para sua compreensão de que você pode trabalhar com ambas as instruções de saída. Aqui eu apenas escrevo que lógica ou operador. Está bem? E aqui está, certo, esta é a declaração HTML ponto interno, ok? Agora aqui você pode ver aqui em primeiro lugar, eu tenho que escrever que se x, que é igual, igual a quatro, ok? E então aqui eu só escrevo e operador, desculpe, ou operador. E então aqui eu disse y, que é igual, igual a três. Está bem? Então, qual será a nossa saída? E aqui está bem ali. Esta é apenas uma única quebra de linha bem aqui. E então aqui está escrever o sinal de concatenação. Está bem? Agora eu apenas copiar esta declaração e eu apenas executar vários tipos de declaração sobre isso. Agora aqui você pode ver que aqui eu apenas escrevo se nosso valor aqui é dez e nosso outro valor aqui é 0. Então, qual será a nossa saída? Então aqui temos, vamos supor que nosso valor aqui é 0 e outro valor aqui é vamos supor seis. Então, qual será a nossa saída aqui? Está bem? E então aqui você pode ver que se o nosso, este valor aqui é dez e outro, e outro valor aqui é seis. Então, qual será a nossa saída? Então aqui você pode ver que na primeira fase temos os dois valores diferentes. Então aqui temos o valor dez, e então este é 0 e este é 0 aqui, e este é o valor seis bem aqui. E então nós temos os mesmos valores de saída bem aqui, ok? E então feche o placar. Agora basta ir para o navegador e verificar esta declaração. Então, em primeiro lugar, temos que salvar isso. E então você pode ver. Então, antes de executar esta saída, eu apenas esqueço uma coisa aqui para mostrar a vocês, os xi's são tentados aqui onde eu tentei ID e ID aqui é o operador OR lógico. E, em seguida, aqui eu divulgou pontuação. Agora eu vou executar esta saída para a seção do corpo bem aqui. E você pode ver isso aqui, nosso primeiro encontro. Você pode ver que falso, verdadeiro, verdadeiro e verdadeiro. Está bem. Por que isso é falso. Na primeira fase, você pode ver aqui v, como a declaração falsa dois, o que significa que cai no operador OR lógico. Se um deles for verdade. Você pode ver que esta é uma afirmação verdadeira e esta é a queda da declaração, que significa que nós temos a declaração mais verdadeira aqui. Então aqui você pode ver que o mesmo é o caso como hora morta. Uma das declarações aqui é legal. Então isso é falso e verdadeiro, o que significa que esta afirmação é verdadeira. E adicionar o último temos os dois, ambas as declarações verdadeiras e verdadeiro e verdadeiro aqui no verdadeiro na lógica ou operador. Espero que você entenda agora. Assim, através do operador OR lógico é o mais frequentemente usado simplesmente como o booleano ou operador. Como. Ou operador tem um comportamento mais complexo. E ele começa avaliando seu primeiro operando, a expressão em seu lado esquerdo ou seu lado esquerdo, se o valor deste primeiro operando é verdadeiro em espécie como circuitos e que é retornado que valores verdadeiros sem nunca elevando as expressões no lado direito. Como vou dizer-lhe, vamos supor que vamos verificar as expressões do lado esquerdo. Daqui. Se lógico ou operador, bem aqui, o valor verdadeiro. Então isso não vai verificar esta expressão aqui. E isso irá simplesmente para o resultado e isso nos mostrará o resultado aqui mesmo, verdade. Se o resultado do operador lógico aqui cai, então isso irá passar para as próximas Expressões. Verifique se isso aqui é verdade. Então, e então isso nos mostrará o resultado aqui mesmo. Se ambos os valores forem falsos. Então, em primeiro lugar, isso vai se mover com essas expressões e, em seguida, e então, ele vai tomar a decisão como as quedas bem aqui. Espero que seu conceito seja muito claro sobre o operador OR lógico. O conhecimento chegou ao lógico, não o lógico, não o sinal aqui não é sinal. Este operador é o operador unitário. Ele é colocado antes de um único operando. O propósito disso é, em palavras, o valor booleano de seu operando. Por exemplo, nosso valor de x aqui é verdadeiro. Então isso vai para dentro ou que irá reverter este valor para quedas. E se o nosso valor aqui é falso para isso irá converter este valor em verdadeiro aqui mesmo. Então este é o conceito simples do operador lógico NOT. Vamos chegar ao exemplo deste operador lógico NÃO. Aqui, obtendo o exemplo de valores verdadeiros e falsos. E você pode ver o cabelo. Eu só copiei isso. E aqui eu só mudar essa largura, não OK. Apenas venha aqui. Você pode ver que eu tenho que escrever resultado. E em primeiro lugar, vou verificar este resultado em então operador. Então aqui eu só escrevo nada seno. E então aqui eu apenas escrevo se a e a e b valores aqui. Ok, eu só disse que esses dois valores são verdadeiros. E se a e B aqui são verdadeiras, então como esse verdadeiro valor que vamos fazer por fazer cai por este operador lógico NÃO. Agora aqui, eu tenho a lógica correta, desculpe, documento dot write, e aqui está um resultado. Ok. Você pode ver isso. Agora basta ir para o navegador e atualizar isso. Você pode ver aqui que V, Como os estados a e b são verdadeiros. Portanto, a nossa saída aqui também é verdadeira. Você pode ver que neste exemplo que temos esse valor de saída aqui é verdadeiro. Então, com a ajuda deste operador não, fazemos esta saída como o falso. Então este é apenas um trabalho fora do operador lógico NOT. Então, como eu apenas dizer que operador lógico NOT é usado quando o, o valor aqui é verdadeiro. E se você quiser fazer este valor como falso, ok? Então vamos supor que temos a expressão como não, x é menor ou maior que cinco. Então, se o nosso valor for verdadeiro, então, por padrão, este operador não fará este valor como as quedas aqui. Espero que seu conceito seja muito mais claro. E agora com os operadores lógicos em JavaScript, se você encontrar algum do problema e qualquer ponto em não entender nesta palestra, por favor deixe-me saber e obrigado por assistir esta palestra. 14. Operadores de comparação de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o operador relacional ou de compressões ou expressões no JavaScript. Esses tipos de operadores testam para nossa relação, como é igual a menor que ou a propriedade de entre dois valores. E isso é devolvido o resultado no verdadeiro ou falso, que depende se essa relação existe ou não. Operador relacional sempre, Eu esperaria para um valor booleano. E esse valor é frequentemente usado para controlar o fluxo de sua execução do programa, como quando você está apenas usando ifStatement while instrução ou a instrução for. Então você tem que usar este relacional ou as compressões sobre. Um operador de compactação, compara seu operando e retorna o valor lógico com base em se essa compactação é verdadeira ou não. O operando pode ser numérico, é string, valor lógico ou objeto é string quando você está apenas usando uma string aqui. Assim, as strings são comparadas com base no Lexi padrão, ordenação lexicográfica usando os valores Unicode. Na maioria dos casos, se os dois operandos não são do mesmo tipo, a tentativa do JavaScript de convertê-los e apreciar os tipos de compressões. E esse comportamento geralmente deserta ao comparar os operandos numericamente. Ok, então vamos ver como podemos usar o operador de compressões em nosso exemplo. Uma outra coisa, eu vou dizer-lhe que se o valor de cinco aqui, vamos supor um que é igual a cinco, e b que é igual a 20. Agora, você tem que entender, você tem que entender melhor esta lógica aqui. Em primeiro lugar, vamos verificar o operador de compressões entre o igual a, como eu acabei de dizer, quando você está apenas escrevendo único igual a, vamos supor um que é igual a cinco. Isso significa que você está atribuindo o valor a um, que é cinco. Quando você apenas escrever um que é igual, igual a b, o que significa que você está comparando a com B com estes dois é igual a seno. Agora aqui, você pode ver que temos o valor E aqui é cinco, e o valor b aqui é 20 bem aqui. Então aqui qual será a saída? A saída aqui é falsa apenas por causa de cinco não é igual a 20 saltos. Você entende agora, agora aqui vamos verificar um ao outro declaração aqui, que é a, significa que cinco não é igual a b ou 20. Então aqui temos esta afirmação é verdadeira aqui. Então aqui eu escrevo cinco é maior que 20. Então isso também é cai bem aqui. Então aqui você pode ver que eu estou comparando a com B, que se a é igual a B, o resultado será, então H não é igual a B. Qual será a nossa saída n Se a for maior que b. Então, qual será o nosso ope? Agora aqui você pode ver que eu tenho que escrever aquele um que é menor que B, ou a, ou cinco que é menor que 20. Então esta afirmação aqui é verdadeira. Então você entende agora, ou você tem que escrever um que é maior ou igual a b, ou um que é menor ou igual a B. Então estamos trabalhando nesses tipos de exemplos bem aqui. Vamos apenas ver. Eu tenho direito no meu script tag bem aqui. Então esta é uma tag de script e eu vou fechar esta tag de script aqui. Em primeiro lugar, o mesmo é um caso do nosso exemplo diagramático. Eu só escrevo e, que é igual a cinco. E então aqui eu apenas escrevo variável B que é igual a 20. Ok? Agora aqui tenho que escrever esse documento. Então este é um pequeno documento. E documento ponto aqui eu tenho que escrever esse documento.write. E aqui você pode ver que eu apenas escrevo que a que é igual, igual a b. Esta é a nossa primeira expressão, ok? Onde estamos comparando esses valores. E você pode ver agora aqui, eu escreveria isso. Vamos supor V, como um outro variável, que é resultado. E o resultado aqui é que você pode dizer um que é igual, igual a b. Então aqui o que eu acabei de desenhar aqui. Então você pode ver que eu apenas comparando um que é igual a b, certo? Harish significa e cinco, que é igual, igual a 20. Então vamos ver que será a nossa saída. Então aqui eu tinha direito, que este é documento e documento ponto escrever. E aqui eu só pauso o resultado aqui. Ok? Agora aqui você pode ver que eu apenas verificar a saída para este código e correr para o navegador. Então você pode ver aqui que cinco, que é igual, igual a 20. Então, como acabei de te dizer que isto é, as Cataratas são Leve-me aqui mesmo. Espero que sim. Você entende agora. Agora aqui, depois disso, eu tenho que escrever aquele documento e documento dot write. E aqui eu tenho que escrever tão simples. Ou você pode dizer que aqui eu apenas criar variável c e c, que é igual a eu tenho que escrever uma única quebra de linha porque estamos executando a instrução múltipla está aqui. Então eu vou dar uma única LAN break bem aqui. Ok? Agora você pode ver que apenas nos movemos para um, outra expressão bem aqui. Então eu apenas copiei este código aqui e colei este código aqui. Então, aqui nessa fase, eu tentei que um que não é igual a b, ok? E você pode ver que aqui eu apenas escrevo aquele E, que não é igual a b bem aqui. Vamos verificar a saída. Então você pode ver aqui cinco não é igual a 20. Então esta afirmação aqui é verdadeira. Espero que seu conceito esteja claro agora. Agora você pode ver que aqui eu tenho que escrever um ao outro declaração. Vamos supor que um que é menor que b. E aqui também temos um passeio que é menor que B. Então aqui você pode ver que eu tenho direito, que um que é maior que b e visto como um caso como aqui, um que é maior que B. Então esta é apenas uma declaração de saída. Ok? Então não confunda isso aqui. E você pode ver esse documento.escrever novamente. E aqui temos que escrever que um que é maior que b e parece um caso como aqui, um que também é maior que B. Novae, como executar um ao outro declaração, um que é menor ou igual a, e um que é menor que ou igual a e adicionar perda. Vamos escrever esse e, que é maior ou igual a. E aqui você pode ver que um que é maior do que são iguais a. Vamos executar estas declarações aqui. Então você pode ver aqui, eu apenas escrevo e que é igual a cinco, e b que é igual a 20. Ok? Na primeira fase, você pode ver que um que é igual, igual a b. Então esta afirmação aqui é falsa. Então temos que escrever que cinco, que não é igual a 20. Então esta afirmação aqui é verdadeira. Então você pode ver que um que é menor do que v. Então v, como esta afirmação é falsa aqui. E você pode ver que a, que é maior que b, que é também cai bem aqui. Ok? Então nós executamos duas declarações bem aqui, ok, que é maior do que não integrado. Então vamos verificar esta declaração. E você pode ver que e, que é menor que, menor e maior que, e maior que. Ok? E eu tenho que remover isso, executar este código novamente. Então você pode ver aqui se a é maior que B, então esta é uma declaração falsa, é menor ou igual a b. Então você pode ver que esta é uma declaração verdadeira aqui e visto como um caso como um que é maior que ou igual a b. Então temos a declaração falsa aqui. Então é assim que nossas compressões ou os operadores relacionais funcionam no JavaScript. Espero que você entenda e seu conceito é muito claro sobre essa lógica. Se você não entender nada da planta aqui. Então, por favor, me avise e obrigado por assistir a esta palestra. 15. Métodos de construção em alerta de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a caixa de diálogo de alerta em JavaScript, ou a função de alerta ou método no JavaScript. O método de alerta no JavaScript, que é exibir uma caixa de diálogo de alerta com uma mensagem especificada e um botão OK. Muitas vezes é usado para se certificar de que a informação veio através do usuário. A caixa de alerta ou a caixa de diálogo de alerta, afasta o foco da janela atual e focaliza ou força os navegadores a ler a mensagem. E você deve evitar usar demais esse método, pois impede que o usuário acesse outras partes da página até que a caixa seja fechada. Ajuda você a entender agora. Agora vamos ver que como podemos usar esta caixa de diálogo de alerta em nosso núcleo. Em primeiro lugar, você pode ver aqui que eu estou apenas criando um botão bem aqui. Ok? E este é o nosso botão. Botão aqui é que eu disse este botão no onclick. Ok. E aqui eu escrevo uma caixa de alerta. Eu só deixar isso no método clique porque aqui eu apenas colar a função onde eu estou apenas criando para esta tag script. Agora aqui eu apenas crio uma função. Então eu apenas criar função com f pequeno. Vamos aprender sobre as funções mais tarde em nossas palestras também. E aqui eu apenas escrevo esta é a função de alerta. Ok? Então eu vou lhe dizer a definição das funções que qual é a função exatamente? Estou a falar desta palavra-chave de função, está bem? Uma função é um grupo de código reutilizável que pode ser chamado em qualquer lugar do seu programa. Isso elimina a necessidade de escrever o mesmo código uma e outra vez. Ele ajuda programador na escrita de código modular. As funções permitem que os programadores dividam um grande programa no pequeno número de pogroms, que é gerenciável, fácil. Como qualquer outra linguagem de programação avançada, script Java também suporta todos os recursos necessários para escrever código modular. Usando a função. Você deve ter cenas, as funções como alerta. Esta é a nossa primeira função onde estou usando aqui, que é a Elor. Então temos as funções certas também. Então, vamos usar esses tipos de função também, como prompt, um alerta, confirmar. Então, aqui vamos chegar ao nosso tópico e eu vou dizer-lhe sobre a caixa de diálogo Deller. Então, para escrever a mensagem de alerta, eu tenho que escrever o alerta de palavra-chave. E aqui eu apenas mostrando a mensagem para você que Olá, você está aprendendo Java Script. Certo, e acabei de fechar o placar com ponto-e-vírgula. Agora aqui você pode ver que esta é apenas uma declaração de função. E agora eu estou apenas chamando essas funções para OnClick. Espero que isso é muito confuso para você porque V nada já estudou sobre as funções. Mas fazer, basta fazer o seu conceito aqui porque a função é muito fácil. Eu vou falar sobre o, algumas das explicações diagramáticas da função onde você pode ver que vamos supor v, como os grandes programas aqui, que é o sistema LMS, que é Aprendizagem Sistema de Gestão, um exemplo muito comum. Esta é toda a nossa funcionalidade. Se você quiser dividir essa funcionalidade neste pequeno programa. Então vamos supor v, como três módulos aqui neste sistema LMS, que é primeiro professor é Turim e administração. Então você pode ver aqui, eu apenas dividir este grande programa e para os três são pequenos módulos. Você pode ver que esta é realmente as funções fazer e VR reutilizável este professor funções, isto é funções de estudante nesta administração funções são várias vezes. Em vez de escrever nosso código de novo e de novo. Um exemplo simples das funções aqui. Como uma vez que eu apenas declarar esta mensagem de alerta, então eu não vou escrever esta mensagem de alerta novamente e novamente. Eu simplesmente escrevo o nome das funções. Então todo o nosso código será executado no botão deste ou em qualquer outra funcionalidade. Este é o conceito de reutilização. Espero que entenda agora. Agora vamos para o navegador e verificar a saída. Ok, aqui você pode ver que um dos botões é criado aqui com o nome da caixa de alerta quando ele basta clicar neste botão. Então você pode, temos um erro aqui porque nossa função não está funcionando e que não está mostrando a saída de exibição. E só por causa daqui, perdemos esses parênteses. Agora execute-o novamente. E você pode ver aqui que quando eu apenas clicar neste botão, então uma caixa de diálogo mensagens aparecem para mim, que é mensagem de alerta no site, que é Olá, você está aprendendo o script java bem aqui. Espero que você entenda agora e este conceito, é muito mais claro para você. Ok, então o método de alerta, como eu acabei de dizer no JavaScript, que está exibindo a caixa de alerta. E é exibição que eu especifiquei mensagem junto com o botão OK. Você pode ver que eu estou falando sobre este botão OK. E isso é geralmente usado para garantir que o usuário obtenha as informações e ele retorna a string que representa o texto com a exibição na caixa de alerta. Ok? Então é assim que nossa caixa de diálogo de alerta ou função de alerta está funcionando. Alerta é uma base de funções embutidas. E você pode ver aqui isso é apenas uma palavra-chave. Ok? E vamos aprender sobre as funções em uma palestras separadas também. Então vocês, esse conceito é claro para vocês. E se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 16. Prompt de Javascript de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a caixa de prompt. Depois de aprender uma caixa de alerta, temos que passar para a caixa de prompt aqui. Uma caixa de prompt geralmente é usada se você quiser que o usuário insira um valor antes de inserir uma página. Quando uma caixa de prompt pop-up, o usuário terá que clicar em OK ou Cancelar para prosseguir após inserir um valor de entrada. Se o usuário clicar no botão OK, o prompt do método da janela retornará o valor Inter da caixa de texto. Se os usuários clicarem em Cancelar, o método windows solicita retornar nenhum aqui. Vamos ver como podemos trabalhar com ele. No início. Como você pode ver aqui, que estou criando um formulário. E formulário aqui é que eu estou apenas criando um campo de entrada. Campo de entrada Eu tenho escrever que campo de entrada aqui é o botão. Então escrevemos o valor. E o valor aqui é que eu tenho que escrever isso. Clique em mim. Ok? E então aqui você pode ver que eu tenho que fechar este código bem aqui. Agora, aqui você pode ver que eu tenho que escrever que isso é apenas em função bem aqui. E a função aqui são as funções de prompt, ok? Agora aqui você pode ver que dentro desta função eu tenho escrever em primeiro lugar uma variável. Variável aqui é que você pode ver que eu li valor ou você pode dizer qualquer coisa, Eu tenho que escrever isso. Vamos supor, prompt, ok. Mas aqui eu apenas criar um valor aqui onde você pode ver que eu tenho que usar prompt como a palavra-chave. Ok? E aqui você pode ver que digite seu nome. Ok? E então aqui você pode ver que eu tive que montar uma outra corda, que é o nome bem aqui. Agora vamos ver eu tenho escrever que um documento ponto escrever. E você pode ver o documento.write. E aqui você pode ver que você tem por sua vez. E então aqui eu concatenar o valor deste prompt, o que você escreve neste campo de texto bem aqui, ok? Agora você pode ver que nossa tag de script está completa aqui. Agora aqui eu tenho que escrever isso onclick. E este onclick aqui é igual a 2p, certo? Prompt aqui mesmo. Então você entende agora que eu estou simplesmente chamando o método aqui. Em primeiro lugar v, como o tipo de entrada, que é o botão, então o valor neste botão aqui é clique em mim. E então nós temos que executar no método clique, que é igual ao nosso nome da função aqui. Conceito obscuro é muito mais claro agora. Agora aqui você pode ver que eu rodei este código. E você pode ver isso quando eu apenas clicar neste botão aqui. Então você pode ver que temos encontrar uma mensagem de erro aqui, e nós temos que limpar esta mensagem de erro. O erro aqui é que você pode ver que nós apenas ir para a tecnologia e sim, ok. Isso é rápido. Nós não estamos usando o prompt como um nome de função aqui apenas por causa do cabelo, você pode ver que v, como prompt, como definido como a palavra-chave. Agora você pode ver que eu tenho trombones certos. Talvez o seu conceito é claro sobre o prompt, que este prompt é a palavra-chave e não estamos usando a palavra-chave aqui como o nome da função. Salve este código, vá para o navegador, atualize-o, e você pode clicar em, Click Me. Aqui. Este é apenas um campo de nome. Você pode ver que este é o nome bem aqui. Então este nome é mostrado para nós bem aqui. Está bem. Agora aqui você pode ver que eu apenas ir para o navegador, atualizar isso, clique em mim, e aqui eu apenas escrevo isso. Este é o funky. Eu só clico em ok. Então aqui você pode ver que você entrou funky bem aqui. Novamente, atualize, clique em mim. Cara, eu só clico em cancelar. Então você pode ver aqui você inseriu o valor nulo como eu acabei de dizer no início do programa que quando você está apenas escrevendo seu nome ou qualquer coisa no campo de texto, você pode obter a saída. E se você não escrever nada, assim você pode obter o valor nulo. Esperemos que seu conceito seja muito mais claro sobre o método prompt no JavaScript. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 17. Confirmação de Javascript: Pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre o método de caixa de diálogo de confirmação em JavaScript. O cenário aqui é que, em algum momento, você precisa fazer a confirmação do usuário para prosseguir para a próxima etapa. Por exemplo, você deseja obter as conformações do usuário antes de salvar os dados atualizados ou excluídos dados existentes. Neste caso ou neste cenário, usamos função interna JavaScript, que é confirmar, confirmar função, exibir uma mensagem pop-up para os usuários com dois botões, que são OK e Cancelar. E você pode verificar em qual botão o usuário tem que clicar e prosseguir de acordo. Então, se os usuários clicarem no botão OK, o método da janela que é confirmado, irá retornar o valor verdadeiro. Se os usuários clicarem no botão Cancelar , a confirmação retorna valor falso ajudará você a entender agora. Agora, aqui vamos para o exemplo disso. Aqui, como você pode ver, em primeiro lugar, eu tive que criar a função e função aqui. Vamos supor que eu apenas escrever o nome da função aqui é Olá. Ok? Agora, depois disso, você pode ver que aqui eu apenas usei confirmar como a palavra-chave, que é um método, ok. E aqui eu apenas escrevo. Por favor, pressione qualquer Burton para continuar. Ok? E, em seguida, um código mais próximo aqui. Agora aqui, nossa, esta lógica é confirmar é uma palavra-chave. Nosso nome da função aqui é olá. Agora aqui eu apenas criar um botão para exibir esta funcionalidade aqui, onde eu apenas criar um botão no método clique. E aqui você pode ver que eu tenho que passar este nome de função Olá. E aqui está, direito que clique em mim para confirmar. Ok, agora aqui você pode ver que eu tenho que ir para o navegador, vai crescer. E aqui você pode ver que clique em mim para confirmar. Quando eu apenas clicar neste botão, nossa caixa de diálogo é mostrada para mim, que é a caixa de diálogo de confirmação ou caixa de diálogo de conformações. Enquanto eu só digo que você está encontrando duas opções aqui, quatro, OK, e Cancelar. Eu só digo que, se os usuários pressionarem o botão OK, o método da janela confirmará retornará verdadeiro. E se o usuário estiver pressionando o botão Cancelar , a confirmação retorna resultado falso. Então esta é a nossa mensagem aqui. Você pode ver isso. E quando eu apenas clicar neste botão OK. Então você pode ver aqui esta caixa de diálogo está desaparecida e estamos indo para o próximo passo depois disso. Esta é apenas a nossa funcionalidade assim. E quando você acabou de clicar em cancelar, então isso significa que este assunto confirmar nos retornar o valor como as quedas e você está na mesma página. Esperemos que seu conceito seja muito mais claro sobre a caixa de diálogo de confirmação medida em JavaScript. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 18. Javascript se o declaração: Ei pessoal, bem-vindos a esta palestra. E nesta palestra estamos passando pelas declarações controladas em JavaScript. Onde nesta palestra focamos totalmente na afirmação if. Mas vou lhe contar um pouco mais sobre o fluxograma e a declaração if também. Ao escrever um programa, pode haver situações em que você precisa adotar um de um determinado conjunto de pote. Nesses casos, você precisa usar as instruções condicionais que permitem que seus programas tomem decisões corretas e executem a ação correta. Javascript incluem se outras condições tomar deve controlar o fluxo do programa semelhante a outras linguagens de programação. Aqui v, como se condição, se outras condições e se condições. Ok? Agora aqui você pode ver que eu vou dizer-lhe em primeiro lugar que como nossos programas fluem para a declaração if, else if. Vamos ver aqui que eu estou apenas escrevendo os fluxogramas para vocês, que é este sinal de círculo significa que o seu programa é, pegue, comece a partir disso. Então depois disso você como alguns tipos de condição, ok? As condições serão. Vamos supor que se um é maior que cinco ou se um é menor que dez, ok? Ou qualquer coisa como se h é igual, igual a cinco lúpulos, você entende agora que condição é qualquer coisa, qualquer lógica, você pode pressionar bem aqui. Então você pode ver aqui, se você está programa vai escrever as mesmas condições. Vamos supor que um 0 que é maior do que cinco. Vamos supor que o valor de E aqui é dez, então você é fluxo de programa será facilmente para a etapa final. Então você pode ver aqui este é o nosso eu estou acabado. Então, depois de verificar esta condição, vamos supor um que é maior do que cinco e o valor de um aqui é dez. Então o nosso programa irá fluir como aqui, que irá primeiro verificar a condição, então que irá verificar o código de condição aqui, e então que irá executar o resultado para nós. Espero que você entenda agora dentro se declarações, se o seu resultado é falso, vamos supor que eu apenas escreva que dois que é maior do que cinco, ou dois que é menos de cinco. Ok? Dois é menos de cinco. Esta é uma afirmação verdadeira. E se T2 é maior que cinco, então esta é a forma da declaração. Se sobre esta afirmação aqui é falsa. Então o fluxo do programa vai estar indo para as quedas e simplesmente que vamos passar para a guia de acabamentos e não nos mostrou nenhum dos resultados aqui apenas por causa de uma declaração if, nós apenas focado na condição aqui. Não nos concentramos na outra condição. Espero que o seu conceito seja muito mais claro agora que você pode ver que uma declaração se, tomamos o início do programa. Então aqui vamos verificar esta declaração. Se nossa declaração e, que é maior que cinco, vamos supor que dois que é maior que cinco, que é nossa declaração falsa aqui. Se esta afirmação for falsa. Então aqui você pode ver que nosso programa será. Diretamente mova para a etapa de chegada e não nos mostre nenhuma saída. E se isso é toque é verdade, modo que simplesmente vai passar para a próxima etapa, verifique o código de condição, e, em seguida, indo para o estado acabado aqui. Espero que sim, está claro agora. Agora você pode ver que vamos discutir sobre a declaração if. Então, se uma instrução é a instrução de controle fundamental que permite JavaScript para tomar as decisões e executar a instrução condicionalmente. Como você pode ver que vamos supor que temos esta tag script. Dentro da tag de script. Em primeiro lugar ser como a declaração if, se aqui é a palavra-chave. Lembre-se que quando você está apenas escrevendo o if, então, se significa que palavra-chave, então você tem as expressões bem aqui. Qual é a expressão? Expressão é qualquer coisa. Vamos supor que E é maior que cinco, é maior que dez e é menor que dez, ou um que é igual, igual ou maior que ou igual a um zero igual a dez. E você tem os números. Então a é apenas a nossa condição aqui. Portanto, estas expressões aqui são condições. Então você tem que correr com esses colchetes. Então você tem que escrever seu código de declaração bem aqui. Agora, eu vou colocar isso no seu, você pessoal em fluxograma, onde você pode ver que aqui nosso programa vai começar. Você pode ver que daqui nosso programa está começando. Então você pode ver que aqui temos a declaração if e você pode ver aqui temos uma declaração if e a condição. E, em seguida, temos o bloco de declaração do Office ou bloco de código. Depois deste bloqueio. Se essa condição for verdadeira, então nosso fluxo de programa estará se movendo para essa condição. Vamos supor que qualquer um dos códigos aqui. E depois ajudamos. O acabamento é guia bem aqui. Se nossos programas funcionando corretamente como um que é igual a cinco, o que significa cinco que é igual a cinco horas escada corrida estado aqui é verdadeiro. Então esse programa será movendo-se facilmente se o nosso, este programa é falso. que significa que no lugar de Avie como os dois, SO dois, que não é igual a cinco. Então nosso fluxo de programa será diretamente ir para o final e não nos mostrar qualquer uma da taxa de reserva aqui. Espero que você entenda agora aqui você pode ver Javascript ou expressão Java é avaliada. A partir daqui você pode ver que a expressão JavaScript é avaliada se o valor resultante é verdadeiro. Então a declaração de Galen é executada. E na maioria das vezes você vai usar como operador de compressões ao tomar essas decisões. E se uma declaração é falsa, então nenhuma instrução seria executada aqui mesmo. Está bem. Vamos ver o exemplo de codificação, certo? Espero que o seu conceito seja muito mais claro sobre a declaração if aqui. Agora, você pode ver que eu estou executando a instrução if. Então, se aqui é um e que é maior do que 0, esta é a nossa declaração aqui. Você pode ver que esta é a nossa expressão. Esta é a palavra-chave, e agora eu estou apenas executando o bloco de código. Vamos supor que estou apenas executando o comando de alerta. E alerta aqui é, eu só escrevo que cinco é, desculpe, H é maior que cinco. Então aqui você pode ver que cinco é maior que dez. Ok? Você pode ver isso. Então, qual é o cinco? Então, cinco é a nossa declaração “se” bem aqui. Ok? Agora, você pode ver que eu acabei de verificar este código. Então aqui você verá que não encontramos nenhum operador. Só por causa daqui, só definimos a nossa declaração “se”. Agora só estou definindo o número dois. Marque isto se a declaração for verdadeira ou não. Eu só escrevo uma variável e variável V, que é igual a aqui, eu apenas escrevo que 2pq. Ok? Agora aqui você pode ver que quando eu executar este núcleo, então salve isso e você pode ver aquilo. E você pode ver aqui que eu estou descrevendo, vamos supor documento e documento.write. Aqui eu estou apenas mostrando a saída em seu documento Kim. Write. E aqui tenho que escrever isso. Vamos supor que o resultado da declaração if. Ok? E então aqui eu tenho que fechar esta declaração bem aqui. Aqui você pode ver que nossa declaração Esta é falsa. É por isso que não tivemos nenhum resultado. Como você pode ver, você pode ver aqui, nós não tivemos nenhum dos resultados aqui. Agora, quando eu rodar este código, desculpe, primeiro, nós temos que salvar isso, e então nós temos que executar a pontuação. Então, como você pode ver, meu Este programa não está me mostrando a saída. Só por causa daqui. Só estou a dizer a lógica. Em primeiro lugar, você pode ver começar aqui a, como, a declaração condicional, você pode ver isso. Então aqui temos a condição que é a igual a dois n. Nossa declaração aqui é, é maior do que cinco. Se estamos pressionando o valor aqui é cinco. Portanto, este programa não nos mostrará o resultado também. Então aqui temos o valor falso e o fluxo do programa estará indo diretamente para o estado de acabamentos. E isso está mostrando como nenhuma pesquisa só por causa daqui nós só trabalhamos com se uma declaração. Repito uma e outra vez, este conceito só por causa da necessidade, este conceito nas próximas palestras. Ok? Agora aqui você pode ver que eu apenas forneço cinco. Só por causa daqui você pode ver que este é 55, então cinco não é maior que cinco. Então esta afirmação também não é verdadeira aqui, quando estamos apenas escrevendo seis em vez de cinco aqui, porque seis é maior que cinco. Então vamos verificar nossa saída agora. Então, em primeiro lugar, v, como o comando alerta, que está sendo executado aqui, que é cinco, é maior que dez. Ok? E então você pode ver que eu apenas pressionar, ok, então V, como o resultado da declaração if. Então agora nosso código está sendo executado aqui, e isso está nos mostrando o resultado correto. Então aqui, a partir daqui estamos começando aqui que irá verificar a condição se esta condição é igual aqui. Então isso nos mostrará o corpo principal. Caso contrário, isso irá mover-se diretamente para o estado de acabamentos e não nos mostrou nenhum dos resultados aqui dentro desta declaração if. Esperanças semana, este conceito é muito mais claro agora. Esta é a nossa primeira declaração. Agora estamos executando uma outra declaração bem aqui, que é, vamos supor e, que é menos de cinco. Isto é para entender quem veio. E aqui eu simplesmente escrevo essa mensagem de alerta. E a mensagem de alerta aqui é “Olá”. Isto é para verificar a condição. Ok. E o código mais próximo aqui. Refresque isto. E você pode ver lá primeiro a instrução é executada, e esta é uma segunda declaração. E você pode ver aqui, esta afirmação é, você pode ver que seis é menor que, você considera que seis é menos de cinco, o que é uma declaração falsa. Portanto, esta afirmação aqui não é executada para nós. Espero que este conceito é muito mais claro agora que como podemos usar if-else declaração e como podemos trabalhar com verdadeira e falsa e se declaração. Se você encontrar algum problema relacionado a esta palestra em qualquer momento você não entende no fluxograma da declaração if, qualquer ponto você não entende que como podemos criar a condição e como podemos verificar ou como podemos avaliar true e o valor falso na instrução if. E se você não está entendendo nenhum dos pontos aqui neste curso, por favor me avise e obrigado por assistir a esta palestra. 19. Javascript se o declaração: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a declaração if else em JavaScript. Às vezes precisamos executar um bloco de declaração somente quando uma condição particular é carne ou não. Isso é simples tomada de decisão de cartão. Como executamos um determinado código depois de tomar uma decisão na lógica do programa. Por exemplo, fazendo em JavaScript VHA quatro tipos de instruções de controle, que são if instrução Nasser, if instrução, if, else instrução e if else if. Ok? Como você sabe, já estudamos sobre se declaração em JavaScript. Agora estamos focados na declaração if else if. Na última palestra, você viu que ser estratégico sobre a declaração if e dentro da declaração if, se a nossa condição é carne, então o nosso programa irá executar o resultado eo blog núcleo se a nossa condição não é feita. Então, isso vai simplesmente para o acabado e não nos mostrar qualquer reserva. Mas aqui em if else declaração, como alguns algum tempo você como uma condição e você quer executar um bloco de código se condição é verdadeiro, e executar outro pedaço de código se a mesma condição é falsa. Isso pode ser alcançado em JavaScript usando if else declaração, como podemos trabalhar com a instrução if-else. Em primeiro lugar, vou dizer-lhe o fluxograma de se outra declaração se. Vamos supor que aqui vamos começar o nosso programa. E aqui temos a condição vamos supor um e um que é maior do que 50. Ok? Agora você pode ver que se nossa afirmação é verdadeira aqui. Então, isso irá simplesmente para o bloco de código. O que escrevemos aqui, como ele irá inserir no corpo do código o que é definido com esta condição. Isso irá verificar o código e, em seguida, que irá executar o resultado aqui mesmo. Meios que simplesmente irão para o estágio de acabamento se nossa condição certa não for atendida. Então, isso vai simplesmente para o bloco de código mais bem aqui. Isso vai verificar o outro bloco de código e mostrar-nos o outro bloco de código aqui. Agora eu só digo que o que é a declaração se e o que é uma declaração else-if. Então, como você pode ver aqui, nós temos a declaração if e aqui você tem que escrever sua condição. E dentro da condição você tem um bloco de código bem aqui. Ok? Agora, se o nosso bloco de código está funcionando bem aqui, então isso irá simplesmente executar este bloco de código com resultado verdadeiro se este resultado não for possível na condição. Então nós simplesmente movemos para o outro e aqui que irá executar o bloco de código mais bem aqui. Então esse conceito é. Muito claro para vocês. Agora vamos ver o exemplo na declaração if else. Aqui. Você pode ver que dentro desta tag script, eu apenas defino uma variável. E vamos supor que variável aqui é idade, e a idade da variável aqui é 25. Agora você pode ver que eu estou apenas definindo se declaração. Então aqui você pode ver que se é uma palavra-chave e agora eu apenas escrevo H. Então H aqui é eu apenas definindo a condição bem aqui. Então, se a idade é maior do que 18 anos, então você tem que escrever um documento e documento.escrever, que é você não está na adolescência. Ok. Então ponto-e-vírgula bem aqui. Agora, se esta declaração for verdadeira, então isso irá simplesmente executar este bloco de código. Se o código de bloco não for verdadeiro, então isso irá para o bloco de código else. Então aqui está a palavra-chave, ok. E agora aqui você pode ver que eu tenho o documento certo e documento.write. E aqui temos que você é adolescente ou espero que sim. Você entende agora. Agora você pode ver que nós estamos indo para executar esta declaração se else bem aqui. E você pode ver isso aqui. Você pode ver que nossa idade aqui é 25. Então há nos mostrar e mensagem aqui, que é que você não está na adolescência. Ok? Agora aqui você pode ver que eu apenas escrevo 16. Então, quando eu apenas atualizar isso, para que você possa descobrir que você é adolescente porque nossas idades menores de 18 anos bem aqui. Então este é um exemplo muito básico, o que abordamos nesta palestra. Agora vamos para o complexo. Só removo isto porque é muito mais fácil para vocês. Aqui estamos recebendo um formulário onde vamos coletar o Marte ou vamos obter as notas dos alunos. Aqui você pode ver que incidentes preocupados pendurar. Só estou criando um formulário aqui. Ok. Então formulário aqui é em primeiro lugar, eu só disse o nome da fazenda, que é igual a, Eu vou apenas escrever este é formulário. Então, depois disso aqui eu tenho direito que, essa forma, desculpe, aqui eu tive a ação certa. Então a ação aqui é que nós não enfrentamos nenhuma ação sobre isso porque nós não tínhamos nenhum dos links. Então eu só escrevo este link em branco aqui. Então, em primeiro lugar, como você pode ver, eu apenas escrevo o nome do formulário porque nós precisamos deste nome do formulário quando estamos apenas declarando este script JavaScript bem aqui. Então, depois disso, dentro deste formulário, eu tenho que pegar uma entrada de usuário. Então esta é a entrada bem aqui. Então entrada aqui é o tipo de texto onde V, Como escrever que um nome. Então o nome aqui é que eu tenho que escrever que este é um nome do texto número um. E o valor aqui é, eu só conhecia esse valor como um espaço em branco. Aqui eu escrevo a mensagem. Que é Por favor, digam suas marcas. Ok? Agora eu só pego uma entrada, e a entrada aqui é o tipo de botão. E depois disso, eu apenas definir o valor deste botão significa o quê? Colocamos o nome nesse botão. Se escrevermos o valor aqui neste campo de entrada. Então insight de entrada, campo de entrada v, como o valor predefinido será mostrado para vocês. Depois disso, você pode ver que aqui eu acabei de definir o valor. Então o valor aqui se o botão for gelo, certo? Verifique sua nota. E acabei de fechar o placar aqui. Ok? Ou aqui você pode ver a pontuação mais próxima aqui. Agora estamos indo para esta tag script bem aqui. Em primeiro lugar, VR criando a função, e o nome da função aqui é grades. Aqui. Eu tenho que escrever isso no método clique. E dentro do método OnClick, eu tenho que escrever que este é portões. Ok? E você pode ver que agora, depois disso, você pode ver aqui eu apenas criar esta função, em seguida, classificar e eu apenas pausar essas funções no método onClick dentro deste botão. Agora vamos à lógica da afirmação se. Dentro de uma declaração if, Em primeiro lugar, eu tenho o documento certo para a declaração de saída. Então aqui eu só escrevo formulário. Então formulário aqui é este nome do formulário. Então eu tenho que escrever ponto e então eu apenas escrevo este texto número um. Então eu estou concatenando esses documentos com formulário e texto aqui, então eu tenho que escrever ou eu tenho que fornecer o valor. Isso significa que eu estou fornecendo a lógica aqui mesmo. Se o seu formulário for correspondido, então você é texto é correspondência, o que significa que este é o nosso formulário. Em primeiro lugar, isso obterá o valor da empresa. Então, dentro deste formulário, temos algum tipo de barra de texto onde seus textos corresponderão. O resultado significa que os textos corresponderiam a essa lógica de valor, modo que nos mostrará a saída. Então eu apenas defini o valor aqui. Se as marcas são maiores que 90, então eu tenho que mostrar mensagem de alerta bem aqui onde você vai descobrir que a nota é um áudio ou grade bem aqui. Espero que sim. Este conceito é claro para você por se este conceito não é correspondido significa se este valor não é atendido, então que irá para o bloco de código else onde eu apenas definir um ao outro se declaração. Você pode ver isso. E a declaração se aqui é que você pode ver que eu tenho que escrever o documento mais uma vez. E estes documentos e mais uma vez, I sua visão. Em primeiro lugar, isso vai fazer o formulário, então que vai coincidir com o texto número um. E então eu apenas forneço os valores se essas duas coisas forem combinadas. Então, isso vai simplesmente para isso, que se as notas são maiores que 80. E assim você pode ver aqui que V estão recebendo a lógica do operador n aqui, porque estamos comparando dois valores aqui, que significa que você pode ver o valor é maior que 80. E você pode ver aqui eu apenas escrevo que documentos dot form text1. Aqui você pode ver o valor. Assim, você pode ver se o document.write formulário ponto texto número um ponto valor é maior que 80 e documents.Findone texto número um ponto valor é menor que 90. Então você tem que escrever mensagem de alerta onde você pode ver que você é nota é. Então, em primeiro lugar, temos a grade, aqui está uma vantagem, e aqui você tem a grade é uma esperança. Então você entende agora que lógica eu estou falando aqui. Agora, o mesmo é um caso. Você pode ver que eu tenho que copiar este outro bloco de código. Ok? E então aqui eu tenho que colar este bloco de código bem aqui. Aqui, eu estou apenas mudando o valor que se o valor é maior que 70 e menor que 80, então você tem que fornecer o grau é b mais. Então você pode ver um outro bloco de código. E dentro deste bloco de código, estou apenas definindo a instrução if. Então, se o valor é maior que 60 e menos que 70, então você ferra o grau B bem aqui. Ok? Agora, depois disso você pode ver aqui que estamos nos movendo para este outro bloco de código onde eu apenas mostrar a mensagem de alerta. E a mensagem de alerta aqui é se nenhuma dessas declarações for atendida. Então você tem a grade C bem aqui. Então este conceito é muito mais claro para vocês. Agora, vou dizer-lhe a lógica destes é onde você pode ver que, em primeiro lugar, temos a declaração if. Então este é o nosso programa de controle de fluxo, onde você pode ver que se nossa declaração é correspondência significa que o usuário tem 90 pontos mais. Então esta declaração é compatível e que irá executar este bloco de código e mostrar-nos o resultado como você morto, você manteve a nota. Se isso não for cumprido, então isso se moverá para este outro bloco de código aqui e aqui que nos mostrará, que irá verificar esta declaração aqui, então que está correspondendo ao resultado em 8070 ou 60 significa que os usuários inferno 80 marcas. Então, isso irá executar este bloco de quatro e visto como um caso como aqui e aqui, se nenhuma dessas declarações é verdadeira aqui, significa que a saúde do usuário 59 meses ou usuários saúde 50 ml, então este alerta Grau C e o bloco L de será executado. Espero que este conceito seja claro para vocês e vocês vão entender o que eu estou perguntando. Agora, como você pode ver, eu apenas copiar este código e colá-lo na seção de cabeçalho. Ok? Porque quando você está apenas escrevendo o arquivo de script, por isso é muito importante que você tem que escrever seu arquivo de script em arquivos de cabeçalho e basta ir para o navegador, atualizar isso, e aqui você pode ver que por favor digite suas marcas. Então eu só escrevo 90 marcos aqui. E aqui eu apenas clique no botão. Então você pode ver que dentro deste V, como a nota, que é uma vantagem. Ok. Aqui eu escrevo que este é o 80 marcos. Verifique seu grau B, como a grade aqui é um, ok? Agora aqui eu escrevo 48 marcos. Verifique se você está bem. E v, como o Grau C aqui, como você pode ver com a ajuda de se mais Programa v, como criar este sistema de classificação no JavaScript. Este não é um sistema de classificação, mas você tem que calcular sua grade que você pode ver. Então este é o nosso exemplo da vida real, o que você tem que estudar nesta palestra espera que esta palestra seja muito clara para você? E se não, se você não entende isso, como podemos declarar esta nota, como podemos declarar esta declaração se? Qual é a declaração L mão direita e por que estamos declarando isso se declaração. Ok? Então você pode postar sua pergunta. E se você tiver alguma dúvida sobre este código HTML também, então você pode postar sua pergunta. Eu sou lento porque este é um curso muito inicial e aqui estou eu ensinar-lhe cada partícula do JavaScript para que você possa postar quaisquer perguntas. Se você tiver. Obrigado por assistir, por favor me avise. 20. Javascript se você se pronunciado: Pessoal, bem-vindos de volta a esta palestra. Nesta palestra estamos passando pelas condições else if em JavaScript. A condição if else if ou instrução é uma forma avançada de instruções if. Isso permite que o JavaScript tome decisões corretas fora de várias condições. Como na última palestra, você viu que executamos dois exemplos. Mas não vou dizer-lhe no segundo exemplo que o que estamos a fazer. Eu só estava focado no conceito das declarações “else-if” para vocês. Como você pode ver, eu só lhe digo a hora do servidor. Esta é a declaração if que está dentro um do outro. Para dentro desta outra declaração. Aqui. Na palestra de hoje, vou dizer-lhe que o que é a declaração se, então outra declaração, e então se declaração novamente. Então, como você pode ver na última palestra, vimos que usamos se declaração primeiro, em seguida, usamos else-if declaração. E depois desta declaração else-if, usamos se declaração novamente. Então, nesta palestra, focamos totalmente nesta palestra. Então, como podem ver, em primeiro lugar, vamos começar o nosso código. Então este é o começo do código aqui. Então aqui você executará sua condição. Só escrevo o nome desta condição como a tal. Então vamos supor v, como um outro condição. Vamos supor que esta condição aqui é dois e adicionar o último veículo. Outra condição, o que significa que esta é a terceira condição aqui. Então esta é a declaração da condição um. Esta é uma declaração das condições dois, e esta é uma declaração da condição três. E aqui estamos indo para o outro bloco de código bem aqui. E então estamos escrevendo que isso é apenas uma saída ou um fim, ok? Como você pode ver, que o nosso código está começando a partir de então? Se nossa, esta condição é correspondida, vamos supor que aqui eu apenas escrevo que se um é maior que cinco, ok? Então, se esta condição for verdadeira, então este bloco de código será executado ou esta instrução executada. E simplesmente há um programa irá para o estado final aqui mesmo. Se essa condição não for atendida, o fluxo do programa irá para a próxima iteração, que está na condição número dois. Vamos supor que eu apenas cavalgar se o valor de a é maior que dez ou menor que dez. Ou qualquer lógica que você queira criar aqui. Ok? Vamos supor que eu decida se o valor de a é maior do que quatro, então se isso for verdade, então esta declaração será executada para você. E simplesmente o fluxo do programa estará indo para o estado de saída. Se não tivéssemos nenhuma destas duas condições. Então, esse fluxo de programa virá para as iterações do terceiro olho. E vamos supor aqui nós inferno, se o valor de um é maior do que três, então V, Como executar esta declaração se? E se esta afirmação for verdadeira, então isso passará para a fase final. Agora, a questão aqui é: Então, se não houver nenhuma desta afirmação é verdadeira, então qual bloco de código será executado? Em seguida, o fluxo do programa será diretamente ir para o bloco mais bem aqui. Você pode ver isso. E, em seguida, aqui que irá executar o bloco de código mais e ir para o estado final. Portanto, um usuário pode decidir entre várias opções aqui. O JavaScript, se as instruções são executadas de cima para baixo. Assim que uma das condições controlar o if for verdadeiro. A instrução associada com isso se executado e o teste, ou desculpe, adicionar o resto da condição Java ou então se a letra é por um pos, se nenhuma das condições for verdadeira nessa fase, você pode ver aqui, se nenhuma das condições for verdadeira, então o bloco finalmente de instruções será executado aqui mesmo. Como chegamos ao, nosso último programa aqui você pode ver, você pode ver v como em primeiro lugar, se declaração, depois disso se declaração v, como o bloco de código mais aqui, e depois deste bloco de código v, como uma extremidade da declaração if bem aqui. Você pode ver o fluxo do programa. Se esta condição for verdadeira, em seguida, que irá para o, em seguida, que irá para executar este bloco de código que é uma grade de alerta um plus. Ok? Se esta afirmação não é verdadeira, você pode ver aqui, aqui nós simplesmente escrevemos o envio disso. E se esta afirmação não é verdadeira, em seguida, que irá para a declaração if novamente aqui, em seguida, que irá verificar outra condição. E você pode ver se nenhuma dessas condições é verdadeira. Então adicione as leis que irão imprimir que você tem o grau C. Ok, então este conceito é muito claro para vocês. Agora, vou dar exemplos, não é? Ou em primeiro lugar, vou falar sobre a sintaxe da declaração if. E você pode ver aqui que nós temos, desculpe, nós temos rapidamente a declaração if. Então temos a condição aqui. Vamos verificar as condições aqui. E depois disso, vamos executar a instrução ou o bloco de código aqui. Então escrevemos outra coisa. Se as condições parecem um caso como o nosso antigo exemplo. E então vamos verificar a condição novamente e executar o bloco de código obsoleto e ficar agora. Agora aqui você pode ver que eu apenas escrever tag script. E dentro desta tag script, eu apenas crio uma variável. Então variável aqui é vamos supor v, como? A variável é salário, ok? Ou só escrevo o meu salário. E então meu salário aqui é, vamos supor 5 mil, ok? E aí eu só criei esse seu salário. Ok? E seu salário aqui é que eu escrevo para 5041500. Ok. Agora vamos ver o que eu faço aqui. Como você pode ver. Em primeiro lugar, eu apenas escrevo se declaração e se a minha condição aqui é o meu salário, se o meu salário é maior do que o seu salário, em seguida, executar o bloco de código, que está alerta. E alerta aqui é o meu salário. É maior que o seu salário. Então você entende agora, se esta declaração é feita aqui, para que nós vamos executar este bloco de código. Caso contrário, isso irá para a declaração else. E, em seguida, dentro desta outra declaração v, como um outro se declaração. E vou escrever o meu salário, que é menor que o seu salário. Então imprima uma mensagem aqui, que é a mensagem de alerta. E a mensagem de alerta aqui é que meu salário é menor que o seu salário. Espero que você obtenha o significado que o que eu estou falando. Em primeiro lugar, temos a declaração “if”. Se esta declaração for verdadeira, que irá executar este bloco de código. Caso contrário, vamos passar para a instrução else e , em seguida, que vai levar um ao outro se declaração bem aqui, e mostrar-lhe o resultado de saída aqui. Ok? Então aqui você pode ver v, como um outro else-if declarações. Então você pode ver isso como se, se esta afirmação não for verdadeira, então isso irá se mover através da álgebra novamente. E aqui, v, como a declaração aqui. E vocês podem ver que temos a declaração aqui, ou a condição aqui, que é se meu salário, que é igual ao seu salário, em seguida, executar o bloco de código, que está alerta e comando de alerta aqui é, Eu escreveria que meu salário é igual ao seu salário. Espero que você entenda agora, se nenhuma das condições estão reunidas aqui, então você terá que escrever o bloco S de código. Mas aqui, naquela fase, não precisávamos de nada disso. Você pode ver agora eu estou apenas executando a pontuação e o navegador. E você pode ver que a mensagem de alerta aqui é que você tem direito, que documento.write e então você tem que passar sua mensagem. Então a mensagem de alerta aqui é que meu salário é maior que o seu salário porque meu salário aqui é 5 mil e seu salário aqui é 4.500. E se eu escrever que 6 mil aqui, e então eu apenas ir para o navegador e atualizar isso. Então você pode ver aqui meu salário é menor que o seu salário. Então eu só vou para o igual a n aqui eu apenas escrevo que este é 6 mil. Refresque isto. Você pode ver aqui que meu salário é igual ao seu salário. Então esta é a lógica e a lógica simples da declaração if, else if. Espero que sim, você começa que como usamos if e else if declaração. Os pontos-chave que você tem que lembrar quando, quando você está trabalhando com se else se declaração ou qualquer coisa. Então, o uso da condição if-else é instruções para controlar o fluxo do programa. Ok? Se você quiser usar esta instrução if else, isso significa que você tem que controlar o fluxo do programa. Javascript inclui formas de condições if, que são condição se, condição if else e condição else-if. Lembre-se que a condição if deve inferno expressões condicionais no CME colchetes como um caso como esse, você pode ver que você tem escrever a instrução if apenas entre os colchetes. E quando você está apenas escrevendo o bloco de código. Então você tem que escrever colchetes com isso. Else condição deve ser colocado apenas uma vez no final. E deve vir depois. Se você é nenhuma das condições é verdadeira. Então isso é justo e lógica do if else se declaração espera. Você entendeu isso? Se não estiver, por favor me avise e obrigado por assistir a esta palestra. 21. O operador ternário: Pessoal, bem-vindos de volta a esta palestra. Nesta palestra estamos passando pelo operador ternário no JavaScript. Um operador ternário pode ser usado para substituir instruções if-else em determinadas situações. Antes de aprender sobre os operadores ternários, certifique-se de que o seu conceito é muito mais claro sobre se else declaração sobre o que já estudamos. Em primeiro lugar, um operadores ternários, Eu vou perder nossas condições e executa um bloco de código com base na condição. A sintaxe do operador ternário é em primeiro lugar, você tem que andar em condições, ok? Então você tem escrever, ponto de interrogação, sinal, e então você tem que avaliar as primeiras expressões, em seguida, dois pontos, e então você tem que elevar sua segunda expressão. Os operadores ternários. Vou esperar as condições do teste. Se a condição for verdadeira, suas expressões rápidas aqui serão executadas. E se a sua condição é falsa, então você é segunda expressões serão executadas aqui mesmo. Então você entende agora, aqui você pode ver que os operadores ternários quebrar três operandos, daí o operador ternário nome. Também é conhecido como o operador condicional. Agora, estamos passando para o nosso exemplo de codificação. Em primeiro lugar, estou criando uma variável. Vamos supor que nossa variável aqui são marcas, certo? Agora aqui eu tenho o prompt certo. Então, como você sabe, esta é uma caixa de diálogo de formatura e aqui eu apenas escrevo isso em suas marcas bem aqui. Ok? E então aqui você pode ver que eu tenho que fechar isso com um ponto-e-vírgula. Agora, aqui você pode ver que eu tenho direito, uma reserva. Então reserva que é igual a aqui, eu apenas escrevo que em primeiro lugar, temos que chamar esta variável marcas aqui. E então aqui eu tenho que escrever que se marcas são maiores que a porcentagem de 40, ok? Então você tem que escrever a nota aqui é pausa. Caso contrário, você tem direito, que você falhou no exame. Aqui você pode ver V, Como três, Eu só digo que temos os três operandos aqui, mais d v. Como a condição aqui, então temos expressões rápidas e as segundas expressões aqui. Aqui temos as condições. Suponha que as marcas sejam maiores ou iguais a 42. Você é resultado aqui é passado. Caso contrário, você falha no resultado. Você quer dar 50 marcos aqui, ou você quer dar 30 marcos aqui. Isso é com você. Ok? Agora aqui depois disso eu tenho que escrever esse documento. E documento.write aqui é que eu tenho que escrever que u. e então aqui você pode ver que eu tive que o seu resultado é. E então aqui eu tenho que escrever esse resultado bem aqui. Eu só chamo essa variável aqui. Ok? Agora aqui você pode ver que eu tenho que ir para o operador ternário bem aqui e depois atualizar. Faça o check-in no navegador. Se eu apenas pressionar 30 marcas e pressionar o ok, assim você pode ver aqui que você é resultado aqui é falhar. Se eu escrever 40. Então você pode ver que você é resultado aqui é se eu apenas escrever 90, então o mesmo é o caso como o seu resultado aqui está pausado. Então aqui você pode ver que nós escrevemos três valores diferentes como 304090 bem aqui. Em primeiro lugar, que irá verificar a condição aqui é Marx. Então, se Marte é menor ou maior que ou igual a 40. Então, se isso for menor que 40, então essa expressão será, eu escreverei aqui, se isso for igual a 40 ou maior que 40. Então esta expressão POS é evolutiva aqui mesmo. Espero que você entenda agora que o que é um operador ternário, que cantam substituiu o operador ternário e como podemos usar o operador ternário se você encontrar qualquer outro problema em relação a esta palestra, por favor me avise e obrigado por assistindo essa palestra. 22. O evento de clique (o click): Pessoal, bem-vindos de volta a esta palestra. Nesta palestra vamos nos concentrar nos eventos onclick. Mas antes de iniciar o evento onclick, só precisamos entender que quais são os eventos? Um evento é algo que acontece quando o usuário interage com a página da Web, como quando ele clicou em um link ou um botão. Eu vou usuário vai inserir um dobrado na caixa de entrada são a área de texto. Ou um usuário fez a seleção na caixa de seleção ou pressionando as teclas no teclado. Estes todos os nossos cartões eventos ou o usuário irá mover o cursor do mouse ou enviar alguns tipos de formulário. Todos esses são chamados de eventos. Em alguns casos, o próprio navegador pode acionar o evento, como o carregamento de página ou eventos de descarregamento de página, ok? Em JavaScript, você tem que interagir com HTML é tratado através dos eventos que ocorrem quando o usuário ou o navegador manipular uma página. Vamos supor que quando uma página carrega ele chamado mesmo quando os usuários clicam em um botão, como eu acabei de dizer, isso é chamado que eu sabia em, ou o usuário vai clicar no, ou o usuário vai enviar algum tipo de casas. Estes são todos eventos de cartas. desenvolvedor pode usar esses eventos para executar a resposta citada em JavaScript, que faz com que o botão feche a janela. As mensagens a serem exibidas para os usuários e os dados a serem válidos. E isso é como praticamente qualquer outro tipo de resposta imaginável. Os eventos são usados nos três tipos. Primeiro é como, você pode usar eventos no DOM. Então você tem que usar eventos em HTML, ou você tem que usar os eventos no código JavaScript. Agora vou dizer-lhe que como podemos clicar em, como podemos usar onclick. Mesmo os eventos de clique ocorrem quando o usuário clicará no elemento da página da Web. Vamos supor aqui eu estou apenas clicando no Googles para este cartão, este é clique un, ou eu estou apenas clicando neste botão. Então este cartão, este é um evento de clique. Vamos ver como podemos criar este clique eventos. Então, primeiro, eu tenho que escrever esta tag script. Dentro desta tag script, eu tenho escrever, vamos supor document.write, e quando eu apenas clicar no botão, então aqui é a mensagem, soa para mim que este é no clique, evento no botão. Ok? Então eu tenho que fechar este código aqui. Agora vamos ver. Aqui eu estou apenas criando um dos tag parágrafo onde eu acabei de dizer que este é no evento clique. E depois disso, eu estou configurando esses eventos onclick no botão onde eu apenas escrevo isso na entrada de porta, que é o tipo de botão. E aqui você pode ver que o botão aqui está ligado. Clique em off. Então você entende agora que este é o evento onclick, eu estou sentado neste botão. Aqui. Eu só defino a função. A função aqui está no clique um. E então aqui você pode ver que eu apenas copiar e colar isso neste texto bem aqui. Agora aqui estou eu ligando para este evento onclick bem aqui. Ok? Nós já trabalhamos com isso, mas aqui você só precisa entender que quais são os eventos onclick? E aqui eu só disse o valor do que está no evento clique. E então eu tenho que fechar este código bem aqui. Eu só vou para o navegador e verificar esta saída. Então, quando eu apenas clicar sobre isso, para que você possa ver aqui, a página da janela irá passar para o próximo estágio onde você pode ver que este é um evento onclick, ok? Aqui. Esta é a nossa tag de parágrafo, uma tag p. Este é o valor do evento on-click, e este é um botão quando eu apenas mover o cursor do mouse sobre ele, e eu vou apenas clicar sobre isso. Então esta função será executada aqui e isso está me mostrando a saída aqui, que é este é o evento onclick no botão aqui você pode ver. Então você entende que, que é o evento onclick e como podemos usá-lo. Espero que você entenda se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 23. O evento de Mouseover: Pessoal, bem-vindos de volta a esta palestra. Nesta palestra estamos passando pela boca ou evento no script java. Ou você pode dizer que o onmouseover ou no mouse para fora. Estes dois são a mesma coisa. Assim, estes dois tipos de eventos irá ajudá-lo a criar efeito agradável com imagem ou evento com o texto também. O mouse ou eventos acionam quando você traz o mouse sobre qualquer elemento e o mouse para fora gatilho quando você mouse, quando você move o mouse para fora dos elementos, vamos apenas tentar como podemos trabalhar com ele. Aqui você pode ver essa facilidade ou como criar a função. Então esta função aqui, desculpe, primeiro, eu tenho que criar a tag JavaScript, e esta é uma tag script. E dentro desta tag script, em primeiro lugar, eu estou distribuindo as duas funções onde eu tive que escrever essas funções para o mouseover. E aqui eu tenho que criar uma outra função para o mouse para fora. Ok, agora aqui eu vou para aquela tag script, desculpe aqui, tag HTML, onde eu tive que escrever aquele da tag DIV. E então aqui você pode ver que aqui eu apenas escrevo isso sobre o mouse. Em primeiro lugar, eu tenho que tomar este nome de função como o mais ou que é igual ao mouse, desculpe, no mouse sobre. E aqui você pode ver que eu tenho direito, que é igual a, em primeiro lugar, eu tenho que tomar este nome de função como o autor. Então aqui você pode ver que eu tenho direito no mouse para fora. Então isso está no mouse para fora, evento e cabelo. Eu tenho que escrever que um nome de função como o completo aqui. E então eu tenho a pontuação mais próxima. Ok? Agora aqui eu defino um título bem aqui. Vamos supor que este é o número dois, e aqui está, certo, este é o corpo da função. Aqui. Vamos chegar à função Hora e eu apenas escrevo que este é o documento e document.write onde eu tinha direito, que este é o mouse ou eu vou te dizer, ou eu vou explicar este curso para você e eu estou apenas executando este programa. Então gelo direita novamente é documento e document.write. E aqui eu tenho que escrever que este é mouse fora e núcleo mais próximo. Aqui eu só rodo este código. E você pode ver, então como este mouse sobre e mouse para fora funções são. A maioria dos eventos funciona. Como você pode ver que quando eu apenas passar o mouse sobre ele. Então você pode ver que isso está mudando seu valor que você é mouses ou você pode ver isso. Você pode ver. E você pode ver aqui quando eu mover este mouse aqui, modo que está mudando o valor aqui mesmo. Então este é o trabalho real que o mouseover eventos para, ok? Assim, o mouse sobre eventos ocorrem quando o usuário, ou quando o usuário move o ponteiro do mouse sobre o elemento, como você pode ver aqui, você pode ver que e os eventos do mouse para fora ocorrem quando os usuários moveram o ponteiro do mouse fora do elemento eventos. Então eu vou dizer-lhe agora que como podemos trabalhar com mouse fora evento também. mesmo é o caso, como você pode ver aqui, que nós já trabalhamos com este evento mouse fora aqui. Vamos supor aqui estamos criando um botão. Então Burton aqui é o tipo de entrada que é um tipo de botão. E então aqui você pode ver que um primeiro ano Como criar, criar no mouse para fora. Ele foi bem aqui. Certo, e aqui eu tenho que mostrar a mensagem de alerta para vocês, onde acabei de escrever isso. Este é o evento do mouse para fora. Ok? E aqui você pode ver que depois disso eu tenho que fechar este núcleo. Agora aqui você pode ver que está certo, que este é o mouse fora evento bem aqui. Ok? Agora, eu só reformulo isso. Então você pode ver aqui quando eu apenas mover meu mouse ou este botão. Então você pode ver que mensagem de alerta é mostrado para mim que este é o mouse para fora mesmo N1, basta clicar neste botão. Então você pode ver aqui, este também é um mouse, ou espero que você consiga que como podemos criar o mouse sobre e mouse para fora evento no JavaScript. Se você encontrar qualquer outro problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 24. Evento de carga de Javascript: Pessoal, bem-vindos de volta a esta palestra. E nesta palestra vamos falar sobre o evento load no JavaScript. Os eventos do Senhor ocorrem quando um objeto foi carregado. Onload é mais frequentemente usado evento dentro do elemento body para executar como script. Uma vez que uma página foi completamente carregada, todo o conteúdo lá está incluindo imagens, é arquivo de script e os arquivos CSS, etc. Agora aqui vou dizer-lhe que como podemos trabalhar com ele. Em primeiro lugar, aqui, dentro deste body tag, eu estou apenas executando o evento aqui, onde você pode ver que quando o corpo está carregado, quando carregamos o corpo, então o evento Hair onload ocorrerá. E aqui eu tenho que escrever que esta é apenas uma mensagem de alerta de ponto de janela. Então eu estou apenas mostrando a mensagem de alerta para vocês onde eu ajudei a escrever que a página está carregada com sucesso. Então você entendeu isso. E eu só fecho este código aqui. Agora, dentro deste body tag aqui eu tenho que escrever uma das tags de script. E eu apenas escrevo que isso é documento e documento.write. E aqui eu tinha direito de que esta é a página é carregada com sucesso. Ok, e aqui eu tenho que fechar este código bem aqui. Espero que você entenda isso. Como em primeiro lugar estamos, temos a etiqueta do corpo. Dentro desta etiqueta corporal. Eu só estou executando este evento onload bem aqui. Certo, então aqui estou mostrando a mensagem de alerta para vocês que a página foi carregada com sucesso. E dentro desta tag de script, aqui nós executamos este script. Deixe-nos verificar. Aqui. Só vou ao navegador e verifico isso. Então você pode ver aqui que estes são os eventos de carregamento de página, mas este evento onload não está funcionando aqui. Só por causa daqui, eu apenas cometi um pequeno erro onde eu apenas escrevo este L como a capital aqui. Ok? Agora, atualize isso de novo. E a página ainda não está carregada porque sim, aqui perdemos algo. Aqui temos que escrever uma única aspas apenas por causa do já deu são aspas duplas. Então, isso substituirá isso. E você pode ver aqui uma única citação novamente. E agora aqui estou eu apenas refrescando isso. Então, quando eu apenas atualizar este corpo da página, então meu evento de carregamento está sendo executado aqui, que está me mostrando a opção ou a mensagem aqui. Essa página é carregada com sucesso quando eu apenas pressiono. Ok, então esta mensagem é mostrada para mim. Então você pode ver aqui o espaço ligado, ok, então depois desta mensagem, nosso corpo da página será executado. Espero que você entenda agora. Então este é apenas um evento de página onload. Se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 25. Eventos de teclado de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra, vou falar sobre os eventos de teclas para baixo no javascript ou os eventos de teclados no JavaScript. Em primeiro lugar, vou dizer-lhe os principais eventos para baixo. O evento de tecla para baixo e os eventos de tecla para cima fornecem um código indicando qual tecla é pressionada. Por que deslizar pressionando indica qual personagem estava entrando. Por exemplo, um a minúsculo será relatado como um 65 por tecla para baixo e a tecla para cima, mas como 95 pela árvore pressione e maiúsculas é necessário como o 65 por todos os eventos chave. Vamos verificar se como podemos trabalhar com isso, e como podemos trabalhar com este evento chave JavaScript para baixo. Aqui. Em primeiro lugar, eu tenho escrever tag H1 onde eu apenas tentei isso. Por favor, introduza alguma coisa. Ok. Então, depois deste cabelo, vou escrever uma das tags de script. E dentro desta tag script, possivelmente eu tenho que criar a função. E a função aqui é que eu tenho que escrever que este é um evento chave para baixo. Este é qualquer nome de função. Então é um nome de função. Você tem que escrever qualquer um dos nomes da função aqui. Agora aqui eu tenho escrever que este é documento e documento ponto aqui eu tenho write, document.write ou você tem direito, tem document.getElementByID. Isso é com você. Então você pode ver aqui, eu tenho escrever que document.getElementByID. E ei, eu tenho derivado que isso está em porta por usuário, ok? E aqui, depois disso, eu tinha que montar aquela mensagem de alerta. E mensagem de alerta aqui é olhos direita que pressione qualquer tecla ou pressione uma tecla. Agora aqui eu tenho que ir para a entrada na porta. Aqui está o tipo de por tonelada, ou, desculpe, primeiro ano como escrever entrada é um tipo de texto. E então aqui um hidreto que ID, que é igual a aqui. Você pode ver isso, desculpe, mais D, só estou pegando a identidade aqui. Vamos supor que este é o número de importação dois, e você pode ver aqui que este é n para o número dois aqui, que é IID. E aqui eu tenho anotar o evento chave para baixo. E agora aqui eu estou apenas executando este nome de função onde eu tenho escrito que esta é uma chave para baixo e então eu tive que fechá-la com parênteses. Então você entende agora que como podemos trabalhar com um evento chave para baixo. Agora eu só estou colocando isso no navegador. E aqui você pode ver a visão. Olá. Então você pode ver aqui você pressiona qualquer tecla. Então aqui eu só fui para apenas pressionar a tecla novamente. Então esta mensagem de alerta é mostrada para mim. Ok? Então você pode ver aqui eu estou expressando qualquer, qualquer chave aqui. Então você pode ver isso. E agora você pode ver quando eu apenas pressionar qualquer tecla aqui. Então esta mensagem é mostrada para mim que você pressiona algo aqui na exibição de texto. Então este é o carro, até mesmo a chave para baixo. Espero que entenda agora. E qual é a chave? Então o evento de keyup é quando você está pressionando algo para isso, como se eu apenas pressionasse qualquer coisa na tecla. Então este é o trabalho como um CME, como uma boneca chave. Ok, então não se preocupe com isso no lugar disso, você tem que simplesmente escrever, vamos supor que você tem que escrever o evento chave, ok? Isto é desculpa. Esta é a chave na chave para cima. Ok? Agora aqui você pode ver que este é 19. Os rostos quando pressiono alguma coisa. Então você pode ver aqui isso também está funcionando bem aqui. Espero que você entenda seu conceito tão claro sobre o evento de teclados. Se você encontrar algum problema com relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 26. O evento focal: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre os eventos focados no script java. Em primeiro lugar, aprendemos sobre isso. Qual é a fórmula quando um evento de formulário é acionado? Quando um controle de formulário enganar ou perder o foco ou quando o usuário modificar um valor de controle de formulário, como digitar o texto na área de entrada ou uma área de entrada de texto, ou selecionar quaisquer opções em uma caixa de seleção, etc. Então, nesse caso, o evento do formulário é vir na fila. Agora, vamos ver qual é o foco? O evento de foco é acionado quando CVE elementar ou perde o foco. Existem dois meios, e, eventos de foco que estão focados e o borrão. O evento de foco é acionado quando um elemento recebeu o foco e os eventos de desfoque são acionados quando o elemento tem o foco. Vamos ver em um exemplo de codificação que como podemos criar esse evento de desfoque e foco. Aqui. Primeiro, estou criando o formulário. E agora você pode ver que esta é a forma que é o ideal de gelo, certo? Essa forma de ideia aqui. Ok? Agora aqui vou escrever uma entrada de usuário. Entrada é o tipo de, desculpe, este é o tipo de texto. E então aqui vou escrever que este é um lugar titular eo lugar titular ar é o nome de usuário, que significa que esta é a sua fazenda. Ok? Desculpe, este é o seu texto por barra. E quando você estiver executando o discord, então um nome de usuário será espaço reservado para este campo de texto. Ok? Agora aqui você pode ver que eu tenho que escrever entrada, que é um tipo de senha. Então por que eu apenas escrever senha hyp aqui mesmo quando apenas hiper direita, quando você apenas digitar senha nesta caixa de texto. Então eu tipo estérico será vindo para você e seu possível será hidratado aqui. Ok, agora aqui você pode ver que eu tenho direito o espaço reservado, que é o possível bem aqui. Ok, agora como você pode ver, eu apenas crio um campo de texto ou as caixas de texto aqui. Agora, se eu fizer este curso para vocês. Então você pode ver aqui, estes são os dois tipos de campos de texto aqui. Ok? Agora vamos a este roteiro. Além disso, dv fornecerá a constante. Então, qual é a constante aqui? Então a constante aqui é a palavra-chave e as declarações constantes criam nossa referência somente leitura para um valor. E isso não significa que o valor é armazenado é imutável. E palavra simples, quando você apenas escrever a constante, isso significa que o valor não pode ser mutável. Ok? O valor constante aqui, como você pode ver, o valor de pi ou o valor dessa gravidade. Ok? Espero que seu conceito seja muito claro sobre a constante aqui. Então eu apenas escrevo constante como a senha. O que significa que o valor da senha não será mutável aqui. Aqui eu só escrevo documento ponto i passo Curie. E aqui está o seletor Curie. Ok? Assim, os métodos do seletor QT retornam o primeiro elemento que corresponde são especificados. Css é script em documentos. Ok, agora vamos ver que estamos apenas pegando a entrada do usuário. Então aqui temos a entrada que é o tipo de e o tipo aqui que é igual a, eu tinha chegado a, esta é a senha, e eu tenho que fechar este código depois disso. Agora aqui eu só escrevo que a senha ponto adicionar ouvinte evento. Ok? Os métodos de ouvinte de evento add permitem que você adicione ouvinte de eventos nos objetos DOM HTML, como elemento HTML. Aprendê-lo-emos também nas próximas palestras quando estamos apenas a trabalhar com DOM. E aqui vocês podem ver que, em primeiro lugar, eu estou apenas dirigindo o assunto de foco. Como eu acabei de lhe dizer, é o foco e aqui eu tenho que escrever que E ou você tem escrever evento, isso é com você, ok? Então eu só escrevo e aqui para os eventos porque eu estou apenas executando o evento bem aqui. E depois disso, eu tenho que escrever os alvos e ponto. Então, só estou mirando os locais. E aqui eu escrevia estilo. E o estilo aqui é o fundo. O que significa que estou apenas definindo o fundo como o azul aqui. Como você pode ver que em primeiro lugar, eu estou apenas direcionando o ouvinte de evento add, que significa que você está usando isso importa para permitir adicionar ouvinte de eventos nos elementos HTML, ok, e então aqui eu estou apenas focando o fundo desta senha, está bem? Agora, depois disso, vou revelar este núcleo. E agora aqui eu tenho que escrever que esta é a senha e senha ou adicionar ouvinte de eventos. E então aqui eu tenho que escrever que isso é apenas um borrão também. Ok? Então este é o evento do borrão. E então eu tenho escrever que isso é igual a E ponto alvo, e ponto alvo é Tile e é ponto lado a lado. Aqui eu vou escrever que esta é a cor de fundo. E esta é a cor de fundo bem aqui. Ajuda você a entender agora e parece um caso como aqui, esta é a cor de fundo bem aqui, ok? E a cor de fundo aqui é a corda vazia porque ele já ajustou esta cor de fundo bem aqui. E então aqui eu vou derramar pontuação mais próxima aqui. Ok? Como você pode ver que eu apenas definir algum tipo de eventos de foco no campo de senha onde eu apenas mudar o texto. Cor de fundo como todos n. Este é o evento de desfoque bem aqui. Então, como ele apenas para rever que desfoque eventos coro quando um elemento tem baixos, o foco. Vamos apenas ver. Eu só corro este placar. E quando eu apenas clicar nesta senha, para que você possa ver aqui e, em seguida, basta clicar no campo de senha. Então o evento de foco está sendo executado aqui e quando eu estou apenas divulgando essa senha livre. Então aqui você pode ver que este é o foco completamente aqui ou perder o foco como o evento de desfoque. Ajuda você a entender. Agora, neste exemplo, vou dizer-lhe como você pode lidar com os eventos focados e desfocados. Quando você move para o foco como um campo de senha, a cor de fundo muda para o azul aqui você pode ver. E se você, se você mover os cursores do mouse, faça o nome de usuário ou qualquer outra coisa. Então isso vai mudar a cor dele como o branco aqui. Além disso, isso é muito compreensível para você. Você pode ver aqui que eu estou apenas escrevendo esta senha bem aqui. Então, possivelmente, também você pode ver aqui escondido com a ajuda desta taxa de senha de entrada. Espero que este conceito seja muito claro para vocês que como podemos executar um un focado no JavaScript. Se você não estiver, se você não entender qualquer problema, ou se você não entender nada do ponto aqui, por favor me avise e obrigado por assistir a esta palestra. 27. O evento de apresentação: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o evento de envio em JavaScript. Ou você pode dizer que o evento onsubmit em JavaScript, os eventos de envio só ocorrem quando o usuário envia um formulário na página da Web. E você pode lidar com o evento Enviar formulário com o manipulador de eventos onsubmit. Vamos apenas ver o exemplo no evento enviar e vamos ver que como este enviar eventos funcionam em JavaScript. Em primeiro lugar, vou criar um formulário. partir daqui, eu estou apenas criando uma ação e aqui nós não temos nenhum dos links, então eu apenas deixá-lo isso como o link em branco aqui, como você pode dizer que um link fictício quando você está apenas adicionando o hash a ele. Agora aqui eu estou apenas escrevendo método como a pose porque VR enviando a informação. E depois disso, temos direito em enviar E1, onde eu tenho que escrever mensagem de alerta. E a mensagem de alerta aqui é formada é e aqui eu tenho derivado é enviado com sucesso. Ok? Agora aqui eu tenho que fechar isso e depois aqui, mais perto do ponto e vírgula e, em seguida, a etiqueta mais próxima aqui. Ok? Então aqui você pode ver que eu tenho que escrever um campo de entrada. E depois deste campo de entrada, vamos supor que eu tenha escrito que este é o tipo de texto. E onde você monta o nome que é igual a I. Eu escreveria o nome como o primeiro nome aqui. Ok? E então eu tenho que fechar este FirstName. E aqui eu tenho bem ali, isso é necessário. Agora aqui estou eu apenas criando um dos rótulos. E o rótulo aqui é o nome da força. Agora tipo de entrada, que é o envio. E desculpe, este é um botão bem aqui. E, ou tipo de entrada, você pode dizer que um botão de envio, ok? E então aqui você tem que fornecer o valor como Submeter. Aqui, como você pode ver que estamos usando o manipulador de eventos, que é o nome de On Submit legis, verifique a saída dele e salve isso. E aqui vamos verificar se estamos é o arquivo. Sim, este é um evento de envio. E então vá para o navegador aqui você pode ver que vamos supor que eu apenas escrever que um funky aqui quando eu apenas clicar no botão enviar. Então aqui você vai encontrar que o formulário é submetido com sucesso e eu apenas pressionar em ok. Então você pode ver que como podemos usar este assunto onsubmit para enviar alguns tipos de valor para o JavaScript. Espero que você entenda agora, se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 28. Javascript enquanto loop: Pessoal, bem-vindos de volta a esta palestra. E nesta palestra vamos falar sobre o, quais são os loops e o que é o loop while no JavaScript? Como você sabe aqui nesta palestra. Como o título mencionado, estudamos sobre o loop while em JavaScript, mas é importante aprender sobre o conceito do loop no JavaScript que quais são os loops na vida real? Ou você pode dizer que em uma ciência da computação, um loop é uma estrutura de programação que é repetida uma sequência de instruções até que nossa condição específica seja carne. Programe ou use loops para percorrer o valor n somas de números, funções de repetição e muitas outras coisas. Vamos supor que se você tem algum tipo de ouro, vamos supor que você, como você é um estudante universitário e você quer limpar os estudantes universitários. E parte do seu trabalho aqui é falhado. Então você vai tentar, tentar passar seu papel até que isso não será o mesmo que uma condição como aqui no loop. A função loop usa lógica quase idêntica e enviar texto em todas as linguagens de programação. Será que uma instrução específica ou um grupo de instruções é executado continuamente até que um corpo de loop específico ou execução de limites é lead. Vamos supor que o corpo do loop será executado até que uma condição seja atingida. O resultado de todo o ciclo corpos primeiros ciclos de operações serve como as próximas repetições é o ponto de partida. Como você vê o fluxograma deste loop aqui. Então você pode ver aqui o loop são suportados por todas as linguagens de programação modernas. Será que a sua implementação e o texto de envio talvez diferem, significa que a implementação dos loops e a frase são diferentes em outra linguagem de programação, mas o conceito dos loops são pecado. Dois dos tipos mais comuns de loops são vil e quatro loop em qualquer linguagem de programação. Aqui, como você pode ver, vamos discutir o loop while. Mas antes de prosseguir os loops while, só precisamos entender que quais são os loops? Como acabei de lhe dizer, que você é o estudante universitário e que parte do seu trabalho aqui é um fracasso. E você quer pausar seu jornal. Ok? Então você tentará até que seu jornal passe. Ok? Então o mesmo é o caso como aqui no loop que se você, como condições, vamos supor que você tem a condição aqui, é que um que é menos de dez. E você deseja imprimir a condição de loop até que uma condição específica não seja atingida. Então este loop será executado dez vezes aqui, que está começando a partir de 012345 e até nove aqui, porque estes são os dez valores aqui, porque estamos começando a partir de 0 aqui. Então Sam é um corpo baixo significa que ele vai verificar a condição. Em seguida, se a condição for verdadeira, que irá executar a instrução ou o bloco de código. Que vamos passar para a próxima condição e parece que um caso como este irá criar um loop aqui mesmo. E se as condições se encontram bem aqui, então simplesmente isso terminará o programa no final, significa que atingiu o valor dez aqui. Então este loop será interrompido seu trabalho. Então, como você vê, loops são úteis quando você tem que executar a mesma linha de código. Rapidamente significa que se você quiser executar as mesmas linhas de bordo, um número múltiplo de tempo. Assim, o conceito de loop vêm na sala para um número específico de vezes, desde que a condição específica seja verdadeira, que suporta ou lago. Você pode ver que suponha que você deseja digitar hello world ou hello message 100 vezes em sua página da Web. Claro, você tem que, você tem que copiar e colar a mesma linha, é claro, uma vez 100 em vez de usar o loop. E você pode concluir esta tarefa em apenas três a quatro minutos. Mas quando você está usando o loop, vamos supor v, como a condição aqui que um que é inferior a um 100. Ok? E eu só quero imprimir o depoimento Olá aqui, que é 100 vezes. Ok? Então isso irá executar a declaração, uma vez 100 aqui e no final quando chegar a 101. Então isso simplesmente terminará o programa e, em seguida, parar a execução aqui mesmo. Agora vamos chegar à declaração loop while em JavaScript. As instruções JavaScript while criar um loop que executa um bloco de código, desde que as condições de teste eu esperaria para true. Ou você pode dizer que este é o loop mais básico no JavaScript, que é um loop while, e que será discutido nesta palestra hoje. E o propósito deste loop while é executar a instrução ou o bloco de código rapidamente, desde que a expressão seja verdadeira. Uma vez que as expressões se tornam falsas, loop irá terminá-lo. Como você pode ver aqui. Vamos supor v, como o loop while aqui mesmo. Então, o loop while será executado até que uma condição específica ou até que as condições não atendam cai se a condição for falsa. Então Luke simplesmente encerra o programa se todas as condições forem verdadeiras, então loop será executado seu corpo. Espero que entenda isso. Então, como você pode ver aqui na definição, que o loop while executado enquanto uma condição específica é verdadeira. Dentro do loop while, você deve incluir a instrução que irá terminar o loop em algum ponto do tempo. Caso contrário, seu loop nunca terminará e seu navegador talvez tenha travado aqui. Aqui você pode ver que esta é apenas uma sintaxe simples do loop while onde você simplesmente escreve enquanto e aqui você vai escrever a expressão. Quais são as expressões aqui? Expressões aqui é vamos supor que temos como um e E que é maior ou menor do que um 100. Então isto é aqui. Você simplesmente escreverá as expressões condicionais aqui. E então você executará o bloco de código aqui mesmo. As declarações vis, eu usaria as expressões antes de cada iterações do loop. Então lembre-se que postou que irá verificar as expressões e, em seguida, que irá executar o bloco de código aqui. Se as expressões que eu vou me referir a true, a instrução while executar a instrução e se as expressões que eu vou ter que cair. Assim, as execuções continuam com esta instrução após o loop while. E o loop while, as expressões antes de cada iterações verdadeiras. Cada isolação, portanto, o loop while é conhecido como o loop predefinido. Espero que você entenda agora, assim como você pode ver que este é apenas um fluxograma do loop while bem aqui. Em primeiro lugar, isso começará a partir daqui. Então isso criará as condições que supõem que h é maior que um 100 ou um que é menos do que um 100 aqui. Se as condições que levarão a quedas. Então, isso irá simplesmente para a condição final se a condição aqui for verdadeira. Ok? Então, e então isso vai verificar a declaração ou um bloco de código aqui. E então isso passará para as próximas iterações. Aqui, vou falar sobre as iterações. Aqui você pode ver que aqui como um, um que é menos de cinco. E queremos executar cinco iteração. E nossa variável aqui é vamos supor 0. Então 0 é menos de cinco aqui, ou um é menos de cinco aqui. Então aqui você pode ver que em primeiro lugar, que irá verificar as condições um. Então, se um é encontrar bem aqui, então essa vontade Aqui você pode ver que um é menos de cinco. Ok? Então vou remover isso. Então um é menos de cinco. Então aqui você pode ver que minha declaração, minha condição aqui é verdadeira, que irá executar citações bem aqui. Então suponhamos dois que é menos do que também 53, que é menor do que também 54, que é menos do que também cinco. Então, isso também vai correr. Isso vai correr três também, que vai correr para sempre quando chegar a cinco, que é menos de cinco. Então isso não é verdade. Então simplesmente o loop Bill e seu trabalho bem aqui. Espero que sim. Este conceito é muito claro para vocês que qual é o fluxo do loop while aqui? Observe que se você quiser executar esta instrução pelo menos uma, e verificar as condições após cada iterações, você deve usar o loop do-while up. Então você entende isso, é por isso que você usa o loop do-while e muito você usa o loop while bem aqui. Também aprenderemos sobre os loops do-while nas próximas palestras. Aqui, vamos voltar para o exemplo do loop while aqui e aqui estou escrevendo a tag script. Agora aqui eu estou apenas mostrando a vocês ou eu estou apenas demonstrando os exemplos dos loops enquanto para vocês. Estamos em primeiro lugar, vou escrever uma variável. Aqui, variável i, que é igual a I, basta escrever um. Seam é um caso como o nosso exemplo. Este é o tempo. Enquanto é uma palavra-chave para declarar o loop while bem aqui e eu, que é menor ou igual a, eu só escrevo cinco ou você tem o olho direito, que é a lição cinco aqui. Então você tem que escrever este loop aqui, ok? Aqui, esta é a palavra-chave. Então aqui temos a condição e este é o parênteses. Você tem que começar seu código aqui. Agora aqui você pode ver documento dot write, e aqui eu tenho escrever que simples uma tag de parágrafo. E a tag de parágrafo aqui é o número de loop while. Ou um ciclo de tempo é. Ok. Então aqui eu vou escrever mais, mais gelo, certo? Eu, e depois mais. Então eu vou te dizer que qual é essa lógica? E aqui eu tenho que fechar esta tag p aqui, e depois fechar esta declaração. Em primeiro lugar, como você pode ver aqui, eu greve document.write então tag parágrafo. Então aqui esta é a declaração ou a linha de código. E aqui eu simplesmente não consigo entrar nela minha variável bem aqui. Então, em primeiro lugar, que vai correr i que é igual a um. Então a condição aqui é enquanto, enquanto aqui está eu, vamos supor que 11 é menor ou igual a cinco. Então isso irá executar este bloco de código 012345 tempo. Então você pode ver aqui 1234510. Então eu acho que você está muito confuso sobre 01234 tempo. Então, aqui, em primeiro lugar, vou dizer-lhe que o que é o índice? Então o índice aqui é, vamos supor v, como os cinco valores, vamos supor 12345 valores. Então o índice desses valores aqui é, você pode ver que eu apenas, eu apenas divido isso nas caixas. Então aqui, o índice realmente começando a partir de 01234. Então você pode ver aqui no sentido da ciência da computação, o valor é, está começando a partir de 0, que vai até o número de n. Então aqui temos o valor facial, então a partir de 0, então 01234 bem aqui. Também o seu conceito é muito claro agora. E depois disso estamos executando este loop while. Então aqui nós simplesmente fazer o operador de incremento porque este valor será começando a partir de um e que vai até cinco. Então aqui este operador incremento vai funcionar como aqui. Eu mais, mais trabalho como, aqui temos um. Então aqui vamos fazer um mais um que é igual a dois, então dois mais um que é igual a três. Então três mais um, que é igual a 44 mais um que é igual a cinco. E aqui este é 0 mais um que é igual a um bem aqui. Espero que este conceito seja muito mais claro para você sobre o operador de incremento. Agora, vamos apenas executar este código. E aqui eu apenas executo este código no navegador. Estamos, este é o loop while. Ok, aqui você pode ver que estas são as iterações que vão começar a partir de 12345. Então isso vai correr 0 mais um, que é igual a um, então 2345 bem aqui. Ok? Então aqui você pode ver que v como, enquanto e enquanto, que é uma declaração i, que é menor ou igual a cinco aqui. Tão sedento que foi definido um bem aqui. Então um é verdade, dois também é verdade, três também é verdade para também é verdade, e cinco também é um grupo. Só por causa daqui, eu só escrevo cinco que é menor ou igual a cinco. Se eu escrever cinco que é menos de cinco, então esta declaração não será executada aqui mesmo. Então você pode ver aqui que o loop irá verificar seis, que é menor ou igual a cinco. Então esta condição é falsa. Então simplesmente o loop terminará seu programa ou terminará seu corpo. É assim que um loop while funciona no JavaScript. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 29. Javascript para Loop: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o loop for em JavaScript. É ciência da computação, quatro voltas. Ou você pode dizer que um simples for loop é um controle instruções de fluxo para especificar as iterações que permitem que o código seja executado rapidamente. For loop é uma instrução condicional linguagem de programação que é usado para verificar certas condições e, em seguida, executar rapidamente um bloco de código, desde que essas condições são atendidas. O for-loop é designado ou você perdeu, é derivado de outras instruções de loop através de um loops explícitos, contador e loop ou variável, que permite que o corpo do loop para saber a seqüência exata da titulação. Como você pode ver que eu vou dizer-lhe o diagrama de fluxograma deste para loop bem aqui. Aqui. Concentre-se neste diagrama. Em primeiro lugar, estamos iniciando nosso corpo de loop a partir daqui. Então, como você pode ver aqui, temos a primeira condição é um se esta condição é feita, modo que simplesmente irá se mover para esta condição. Se esta condição for verdadeira, então isso se moverá para isso, que irá mover este loop para este mar condições são, em seguida, adicionar vidro que vamos mover para que descondicionado e, em seguida, executar este bloco de código. Esta é simplesmente a sequência aqui. Está bem, eu digo-te isso. Vou dizer-lhe primeiro que fez esta sequência. Agora aqui você pode ver que eu tenho que escrever. Eu tenho que mostrar que quando tivemos as falsas declarações é o que faremos aqui. Se qualquer um dos depoimentos aqui é atender cai. Então este corpo de loop vai simplesmente terminar este loop e terminar as iterações bem aqui. Então isso não é diagramas claros para vocês. Aqui você pode ver que, em primeiro lugar, nosso loop está começando a partir daqui. Então aqui que irá verificar a condição. Se a condição for verdadeira. Então ele simplesmente que irá mover o bloco de código ou a instrução, e então que irá passar para a próxima iteração. E o mesmo é o caso, como se tivéssemos 55 iterações. Então isso vai simplesmente mover pacientes bombeiros assim, ok? Se eu quiser nenhuma das condições aqui é carne. Então, simplesmente que irá encabeçar as iterações do loop aqui mesmo. Como você vê, um loop for permite que um determinado conjunto de condições seja executado rapidamente até que uma condição seja satisfeita. Imagine uma situação em que você teria que imprimir o número de 100, o que você faria? E quando você digita a impressão F ou quando você digita o documento.write print f é apenas em C mais Kumar. Mas aqui você pode ver que temos documento certo ponto escrever uma 100 vez. Então venha um 100 vezes ou tentou copiar colado. É uma tarefa simples levaria uma eternidade. Usando um loop for, você pode executar essa ação em três instruções. Como você pode ver que aqui, você pode ver que v, como o envio de texto deste para loop aqui mesmo. Então a sintaxe do loop for aqui é em primeiro lugar, o quatro aqui é uma palavra-chave para escrever o loop for. Então aqui temos esta declaração número um, então você tem o ponto e vírgula direita, então é a declaração número dois, então ponto e vírgula e Dennis declaração número três e ponto e vírgula, você tem que escrever bloco de código aqui. Ok, aqui você pode ver que no Primeiro temos que inicializar nosso loop. Como? Você pode ver que temos para loop como uma palavra-chave. Então temos a declaração número um. Na primeira declaração, nós como inicializar nosso loop. Como inicializar os loops significa que vamos supor aqui temos o valor i, que é igual a 0. Então inicialmente loop initializing é onde V inicializar nosso contador ou onde inicializar nosso valor para o nosso valor inicial. E a instrução de inicialização é executada antes do início dos loops. Então temos a condição do teste. A condição de teste aqui é vamos supor i, que é menor ou igual a ou maior que ou igual a cinco. Então esta é uma condição de teste bem aqui. Assim condições de teste que irá testar se uma determinada condição é verdadeira ou não. Se a condição for verdadeira, então o código de um jogo e dentro do loop será executado caso contrário, o controle sairá do loop. Espero que você entenda que como isso para o trabalho loop, então temos que passar para a terceira citação ou esta declaração aqui, onde você tem que escrever a iteração é tomada. O que é a iteração i está tomando aqui. I iteração é declaração aqui é significa que você tem que escrever o operador incremento e decremento. Vamos supor que eu mais, mais ou i menos, menos aqui. Então estas são as três declarações aqui, onde você tem que primeiro, certo? Inicializado como i, que é igual a dois, ou olhos que é igual a três. Então aqui você tem que escrever como eu, que é menos de cinco, e então você tem que escrever que i plus, plus. Ok. Então i declaração iteração é onde você pode aumentar ou diminuir o contador como eu acabei de lhe dizer que você tem incremento direito ou operador decremento bem aqui. Vamos apenas voltar para o exemplo de acordo disso. Aqui temos que ir para o exemplo de codificação, e aqui eu tenho direito, uma das tags de script bem aqui. Em primeiro lugar, eu estou apenas mostrando um exemplo simples onde eu simplesmente imprimir o loop FOR e eu vou mostrar-lhe as iterações. Vamos supor que aqui temos o documento certo e eu apenas escrevo document.write. E aqui eu tenho que escrever, esse loop começa a partir daqui, ok? E então aqui eu tenho que escrever uma etiqueta BR. Ok. E aqui você pode ver que isso está aqui. Então, como você pode ver quando eu apenas executar este código aqui. Então, com o loop for e sim aqui. Então, como você pode ver aqui que nós temos simplesmente o loop está começando a partir daqui. Então temos que escrever o loop. Aqui temos o 44 é uma palavra-chave bem aqui. Então aqui temos que escrever i que é igual a 0, ou você tem escrever simplesmente o contador que é igual a 0. Então aqui eu tenho que escrever aquele contador, contador, que é menor que dez ou que é menor que 15. Isso é com você. Você tem que escrever qualquer valor. E então aqui eu tenho que escrever contador mais, mais. Ok. Então aqui eu tenho que começar a instrução loop onde eu tenho escrever que este é documento. E documento aqui é que eu ajudei a escrever document.write. E então aqui eu tenho que imprimir que uma única quebra de linha, ok, aqui você pode ver. Então aqui você pode ver que eu tenho que escrever que este é um documento. E aqui eu tenho que escrever documento.escrever. E onde aqui eu apenas escrevo que este é contador atual e atual bem aqui. Ok? E então aqui eu tenho que escrever ou eu tenho que concatenar este contador. Então você pode ver que aqui eu estou apenas ficando, recebendo este balcão. Então concatenações significa que se você tem o contador está começando de 0, então 0 mais um que é igual a um, então um mais um que é igual a o. E parece que um caso como esse irá correr até o valor de 15 off. Vejo você compreensível aqui quando o loop está no topo. Então esta declaração será executada aqui mesmo, que é document.write. E aqui eu tenho que escrever isso simplesmente. Este é loop e loop aqui é coberto. E aqui eu tenho que fechar este código e fechar o casaco também. Então aqui você pode ver que eu apenas ir para o navegador e atualizar este buraco. Como você pode ver aqui, o valor será começando de 0 e vai até 14 aqui mesmo. Então aqui você pode ver que há tradições aqui é que eu quero imprimir este valor até 15 números de tempo. Ok? Então as iterações de loop serão começando a partir de 0 aqui. Então 0 mais um, que é igual a um mais D, que foi 0 mais 0. E então aqui 0 mais um, então um mais um que é igual a dois, então dois mais um que é igual a três. E então CME como um caso como aqui, até 14. E depois disso, após este loop atual será executado como número 15s ou 50 nitração, o loop será encerrado e que irá imprimir AS que você tem que parar este loop aqui. Espero que este conceito seja claro para vocês em como podemos trabalhar com o loop for no JavaScript. Acho que este exemplo não é bom o suficiente para vocês. E aqui estou eu apenas demonstrando um após o outro exemplo para você. Aqui você pode ver que v, como variáveis e variáveis aqui são, Eu apenas escrevo que as variáveis aqui são frutas. Aqui você pode ver que eu tenho frutas secas. Aqui estão as maçãs. Então, como? Manga simples. Então aqui, cereja. E então ofereça que está aqui. Você pode ver que eu tinha cavalgado que simplesmente laranja. E aqui eu tinha direito, que um dos, outro nome aqui. Vamos supor que isto é banana, ok? Isto você pode ver aqui eu tenho escrever para loop e para cabelo. Em primeiro lugar, eu estou apenas usando a iteração i aqui, como eu acabei de dizer que nosso primeiro passo aqui é a inicialização do loop. Ok, então aqui eu tenho a variável certa. Variável é o meu let supor i, que é igual a 0. Então eu só é alcatrão minhas variáveis a partir de i aqui. Então aqui você pode ver que então eu apenas passar para as segundas iterações aqui, ou segunda declaração aqui, que é i, que é menos que frutas. Ok? E então aqui depois disso, eu só uso operador incremento, que é i mais. Aqui você pode ver que eu tenho o documento certo, dot write. E aqui você pode ver que eu tenho direito, simplesmente uma tag de parágrafo. E esta é uma etiqueta de parágrafo bem aqui. E então aqui eu vou concatenar os frutos bem aqui, que é minha variável. E aqui eu apenas forneço o índice em i bem aqui. Então aqui eu apenas escrevo mais N, então simplesmente, esta é a tag de parágrafo. Espero que entenda como podemos criar o loop for aqui. Vá para o navegador, atualize isso, e aqui você pode ver a saída não é mostrada para nós. E só por causa dessa tag de script. E aqui eu apenas salvar e atualizar isso para que nossa saída não esteja mostrando para nós. Vamos verificar o erro aqui. E sim aqui você pode ver que nós temos que fornecer esta condição aqui mesmo. Mas não fornecerei o comprimento da flauta aqui. Então eu só tento usar a emprestada conheci ela aqui. Ok, e aqui este código também. Este é o nosso velho mais grosseiro, não confunda isso aqui, então nós apenas trabalhamos nisso também. Refresque isto. Então você pode ver aqui que em primeiro lugar nós como Apple, em seguida, manga, cereja, laranja, n, banana aqui mesmo. Então você pode ver que, em primeiro lugar, estamos criando uma variável na fruta. E então aqui estou eu apenas criando a lista dessas frutas bem aqui. Ok, então aqui depois disso eu estou disputando um loop for que é uma palavra-chave. E, em seguida, aqui variáveis. Então esta é a minha variável bem aqui. Então, para citação, segunda iteração será declarações mais rápidas secundárias à declaração e a terceira declaração aqui. E depois disso, estou executando todos esses blocos de códigos aqui. Espero que você entenda agora que como podemos trabalhar com esses loop. Então aqui você pode ver que nestes são alguns dos elementos loops. Ou eu apenas usar esses elementos loops como a edição aqui mesmo. Portanto, não confunda isso sobre matrizes. Vamos aprender sobre o ar é da próxima vez nas próximas palestras, você acabou de fazer um conceito aqui mesmo que estamos criando os vários números de site de alimentos aqui ou vários números de listados aqui. Então v estão indo para trabalhar nesta área nas próximas palestras também. Apenas focado nisso para loop bem aqui nesta palestra. Esperemos que este conceito sobre o loop for seja muito claro para você. Se você não entender nada do ponto aqui, por favor me avise e obrigado por assistir a esta palestra. 30. Javascript do Loop: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o loop do-while em JavaScript. Na palestra anterior, você aprendeu enquanto loop em JavaScript. Um loop do while é semelhante ao loop while, com uma exceção que ele executa a instrução dentro do corpo do do-while antes de verificar a condição. Por outro lado, o loop while, a condição é verificada e, em seguida, a instrução nos loops while são executados. Então você pode dizer que se uma condição é falsa em primeiro lugar, então o do-while vai fazer while loop será ou iria retornar aqueles. No entanto, o loop while não retornaria em tudo. Quanta TV, como o azul, e então v, como o loop enquanto, ok? Se a condição for falsa, então esse loop será executado de uma vez ou pelo menos uma vez. Se você lembrar a forma como os loops for e while funcionam, você lembrará que esses tipos de loops verificam as condições de loops no início do loop. A menos que a condição seja satisfeita, o loop não será executado. O loop ou o loop do-while verifica a condição no final do loop. O que significa que em primeiro lugar, que vai verificar a declaração deles dentro do foo, e então isso vai verificar a condição. Ok? Isso significa que a instrução dentro do corpo do loop será executada pelo menos uma vez, mesmo que a condição não seja verdadeira. Aqui você pode ver que a automação é a técnica de fazer com que o sistema opere automaticamente. Na programação, usamos loops para automatizar as repetições ou repetir, repetir, repetir, repetir tarefas. Os loops são uma das características mais úteis das linguagens de programação. E nesta palestra vamos aprender sobre o frasco e o loop do-while em JavaScript. O loop while ou o loop do-while, take wins no JavaScripts são semelhantes às instruções condicionais, que são bloco do código que será executado se for especificado, resultando no verdadeiro. Ao contrário de uma declaração if em que apenas eu vou esperar um, um loop irá retornar várias vezes até que as condições não são mais verdadeiras. Aqui você pode ver que este é o nosso diagrama ou os diagramas de fluxograma do loop do-while. Onde você pode ver que em primeiro lugar v, como a declaração do fazer. Você pode ver aqui. Em seguida, se a condição for verdadeira, em seguida, este loop irá mover-se para a instrução while. Caso contrário, isso será executado somente na primeira instrução. Ok. Aqui você pode ver o próximo estágio que simplesmente moverá o corpo do loop. E se a condição é verdadeira aqui, então isso vai verificar a condição aqui. Então, se a condição é verdadeira, que vamos passar para as duas condições e , em seguida, que irá repetir este tipo de processo novamente. Espero que você entenda agora se a condição é falsa, simplesmente que irá executar um segmento e, em seguida, passar para a dívida, vai passar para a declaração falsa, e então simplesmente loop irá encerrar sua reserva. Mas o loop do-while será executado pelo menos uma vez. Parece um caso como aqui. Mova para este destino e, em seguida, verifique esta instrução. Então isso vai verificar isso. Condição. Se a condição for falsa, isso irá simplesmente executar a condição falsa e, em seguida, o loop irá terminá-la. Esta é uma sintaxe do loop do-while aqui. Em primeiro lugar, temos de o fazer, depois temos aqui a declaração. Então por que uma palavra-chave devido também é a palavra-chave aqui. Em seguida, isso irá verificar a condição no tempo e simplesmente imprimir como um leitor. Como você vê, a parte fazer do loop vem primeiro e é seguida pelo loop while. O bloco de código ou o bloco núcleo será executado, em seguida, as condições serão testadas como é um loop while anormal. Vamos apenas verificar o exemplo de codificação no loop do-while e vamos ver que como isso faz enquanto loop funciona. Eu só escrevo um script tag aqui. E aqui você pode ver que dentro desta tag script, eu tenho a variável certa e variável aqui é vista como um caso como o nosso exemplo antigo. Isolar a variável aqui é contador. Então aqui eu ajudei a escrever documento.escrever, e aqui temos o documento.escrever. E aqui eu decidi que estou usando o contador atual aqui. Então aqui estou eu apenas concatenando este contador. Ok? Ou aqui você pode ver que, em primeiro lugar, eu estou apenas executando esta declaração onde eu tinha direito, que este é o início de desculpe, é o alvo do loop bem aqui. E então aqui eu tenho que concatenar uma das tags BR bem aqui. Ok? E, em seguida, fecha pontuação. Agora aqui estamos oficialmente começar o nosso ciclo de fazer while. Aqui. Em primeiro lugar, tenho o direito de fazer. Este é o fazer como uma palavra-chave, então estes são os parênteses, ou desculpe, os registros de colchetes aqui mesmo. E agora aqui eu tenho que escrever que este é o documento, documento.escrever. E aqui eu tenho que escrever que este é apenas um contador atual. Ok, então aqui eu tenho que escrever que este é o contador como o nome da variável. E, além disso, vou escrever uma etiqueta BR para o “Finger Land Land Break”. Agora aqui você pode ver que se eu apenas escrever contador mais mais, e então vamos passar para o loop while. Temos, eu tive que escrever que este é o contador se o contador é menor que cinco. Então simplesmente você tem, certo, desculpe, desculpe, aqui. Se o contador for inferior a cinco. Então simplesmente você tem direito, que o ponto documento escrever v ou v. Como? Instrução de loop. Pare. Ok? E você pode ver aqui, então nós vamos executar isso. E sinto muito por isso. E aqui temos. E você pode ver isso aqui. Primeiro nós como eles estão começando fora da condição de loop, então estes são o loop que estamos executando aqui, como você pode ver aqui, nosso contador é menos de cinco. Se corrermos contador é maior que cinco. Então vamos apenas verificar a saída. Então você pode ver aqui que o contador atual aqui é dez, porque eu apenas digo que o loop do-while será executado. Pelo menos uma vez. Ok. Então, como você pode ver que isso vai obter o contador atual e simplesmente loop resultado será encerrado aqui mesmo. Espero que sim. Este conceito é muito mais claro para vocês que como podemos executar o loop do-while aqui ajuda vocês a entender agora, agora aqui eu estou apenas executando um ou outro exemplo para vocês onde vocês podem ver aqui, este é um exemplo muito rápido . E aqui você pode ver que eu apenas crio uma variável que parece ser assim. Aqui eu disse eu, que é igual a um exemplo muito simples. Então aqui eu só escrevo loop do-while. Dentro do loop fazer while aqui eu só escrevo que este é o documento ou certo? E aqui eu tenho que escrever isso. O número é, e aqui eu tenho que concatenar minha variável bem aqui, ok, e aqui eu tenho que fechar esse núcleo. Agora aqui eu só escolher operador incremento. E então aqui depois disso, eu vou apenas executar o loop while onde eu apenas executar a condição. Então condição i, que é menor ou igual a cinco. E então aqui o acorde mais próximo. Vamos checar por agora. E você pode ver aqui. Então vamos apenas verificar essa quebra de linha única. E você pode ver aqui, então este é um gráfico, inferno, e esta é uma tag tr bem aqui. Executa outra vez. Então aqui você pode ver que no primeiro estágio o número é um, então o número é dois, então o número é 345 porque nós encontramos a condição bem aqui. Você pode ver que se você escrever dez aqui, então vamos verificar a saída. Então você pode ver aqui o número aqui é dois porque isso está executando a iteração atual bem aqui. Ok, os conhecimentos voltaram para isso e nada de M. Explicar mais para você. Aqui. Você pode ver que se nossa condição é limpa porque nossa variável de contador aqui é igual a dez. Então, em primeiro lugar, você pode ver aqui que vamos imprimir a iteração de fachada 0. Então aqui que irá imprimir iterações secundárias um, então aqui 234, você pode ver aqui 12345 números. E então o loop terminará aqui mesmo e parará. O loop. Ajuda você a entender agora que como podemos executar o loop do-while no JavaScript. Então, qual é a diferença entre o loop while e do-while? Assim, os loops while difere dos loops do-while de uma maneira importante que com um loop while, as condições para ser capaz de obtê-lo são testadas no início da iteração de cada loop. Então, se a condição expressar Elfo para padrão, o loop nunca será executado. Mas com um ciclo de “faz-while”. Por outro lado, o loop sempre será executado uma vez. Se mesmo a condição for falsa ou condições, eu deixarei para o falso. Ao contrário do loop while, a condição é que eu vou fazê-lo até o final do loop. Iterações em vez do início. Espero que você entenda agora, se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 31. Declaração de comutação de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a instrução switch ou a instrução caso switch no JavaScript. No início deste caso de mudança é tomada. As declarações condicionais estão entre as características mais úteis e comuns em todas as linguagens de programação. Se você estiver trabalhando com C, C plus, mais Java ou JavaScript ou Python. Então, aqui vou dizer-lhe que como você pode trabalhar com uma instrução switch no JavaScript. Mas antes de iniciar a instrução switch, eu sou apenas chamar o seu alguns do conceito sobre a declaração if e else. Então, como você sabe que se, else if declarações são as declarações condicionais em quaisquer linguagens de programação. E estas são todas as palavras-chave. Além do if-else é tomado como no JavaScript tem um recurso conhecido como uma instrução switch. E o switch é um tipo de instrução condicional que irá evoluções e expressões contra os múltiplos casos possíveis e executar um ou mais blocos de código com base nos casos correspondentes. A instrução switch intimamente relacionada a um instruções condicionais, que está contendo os muitos como se bloco de acordes. E então isso pode ser usado com frequência na capacidade de carga. Você também pode usar com as instruções if else if ou sorry, com instruções caso switch como o loop while e outras estruturas de loop porque todos esses são o fluxo de controles. Nesta palestra, você vai aprender como usar a instrução switch, bem como como como usar a instrução case e break. E você também aprenderá sobre a palavra-chave padrão também. Em primeiro lugar, vamos passar para a instrução switch. Mudar instruções, vou esperar e expressões e executar o código como resultado de correspondência caso. No início, pode parecer um pouco e mediar, mas o cientista básico é semelhante a isso. Se, isso é um IFStatement, como você pode ver que possivelmente Vi Hart certo? Switch, switch aqui é a palavra-chave. Então você tinha expressões de escrita. Então você executou isso com colchetes. Então aqui, uma outra palavra-chave está usando como um caso. Vamos supor que temos um caso um ou caso x. Depois de completar o corpo do caso, temos que resolver este caso aqui. Então freio também está sendo executado para ou quebra também é uma palavra-chave para quebrar. Este caso bem aqui. Se mantivermos os vários tipos de caso, vamos supor caso número y ou caso número z. Então temos que quebrar cada caso com a ajuda desta palavra-chave break aqui. Espero que você entenda agora e adicione o último veículo para executar caso padrão também. Como você pode ver aqui, esse caso é uma palavra-chave, switch é uma palavra-chave, break é uma palavra-chave e padrão também é uma palavra-chave aqui. Então este é o padrão ok. Aqui você pode ver que Então, quando você é apenas ela terminando este caso aqui, então você tem que terminar esta declaração caso sem dois pontos e a quebra aqui com nós e vírgula e visto como um caso como padrão aqui. Eu só lhe digo a arquitetura da afirmação “if-else”. Então, em primeiro lugar, você pode ver aqui nós temos a declaração if, então nós temos a declaração else-if, e então nós temos a declaração else. Parece um caso como aqui. Você pode ver que como o switch, em seguida, temos primeiro caso, segundo caso, terceiro caso, se nenhum dos casos são iguais aqui no fluxo do programa, em seguida, o fluxo do programa será movido diretamente com um padrão condições e executar o bloco de código na condição padrão aqui mesmo. Espero que sim. Este conceito é claro para vocês. Então, como você pode ver que aqui jejuou que vamos avaliar as expressões aqui ou as condições aqui mesmo na instrução switch. Então o primeiro caso será executado aqui. Então o primeiro caso, que é o X aqui, será testado contra as expressões. Se ele correspondeu, o código irá executar e quebrar as palavras-chave e que vamos passar para o fim do bloco switch. Nenhuma das condições é executada aqui. Se esta condição não for cumprida, então isso passará para este caso bem aqui. E o mesmo é o caso como este caso aqui. Se nenhum dos casos é meteorito aqui, então simplesmente vamos passar para o caso padrão e executar o bloco de código em seu caso padrão aqui. Espero que você entenda agora. Assim, o objetivo da instrução switch é dar uma expressão para avaliar, e, portanto, várias instruções diferentes para executar o com base no valor das expressões e, ou os intérpretes verificar que cada caso contra o valor das expressões até o telefone Met. Aqui eu vou dizer-lhe que como podemos executar a nossa instrução switch no código de escape Java. Vamos verificar isso. Aqui eu vou ensinar-lhe sobre o bidirecional que como podemos escrever o caso switch. Em primeiro lugar, temos direitos que e aqui você pode ver que v, como a mudança de grades. Ok, em primeiro lugar, vamos calcular as notas dos alunos. Aqui. Estou apenas criando uma variável. Variável aqui. Nossas notas e notas aqui são iguais a gelo, certo? Que as crianças estão começando por uma aqui. Aqui você pode ver que o gelo document.write direita. E desculpe, este é um documento. Escreva aqui. E você pode ver que aqui eu tenho escrever inter em seu bloco. Ok? E então aqui eu tenho que escrever uma única linha quebrar o código mais próximo aqui. E vamos passar pelos casos de troca bem aqui. Agora aqui estou eu apenas escrevendo o primeiro caso. Então o primeiro caso é para a oitava série. Nossa primeira entrada aqui é a direita aqui, que é o nome da variável. Ok? Se este caso for combinado, então simplesmente isso irá executar o bloco de código e que irá ignorar todos os casos aqui. Então você pode ver aqui eu tenho que escrever esse documento.write. E aqui eu tenho que cavalgar. Isso, isso é uma nota mais bem aqui, acorde mais próximo. E então vamos passar para o caso número B bem aqui. Então, como podem ver aqui, temos o caso B. E então aqui estamos iniciando o caso B bem aqui. Agora aqui, documente.escreva. E então aqui você pode ver que aqui nós temos aquela nota B bem aqui. Ok. Estou dizendo que quando você está escrevendo o caso para resolver este caso, você tem que fazer uma declaração aqui. Então quebrar aqui é a palavra-chave. Espero que entenda agora, não, estou apenas copiando isso e colando aqui para o caso C bem aqui. E este é um grau C, C, C e cabelo que você já viu que nós temos o grau D também. Ok. Então, como você pode ver aqui, que nossa nota aqui é d. Então, se nenhuma dessas instruções são executadas aqui, então simplesmente isso irá mover sua palavra-chave padrão. E você pode ver aqui eu tenho escrever esse documento ponto escrever. E aqui você pode ver que eu escrevi isso. Phil, está bem? E fecha o código aqui. Agora aqui, depois disso, você pode ver aqui eu estou apenas executando uma das outras declarações. Então, escreva o ponto do documento. E aqui você pode ver que eu tenho que escrever isso, que interruptor e fez e fecha núcleo bem aqui. Agora aqui estou eu apenas executando este código no navegador. Então você pode ver aqui como a saída aqui é em primeiro lugar v, como entrar para o blog, onde temos o grau a e, em seguida, temos o caso switch terminou aqui. Se você está escrevendo b aqui. Então você pode ver aqui e eu apenas fresco isso, então bloco B será executado bem aqui. Espero que você entenda agora que como este caso switch está funcionando e como casos discretos semelhantes ao if else if declarações aqui. Espero que você entenda isso. Agora aqui você pode ver que eu estou apenas correndo os dias são criptas bem aqui. Como você pode ver que eu estou passando roteiro. Agora aqui estou apenas criando a variável. E variável aqui é, vamos supor dias, que é igual a aqui, eu estou apenas escrevendo o novo. Novo é um método aqui e esta é a data como o método aqui. Agora aqui estou só a querer mudar de caso. Mudar caso aqui é d ponto obter método e obter a data aqui. Ok? E aqui você pode ver que eu tenho que escrever essa data. E este é o dia aqui. Em primeiro lugar, estou apenas a comandar o caso número 0. Então, espero que você entenda agora que o nosso, estes são o início do 0. E então se o dia é 0 aqui, então aqui temos escrever esse documento, ponto escrever, e aqui eu tenho escrever que hoje é domingo porque nosso Callender está começando a partir de domingo. E então aqui eu tenho que escrever uma declaração de quebra bem aqui. Então vamos passar para o outro caso, que é o caso número um, e este é o caso número dois aqui eu escrevo que esta é segunda-feira, e isto é terça-feira. Agora aqui, este é o caso número três. E aqui cheguei eu a isto é testemunhando. E então aqui vamos passar para o número do caso número cinco. Caso número seis aqui. Então este é um caso número cinco e este é um caso número seis. Então, quarta e quinta. E aqui temos a sexta e sábado se nenhum dos casos for meteorito aqui, então o corpo será executado. Instrução padrão. Então o mesmo é o caso como L, esta afirmação aqui. Então aqui temos escrever, document.write. E aqui eu passo lá nenhuma informação encontrada aqui. E fecha o núcleo aqui. Agora aqui eu tenho direito, esta é uma declaração de interrupção também. E vamos apenas executar este código. Então, primeiro um Hadoop copiar isso e, em seguida, executar este código bem aqui. Então nós fizemos provavelmente erro penteado direito adicionando o cólon eo lugar desta data. E aqui eu tinha chegado uma única quebra de linha e a etiqueta de RH. Agora eu só atualizo isso. Então aqui você pode ver que aqui é executado que hoje é a segunda-feira bem aqui porque isso está correndo naquele dia. Aqui, que é “Aqui está a Amanda”. Sim. Isso é executar o caso número um. Esperemos que você entenda que como você pode obter a data com a ajuda do caso switch e como o caso switch é funciona aqui mesmo. Então, como você pode ver aqui, em primeiro lugar, temos as condições aqui mesmo. Se esta condição for feita. Então isso vai verificar os casos aqui. Se este caso for mu dois simplesmente que executará este bloco de código e ignorará todos estes blocos de códigos aqui. Se nenhum dos casos for encontrado aqui. Então o mesmo é o caso como se mais dois, então isso simplesmente vai se mover para o bloco else do núcleo. Então aqui no lugar do bloco S de código aqui temos o caso padrão bem aqui. Então, o benefício aqui é do caso de troca. Como eu sei que você tem este tipo de pergunta que qual é o benefício das instruções switch e por que nós usá-los aqui, as principais vantagens é que, neste, o usuário pode comparar não estão fora do valor das variáveis por uma única instrução switch e usando um número de casos aqui. É tornar as detecções de erros mais fáceis, pois o programa é dividido em mais EUA através desses casos. E é geralmente usado quando muitos valores de nossas variáveis devem ser Comparar aqui. Ok? Assim, o objetivo da instrução switch é o tipo do mecanismo de controle de seleções usado para permitir que o valor de uma variável ou expressões para alterar o fluxo de controle do programa. E isso será execuções através da busca e dos mapas. Ok, espero que você entenda agora se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 32. Matriz Javascript: Pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre o que é um array e como podemos usar em nossas linguagens de programação. Uma matriz que é uma estrutura de dados que consiste em uma coleção de elementos, valores ou variáveis, cada uma identificada por pelo menos um. Indexado ou chave. Array são uma parte importante das linguagens de programação e áreas são usadas para armazenar vários valores em uma única estrutura de dados. Jornalistas árabes rasgou uma coleção de itens nos locais de memória contínua. E também pode ser chamado como a lista na coleção na maioria das linguagens de programação como Python. Ok? Como está, dizer-lhe uma resposta curta sobre a matriz. Assim, uma matriz pode ser definida como n coleções ordenadas do índice do item pelo inteiro contínuo. Como é. Falar sobre a resposta longa. Assim, o ar está intimamente relacionado com uma maneira como informações livraria. Vamos, vamos, vamos, Eu só lhe dei o exemplo de que aqui você pode ver que v, como livro Inglês, ou v, como livro Java. Dentro do livro, v, como dez capítulos. Ok? Como ele apenas dizer que um árabe pode ser definido como coleções ordenadas do item. Isso não significa que seu capítulo número um virá no final do livro. Você é um capítulo número dez é vir no primeiro do livro. Eu só digo que a matriz é a ordem das coleções dos itens ou dos elementos. Esperanças evento é dez fora. Aqui você pode ver que como você pode acessar o elemento muitas vezes adicionado aqui. Lembre-se do nosso exemplo de livro, onde falamos sobre o índice e a ordem em uma matriz. Cada elemento dentro da matriz tem um índice. O índice não é nada além de nossos números, como você pode ver em sua tela. Mas o índice não é um número aleatório, como você sabe aqui você pode ver que nós temos l como um números aleatórios bem aqui, que é, é TOR dentro da matriz. Eu vou falar sobre a indexação também. Ok. Aqui você pode ver que v, como cinco itens ou os elementos que são como rasgado no, adicionado aqui. No último exemplo, você pode ver quando eu só trabalhei com um loop for. Então eu só falo sobre essa indexação bem aqui. Então, como você pode ver aqui, v, como cinco valores, que é TOR dentro e editar aqui, que é 56, desculpe, 5650. 342412. A indexação destes todos os valores aqui são 01234, parece um caso como esse aqui. Então, como você pode ver, índice inteiro está começando de 0 e vai até um de cada vez. Por isso, ele é chamado de índice baseado em 0. Aqui você pode ver que no índice número 0, v, como os valores Tor, que é 56, então no índice número um temos os valores Tor, que é 50, e o índice número dois, temos os armazenamentos de valor 34. Ajuda você a entender agora. Então você pode ver aqui como podemos acessar o elemento de um somador aqui. Então, o índice está começando em 0 e sobe CPU um de cada vez. Mas existem algumas linguagens de programação como JavaScript, Java stretcher, extrair, SRA, veer, índices de matriz começando a partir do um, ou desculpe, não nosso Javascript ou Java dentro uma linguagem de programação inferior ou programação de teclado o índice como um início de um zero nada ajuda você a entender agora que dentro do JavaScript, estamos começando o índice de 0, ok? Mas dentro das outras linguagens de programação como LA, Ed Key bowl, então em aderir, VR usando o índice está começando de uma esperança. Então você entende agora, mas isso é para maior clareza toda a nossa discussão nesta série, vamos assumir uma matriz para nos ajudar no índice baseado em 0, ok? Porque em JavaScript usamos uma indexação baseada em zero. Espero que você entenda agora aqui você pode ver que este é um elemento em forma variada. Então esta área está classificando. Desculpe, isso não é elementos sortidos porque o salmão 1165, se você ver o elemento ordenado de uma matriz. Então, em primeiro lugar, isso vai levar o pequeno valor, depois o valor de capital, e então visto como um caso como esse vai subir como aqui. Se v, como os 2346789 tipos de elementos, se queremos classificar este erro aqui. Então, em primeiro lugar, temos que escrever 234, então temos escrever 6789 porque este é um erro de tipo ordenado. Este não é um erro de tipo variado. Ok, então deixe-o na matriz ordenada. Estamos fazendo uma dessas palestras separadas. Então aqui você pode ver que v, como alguns tipos de valor dentro, que está armazenando dentro da matriz e o índice desses valores bem aqui. Você pode ver aqui 0123456789. Então este é comprimento de nove tamanho flecha bem aqui, que está começando a partir do osso inferior e a dívida sobe muito acima aqui. Como você pode ver aqui, que a adição de um novo elemento na matriz em diferentes posições na parede ou diferentes tipos de trabalho de levantamento pesado. Geralmente adicionando um novo elementos para o final da matriz é n, Fácil, peasy Foster e requer um trabalho menos. Tudo o que tínhamos para fazer foi um número maior. Buda, último número de índice na edição aqui. Então, como você pode ver aqui em primeiros socorros que como podemos adicionar o novo elemento a uma matriz quando estamos trabalhando com nossa programação. Então você vai entender completamente esse conceito. Aqui. Você pode ver que v inferno, algum tipo de arabinose nosso tamanho de idade. E queremos adicionar este valor a esta área. Então simplesmente estamos adicionando o 100 dC, o último dos eruditos aqui. Espero que você entenda agora, assim como você pode ver aqui, que este é o nosso formulário ordenado erudito aqui, cada área está posicionando, adicione o seu próprio. Você pode ver aqui 12233445566778198900 bem aqui. Ajuda você a entender agora. Então nós estamos adicionando um dos, outro valor aqui, que é um 100 AD, as posições do índice oito aqui. Então, adicionar um novo elemento no final é mais rápido e fácil. Geralmente, as funções de método de área para usar adicionando o valor no final, basta adicionar um, o último índice usado para acomodar um novo elemento aqui. Aqui temos o problema. E eu estou apenas definindo uma solução também. Então era simples porque tínhamos que armazenar apenas cinco tamanhos de números de array. E agora vamos supor que temos que armazenar 505 mil números inteiros. Vamos usar 500 variáveis nessa fase ou não? Aqui você pode ver que para lidar com tais situações, quase todas as linguagens de programação fornecem um conceito que é chamado de array. Uma matriz é uma estrutura de dados que pode ser armazenar coleção de tamanho fixo dos elementos do mesmo tipo de dados. Se você quiser armazenar pisos. Então, todos esses números serão falhos se você quiser armazená-lo. Os inteiros para todos os números serão inteiros. Uma área é usada para armazenar uma coleção de dados, mas muitas vezes é mais útil pensar um Eddie como coleções de variáveis do mesmo tipo. Em vez de declarar as variáveis individuais, tais como número 12 e até dois números de n. Você apenas declarar uma matriz, que é um número variável de inteiro, que é um tipo de Like a um número que está começando a partir de 012. E isso é vai até o número de n para representar as variáveis individuais. E aqui você pode ver que isso é simplesmente escrever 0 até o número de n são o índice associado com as variáveis árabes. E eles estão sendo usados para representar as variáveis de elementos individuais em Eddy. Então todas as áreas são consistem em locais de memória contínua como eu acabei de dizer. Assim, as áreas loess, compostos ou componentes, ou o corresponde ao primeiro elemento como o endereço mais alto hoje ou último elemento aqui. Aqui você pode ver que este é o primeiro elemento que está em turnê e você pode é TOR, array no último elemento aqui, ajuda você a entender todos os exemplos teóricos dessa área e o que é um array? Vamos apenas voltar para o exemplo de uma matriz e vamos ver que como podemos trabalhar com um editor bem aqui. O aqui, você pode ver que eu estou apenas criando um simples adicionar um programa. Aqui. Isto é um guião. Então esta é uma tag de script bem aqui. E aqui você pode ver que eu estou apenas criando as variáveis bem aqui. Em primeiro lugar, estou apenas criando uma variável fora. Vamos supor que aqui temos frutas são exemplos antigos aqui, ok? O que já está virando momento. Então as frutas aqui são, desculpe, o que é igual a, então a comida está aqui, primeiro lugar, estamos criando um poste. Então aqui temos cereja, então aqui somos mangas. E esta é uma vírgula bem aqui. E para escrever o promotor, você tem que simplesmente escrever estes colchetes aqui. E isso é igual a mangas. E aqui temos que escrever laranja bem aqui. Como você pode ver aqui, este é o tamanho de quatro matriz. E se nós vemos como o índice sábio, então este é três porque 10123 bem aqui, e você tem que fechar esta área com um ponto-e-vírgula. Agora aqui estou eu apenas escrevendo ou estou apenas imprimindo esta matriz para vocês. Onde você pode ver aqui que eu sou simplesmente imprimir frutas como o nome da matriz. E aqui eu tenho escrever que este é mais V ou eu tenho escrever, coisa simples, uma quebra de linha bem aqui. E aqui temos que ir para a edição ITU e editar ponto HTML. Atualize isso e aqui, não está nos mostrando a saída. Vamos levar o promotor bem aqui que o que nós fizemos um erro. Então aqui temos o pequeno erro aqui, e agora está tudo bem. Há um ir para o navegador e reformulá-lo. Então você aqui, você pode ver que eu apenas recebo todos os elementos do ar bem aqui. E esta é a nossa área. Agora você pode escrever como a variável e a variável aqui é. Você pode ver que eu tenho que escrever o let supor uma cor ea cor que é igual a n é definir um único elemento. Vamos supor que este é um vermelho. E aqui você pode ver que eu apenas escrever a matriz que é cor e atualização. Você pode ver que você também pode obter um único elemento da matriz também. Agora aqui você pode ver que como podemos acessar o elemento muitas vezes editar aqui no script Java. Qualquer elemento pode ser acessado por seus indexados usando as notações colchetes. E adicionar índice é ímpar numerado que representam as posições de um elemento em uma matriz. No índice r está começando a partir do 0 com base. E isso significa que o primeiro item de uma matriz é torr no índice 0, e então isso vai até o número de N. Vamos apenas ver que como podemos, é para a área indexada ou como podemos acessar os elementos do sótão pelo índice sábio. Aqui você pode ver que temos que escrever documentos estão certos. E então aqui nós tivemos carona, vamos supor que isso são frutas. E aqui eu tenho que escrever este colchete e eu só quero acessar o elemento no 0 aqui. Ok? Então aqui você pode ver que esta é uma tag BR. Então, isso irá simplesmente acessar o elemento, adicionar o número 0, que é uma tração. Então esta é 0123. Ok, aqui eu só reformulo isso. Então você pode ver aqui que irá acessar o elemento como o superior direito aqui. Então aqui eu ataco 32. Então vamos verificar isso. Então aqui você pode ver que isso é acessado laranja e mangle. Então aqui, laranjas no número três. Em primeiro lugar, isso vai imprimir o número três e depois o número dois, que é manga bem aqui. Espero que você entenda isso, que como podemos acessar o elemento, elemento de um erro aqui mesmo. Então você também pode obter o comprimento SRA bem e como você pode obter isso. Então não há LinkFunction simples está usando para que aqui você pode ver que você tem documento certo e document.write aqui onde você tem escrever que este é frutos ponto aqui, eu tenho escrever que este é comprimento também. Você pode ver, você pode ver isso aqui. Você pode ver que nós temos os quatro tamanhos de edição bem aqui. Espero que você entenda agora. Agora aqui vou dizer-lhe que como você pode criar diferentes inteiros seta aqui. Como você pode me ver como a variável e variável aqui é. Vamos supor que uma pessoa e a pessoa que é igual a aqui, eu apenas escrevo que o nome da pessoa aqui é babás. E aqui temos outra imagem de nome de pessoa é John. Ok? E aqui eu também escrevo a era de João também. Então você pode ver lá que o cabelo AGE é 25. Agora aqui você pode ver como podemos acessar isso. Tão simples, você tem escrever nó de documento, certo, e a direita aqui é pessoa. Ok? Agora atualize isso. Você pode ver aqui que em primeiro lugar que irá acessar Dennis John N, A Era disso também. Espero que você entenda que, que como podemos trabalhar com uma matriz em JavaScript se você encontrar um novo o problema em relação a esta palestra, por favor me avise e obrigado por assistir a esta palestra. 33. Arranhões de classificação de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a ordenação de uma matriz em JavaScript. Se você tiver uma matriz de um objeto que você precisa classificar em uma determinada ordem, você pode ser tentado a excluir para a biblioteca de scripts Java. Mas antes de fazermos, lembre-se que você pode fazer alguma ordenação muito limpo com a função Arrays.Sort da natureza. Discutiremos esta função mais tarde nesta palestra. Então, a classificação é uma das questões mais significativas na programação. Se você é um iniciante ou está trabalhando desenvolvedor, você enfrentará algoritmos de classificação em seus exames. São empregos em você. Provavelmente em cenários da vida real. Não precisamos implementar algoritmos de classificação a partir do zero. Javascript tem-lo em beta e método de classificação. E nesta palestra vamos abordar esta classificação de uma matriz em JavaScript. Então, o que é um algoritmo de classificação? Em ciência da computação, um algoritmo de classificação é um algoritmo que coloca elemento de nossa lista em uma determinada ordem. A ordem mais usada, nossa ordem numérica ou ordem lexicográfica. Para o nosso caso específico, um algoritmo de classificação, principalmente D com elementos no termo de ordenar sua ordem alfabética ou numericamente, alterando a posição de cada elemento na matriz. A classificação pode acontecer ascendente ou descendente com base na sua preferência. Como aqui um método está usando, que é um método de classificação para classificar sua adição. E aqui você pode ver que o que é a edição de classificação bem aqui. Então, como tomamos um exemplo da vida real em alfabeticamente sábio, então vamos ver que como podemos classificar nosso alfabeto. Vamos ver aqui, você pode ver que eu apenas escrevo b, a, d, c, e e. Como você pode ver aqui, que eu apenas tomar cinco índice aqui nesta matriz. Ok? Isso é 12345 valores. Se você tomar isso como um índice y, então 01234. E como você pode ver que esta é a forma não ordenada, porque B está no primeiro DCN E Se classificar esta matriz. Então faremos o primeiro dia. Você pode ver aqui que nós vamos ser cavalgar como a. Então aqui vamos escrever b, então aqui vamos escrever C, e então D e E aqui, como você pode ver isso. Ok, então eu só uso isso como um procedimento. Então eu vou mostrar a vocês um passo completamente deste erro de classificação está aqui. Você pode ver que isso está lá. Suponha b, a, d, c, e. Então, em primeiro lugar, você pode ver que eu apenas US ou eu apenas deslizar os valores entre a e b. Então primeiro nós seguramos a, então eu estou apenas escrevendo B aqui, ok? E então o mesmo é um caso como D, C e E bem aqui. Ok? Como você pode ver, meus dois valores aqui estão classificados. Então eu só escrevo um no lugar, estar no lugar. Então aqui eu apenas classifico esses dois valores. Então você pode ver aqui eu só deslizo c e d juntos. Então, como você pode ver, a, B, C, D e E. Então, em toda a área aqui está ordenada agora. Então você entende agora que como podemos classificar isso como uma forma gráfica. Vamos ver que como podemos usar um método de classificação e simplesmente com a ajuda desta função, resolvemos nosso todo o Foudy. Assim, os métodos de classificação permitem que você classifique elementos de uma matriz no lugar além de executar a matriz classificada, os métodos de classificação encadear a posição do elemento na adição original. Por padrão, o método de classificação classifica o elemento de área em ordem crescente com o menor custo n maior último valor. Como você pode ver o que eu apenas ela quer para você. Vamos apenas ir para a área de codificação e veremos que como podemos classificar o adicionado aqui. Então, como você pode ver aqui, que este é o nosso exemplo EDx. Então eu estou apenas tomando este exemplo aqui. E você pode ver aqui que eu estou apenas criando uma variável de estradas. E agora vocês podem ver que estou simplesmente mudando os valores disso. Aqui, laranja. E aqui você pode ver que eu apenas escrevo que isso é camada. Suponha banana. Então aqui vou escrever que isto é TV. Ok? Então, como você pode ver aqui, Eu apenas criar 123456 tipo de eta aqui onde você pode ver seu índice enquanto 1234, uma desculpa, como 012345, índice de adicionado aqui, ok. Aqui você pode ver que eu acabei de criar uma variável. Então variável aqui é que eu apenas escrever tipo, que é igual a aqui. Eu só escrevo isso. Eu só quero classificar este erro aqui. Então, para esse propósito, olhos de cabelo, método de classificação de ponto direito. Espero que você entenda isso. Então este é o método de classificação para classificar é uma palavra-chave aqui. E esta é a área que acabei de criar aqui. Agora aqui você pode ver que eu tenho escrever documento e documento ponto escrever onde eu tinha direito, que isso é frutas e frutas mais, e aqui eu tive que escrever que esta é uma tag BR. Ok? Então esta é apenas uma saída bem aqui. Então vamos ver como podemos verificar nossa saída em primeiro lugar desses frutos aqui. Então aqui você pode ver, eu posso escrever que este é documento.escrever onde eu tinha direito? Que esta é a nossa espada ou tipo acrescentando. Ok? Você pode ver que eu apenas fechei este código aqui. Agora. Eu só vou para o navegador e aqui eu vou atualizar isso. E você pode ver em primeiro lugar v, como na Apple, manga, banana, cereja e TV aqui mesmo. Porque aqui você pode ver que este é o nosso método de triagem bem aqui. Você pode ver que com a ajuda disso, podemos classificar nosso, este método aqui mesmo. Ok? Como você pode ver, em primeiro lugar, isso vai maçã do que manga, do que Nana, cereja, KV, e laranja. Então, como você pode ver na saída que não estamos recebendo nenhum dos resultados aqui. Como um, estamos recebendo dois resultados aqui, que é um e m. Então este é um e significa maçã e Mango aqui são classificados em vez de todos esses valores. Sua pergunta será que por que nós, este, este algoritmo de classificação não irá classificar esses valores e por que esses algoritmos estão classificando esses valores. Então, uma pergunta aqui é porque aqui você pode ver lá eu apenas escrevo um é uma capital aqui, e m também é uma capital aqui. Então os algoritmos de classificação funcionam. Se você tem todos os valores são maiúsculas, significa maiúsculas, ou você é todos os valores são minúsculas, ou uma letra pequena. Então aqui eu só uso um valores mistos. Vamos ver agora no código onde você pode ver isso aqui, a e M bem aqui. Então todas essas primeiras letras são, são pequenas. Salve e atualize isso. Então você pode ver aqui, eu decido que esta matriz aqui é classificada forma porque a, b, c, então K, M, O. Então você pode ver aqui estas todas as áreas estão em forma ordenada certo? Agora. Espero que você entenda agora se você quiser dar todos os valores aqui são maiúsculas, então C, a, e aqui eu tenho que escrever m, Então aqui, o, então aqui eu me esforço para ser, e isso é adicionar o último k. Então você pode ver aqui, e eu apenas reformulo isso. Então aqui, estes todos os valores estão em forma ordenada, é se você, se você dar-lhes valor misto como capital a, capital B, e estes todos os valores são pequenos, então isso simplesmente irá classificar você é esta área primeiro e que vai deixar seus e outros valores para cima para que você obtenha que a planta. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 34. Funções e diferença funcional e OOP: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a função. E eu vou falar sobre o conceito de programação funcional e orientada a objetos em JavaScript. Na programação e seção nomeada de um programa que executa uma tarefa específica. É função de guarda. Como? Vamos supor v, como todo o nosso sistema de sistema de gerenciamento de biblioteca. E nós temos um nome de função que é livro, ok, ou livros. A função Livros é usada ou executar uma tarefa específica. Este é o cartão aqui neste sistema LMS, que é uma função ou um módulo. Neste, uma vez que uma função é um tipo de procedimento ou rotina, algumas linguagens de programação fazem distinções entre funções que retornam um valor e um procedimento que executa algumas operações, mas não retorna um valor. Funções e os procedimentos são os blocos de construção básicos do programa. Eles são uma pequena seção de um acorde que é usado para executar uma determinada tarefa e eles são usados por duas razões principais. Vamos ver aqui que V, como o sistema LMS, ok? Aqui temos os blocos básicos de construção do programa. Vamos supor que autores de livros e temos alguns tipos de números como IB n. Ok? Então aqui você pode ver que neste grande sistema LMS, temos três módulos de Moore. Então estas são as funções significa que um grande programas são divididos na pequena parte do programa, que é reutilizável. A primeira razão é que eles podem ser usados para evitar as repetições de comando dentro do programa. Se você tiver operações que são realizadas nas várias partes diferentes dos programas, então faz sentido remover o código repetido formigas criar-nos funções separadas são os procedimentos que podem ser cartão desses lugares. Em vez disso. Não só isso reduzirá o tamanho do seu programa, mas tornará o código mais fácil de manter e removerá a possibilidade de que parte do segmento de código será atualizado, atualizado, mas não outro. Aqui você pode ver que para estas linhas de código, para estas linhas de frase aqui que vamos ver é que você estava sistema LMS uma vez que você escrever a função livro, em seguida, todos os módulos vista irá definir neste livro que você não precisa escrever seu próprio código novamente e novamente. Portanto, o benefício aqui é que a dívida reduzirá o tamanho do seu programa também, e isso reduzirá o seu esforço de programação também. Aqui você pode ver que, que é a programação de função? Se você tem um fundo na matemática e você tem um head-start na programação da função. Então isso é, isso é porque a função de programação petagram trata a computação como funções matemáticas. Se você não tem um histórico matemático, discórdia o deixou confuso? Basicamente, a programação funcional trata as funções e os dados como o imutável. E você passará dados para funções. E é geralmente retorna que os dados se transformam ou alguns outros tipos de dados. Na programação funcional, a função nunca deve alterar os dados originais ou o estado do programa. Há uma semelhança com uma filosofia Unix que cada programa deve fazer uma coisa bem, e uma função não deve tocar várias partes do seu programa. Em vez disso, ele deve levá-lo entrada e dar-lhe uma saída. Como você pode ver que uma função terá uma entrada aqui. E vamos supor que a função aqui é livro, modo que terá uma entrada, e então isso irá mostrar-lhe a saída do programa também. Assim, função idêntica deve ser puro tudo o que possível em uma programação funcional, isto significa que uma dada a mesma entrada, as funções de saída será agora, saída será sempre a mesma. Espero que você entenda agora. Agora aqui você pode ver que o funcional vs. a programação orientada a objetos. Esta é uma partida dramática de um, algo como programação orientada a objetos em programação orientada a objetos, orientada a objetos. Na programação orientada a objetos, você muitas vezes como um objeto básico com vários métodos dedicados a encadear seus dados ou estado que são uma parte desse objeto. Método pode até mesmo alterar dados ou propriedade, se não explicitamente, é inclinado, significa que na programação orientada a objeto você tem que criar um objeto da classe e, em seguida, você tem que usá-lo. Mas em programas práticos em algum momento isso é mixins. E este conjunto morto, ele pode tornar os programas mais difíceis de manter e nem sempre é claro o que está alterando que é T8 ou os dados e linguagem de programação funcional foi originalmente usado para acadêmicos os ambientes, mas pode também ajudam a evitar pontos. Esse tipo de problemas. Na programação de funções, você tem que criar as funções. Mas na programação orientada a objetos, há um conceito das classes e objeto que você tem que criar. A classe significa que a criar uma classe de livro. E dentro da cláusula há muitas funções. Vamos apenas voltar puramente para as funções que a função exatamente faz. Funções encapsulam uma tarefa. Eles combinam muitas instruções em uma única linha de código. E você pode ver que a maioria das linguagens de programação fornecem muitas funções internas que, de outra forma, exigiriam muitas etapas para realizar. Por exemplo, calculando a raiz quadrada de um número no diário. Nós não nos importamos como as funções fazem o que ele faz, e só isso é fazê-lo quando uma função é chamada, os programas deixam a seção atual do tribunal e começam a executar a primeira linha em vez das funções, faz as funções seguem o controle onde você pode ver que a função ou o programa vem para uma linha, é claro, que contém uma chamada de funções. Em primeiro lugar, você tem que declarar o nome da função e, em seguida, você tem que chamar o nome da sua função. Ok, os programas entram na função que é direcionada para a primeira linha na pontuação da função. E todas as instruções dentro da função são executadas a partir do topo com as de baixo. Os programas deixam as funções e retornam para onde começou. Quaisquer dados computados e retorno pelas funções é usado no lugar das funções na linha original de código. Aqui eu sei a pergunta em sua mente que por que precisamos funções no JavaScript para melhorar a legibilidade do seu código, você tem que usar a função, melhorou a reutilização do código. Você tem que, você tem que usar a função e algumas funções podem ser usadas em qualquer programa em vez de escrever o mesmo código a partir do zero. Como aqui, você pode ver que você tem que simplesmente escrever, vamos supor que um nome de função aqui é livro. Então você tem que criar um livro de funções simples e você tem que definir toda a funcionalidade está dentro desta função de livro e, em seguida, você tem que usá-lo. Então isso é chamado de, desculpe, isso é chamado de reusabilidade. O que é uma legibilidade? Então legibilidade significa que aqui, quando você está escrevendo a função livro, então você tem escrever uma outra função que é autor, e então você tem direito, uma outra função que é o número IBM. Então aqui você pode ver que cada módulo ou cada função será bem claro para você. Então esta é a legibilidade do carro. Então, desbulking sobre o código seria mais fácil se você estiver usando as funções e setas são fáceis de rastrear porque quando você está usando o módulo livro e você vai encontrar um erro dentro deste módulo livro. Então você tem que simplesmente verificar a função livro em vez de verificar todo o seu código para cima. Então você começa isso, que como podemos depurar ou como, quão mais fácil é depurar quando você está usando a função. Funções também reduzir o tamanho do código que duplicam o conjunto de instruções são substituídos por uma função, que significa que aqui você pode ver que se você não estiver usando a função, então você tem o livro certo muitas vezes em seu cordão. Então, uma vez que você declara o funcional e ela escreve uma função aqui, então simplesmente você tem que chamar suas funções novamente e novamente, ou simplesmente você tem que chamar você ou este bloco de código. Então este é carro, ou isso é chamado para reduzir o tamanho do seu código com a ajuda de funções. Espero que você consiga isso. Agora aqui você pode ver que no JavaScript, você tem que primeiro definir a função, então você tem que escrever funções em. Este é o pedômetro de sua função e então você tem que escrever sua declaração, a linha de código aqui, este é um programa de fatorial e nós estamos encontrando os números de factoriais bem aqui. Então você começa que agora basta virar para o exemplo e vamos ver que como essas funções funcionam. Em primeiro lugar, você sabe, nós já trabalhamos com uma função neste curso, mas aqui eu vou completamente dar-lhe um conhecimento de função. Escrevendo a função aqui v, como o nome da função primeiro somos, vamos supor que um nome de função aqui é SBC, ok? Como você pode ver aqui, que esta função aqui é a palavra-chave. E então este é o nome da função. E você tem que escrever os argumentos são assim que você tem escrever os pedômetros ou as funções. Vamos supor que você tenha pedômetro direito aqui dentro deste parêntese. E então você tem que escrever o bloco de código ou declarações bem aqui. Espero que você entenda isso. Agora aqui você pode ver que eu apenas criar uma função que é um nome de olá. E nós estamos, nós não passamos nenhum dos parâmetros aqui e aqui eu simplesmente uso a mensagem de alerta para vocês, onde vocês podem ver que esta é uma mensagem de alerta. E aqui, você pode ver isso aqui dentro desse script Java. Então aqui dois tipos de funções, mas eu estou apenas usando aqui, que é uma função definida pelo usuário. E esta é uma função embutida, que é a função de mensagem de alerta bem aqui. Vamos rodar este código aqui. E este é um arquivo HTML função. E como você pode ver aqui, então meu código aqui não está sendo executado. Só por causa de, você pode ver aqui que eu estou apenas criando uma função. Ok? A função estará em execução porque a função está sendo executada aqui, porque não chamamos a função aqui. Depois de declarar a função, você tem que chamar essa função também. Como você pode ver isso aqui, você pode ver que eu tenho que ir para a tag script VR. Eu descrevi isso. Desculpe, esta é uma tag de script aqui e aqui dentro deste cabelo do corpo está certo que isso é apenas uma tag de parágrafo. E onde você pode ver que aqui, certo, que esta é a cópia de função, este é o pacer de script na tag de cabeçalho. E aqui você pode ver, aqui eu apenas crio um formulário. E o formulário aqui, como você pode ver que dentro deste formulário, eu apenas escrevo a entrada e entrada aqui é um tipo de botão. Quando eu apenas clicar neste botão. Então eu só usar o método OnClick. Já trabalhamos nesse método OnClick. E você pode ver que aqui está direito no método clique. Então, no método clique, Eu simplesmente escrever o nome da minha função aqui é Olá. Ok? E então aqui eu fecho esse código bem aqui. Você também pode definir o valor para essa função. Vamos supor o valor aqui. Clique em mim. Ok, aqui quando eu só ir para este acorde e atualizar isso. Então você pode ver aqui que esta é uma função que é uma tag p. E então aqui quando basta clicar neste botão. Então esta função será mostrada a mim fazer garantia, saída aqui mesmo, que é um script java bem aqui, quando eu apenas clicar sobre isso, então este é apenas um OK bem aqui. Então, como você pode ver aqui, que em primeiro lugar vamos criar esta função com o nome de Olá. Então aqui uma diversidade de usuários, nossa função padrão está disponível, que é mensagem de alerta. E então isso me mostrará a mensagem de alerta do JavaScript bem aqui. Então, você também pode usar o ponto do documento, escrever com ele. Ok? E você também pode usar a haste de dopamina ou tentou com ela. Recongela e vantagens. Clique nisso, clique em mim botões. Então, isso todos os profissionais para se reunir com a ajuda desta função. Agora aqui você pode ver que uma vez que eu definir este nome de função, então eu não preciso escrever esta função novamente e novamente. Ok, aqui você pode ver que eu simplesmente copiar. E aqui você pode ver que eu apenas escrevo esse botão e clique no botão bem aqui. Então aqui eu estou apenas criando um dos, um dos, outro botão bem aqui. Então, como você pode ver aqui, nós temos os dois botões e vamos apenas atualizar isso. Então você pode ver aqui, eu apenas clicar neste botão ou nesses botões. Assim, a mesma função será mostrada para mim como a saída aqui. Então este é o carro que irá reduzir o seu tamanho do programa que irá simplesmente melhor para a sua legibilidade de código e usabilidade também. É assim que as funções, é assim que podemos criar as funções adicionam. Podemos chamar a função, então podemos chamar uma função aqui. Ok? Não, apenas venha para o programa onde vamos criar. Funções pentameter como um adulto. E eu vou dizer-lhe que como você pode criar as funções pedômetros. Então, até agora, temos visto funções sem os pedômetros, como você pode ver em sua tela. Mas há uma facilidade para pausar parâmetros diferentes ao chamar funções. Estes pausar os pedômetros podem ser capturados dentro da função e quaisquer manipulações podem ser feitas nesses parâmetros de funções podem levar vários parâmetros separados pela vírgula. Como você pode ver aqui, esta é a minha primeira função. Agora aqui eu estou apenas filmando uma das, outra função bem aqui. E o nome da função aqui é vamos supor que isso é abc. Agora aqui você pode ver que eu estou apenas criando o nome desta função aqui. Desculpe, os parâmetros desta função aqui, mas eu vou escrever o número um e este é o número dois aqui. Ok? E aqui você pode ver que eu estou instituindo uma variável. E variável aqui é que eu estou apenas escrevendo um nome de variável, que é um total. E o total aqui é o número um mais o número dois. Então você entendeu isso. Agora aqui eu estou apenas escrevendo document.write e document.write aqui está imprimindo o resultado eo total aqui. Espero que você entenda isso, que como podemos criar esta noite de função aqui. Então esta é uma função que levará dois parâmetros, o número um e o número dois aqui e aqui você pode ver que estamos criando uma variável. Então, quando você está apenas criando uma variável, então isso é VR. E aqui você pode ver que este é o nome desta variável aqui, que é total. Então eu só escrevo o total que é igual ao número um e o número dois, eu estou adicionando dois números aqui. E depois disso, estou recebendo o resultado desta luz total aqui. Conhecimentos Veja, esta é apenas a nossa definição da definição funcional das funções ou como você pode declarar a função. Agora, você pode ver aqui, eu estou apenas escrevendo ABC, que é um nome de função. Aqui, eu estou apenas chamando a função pastosa, Eu estou apenas fornecendo o primeiro valor de parâmetro. Vamos supor que isso é em dez e então nós temos um número para valor aqui é 50. Então, o que é que isso vai imprimir? Imprimirá 60 aqui. Ok, e aqui você pode ver que isso é documento.write. E então aqui você pode ver aquele single e quebrar. E depois disso aqui, eu comecei ABC e ABC aqui está imprimindo o resultado como um dos valores menos. Vamos supor menos seis t. E então aqui eu apenas escrevo que este é um 100. Ok? E isso também é ponto e vírgula. Vá para o navegador, atualize isso. Então aqui você pode ver que, em primeiro lugar, na primeira etapa, isso resultará como as 60 páginas. Porque aqui você pode ver que o valor aqui é 50 mais dez, que é igual a 60. E então temos menos 60 e mais 100. Então o resultado aqui é, você pode ver que este é 40 porque menos 60 mais 100 aqui é quatro p. Agora, eu vou dizer-lhe o fluxo do programa. Em primeiro lugar, estamos criando um nome de função, que é ABC, em seguida, passando os dois parâmetros aqui com o nome do número um e número dois bem aqui. Ok, então aqui você pode ver que eu apenas recebo, eu apenas crio uma nova variável que é o nome do total. E então aqui vocês podem ver que eu estou chamando esses parâmetros bem aqui, que são o número um e o número dois bem aqui. E então aqui documentos ou documentos estão certos, e isso me mostrará esse resultado. Qualquer um dos números aqui, você pode ver que eu estou apenas chamando a função. Função onde eu apenas fornecer o PRI, os valores para este número um e número dois, que é 1050 e menos 1600. E aqui, isto é para um único embrião. Não confunda, está bem? Agora você pode ver que você também pode criar um nome de função, que você também pode criar uma função com um nome e sobrenome também. Então aqui você pode ver o nome certo do gelo. Então este é um exemplo da vida real. E aqui você pode ver que este é o último nome de sublinhado. Ajuda-te a conseguir isso. Aqui. Você pode ver que um nome de função aqui é que eu apenas escrevo nomes. Ok? Agora, como você pode ver aqui, eu estou transmitindo isso e depois destes aqui eu vou apenas escrever que este é o nome de sublinhado F, que é o meu primeiro nome como um parâmetro. Então eu só escrevo mais string vazia e, em seguida, eu greve mais, que é uma continuação aqui e que é o último nome sublinhado bem aqui. Ok, esta é apenas uma declaração de função e fornecendo o valor de saída. E agora aqui você pode ver isso está dentro dessa função e pontuação mais próxima. Ok? E desculpe por isso e ok, agora, tudo bem. Aqui você pode ver agora eu estou apenas chamando esta função. Então, como podem ver aqui, estou apenas escrevendo nomes. Nomes onde escrevo o nome aqui é Bob. Depois os olhos dela, certo? O último nome aqui é Ken. Ok? E então eu apenas fecha a chamada de função bem aqui. Então aqui estou eu chamando a função. E então aqui você pode ver que eu estou indo apenas para navegador e atualizar isso. Então aqui como você pode ver, que o nosso primeiro nome Harris Bob, e cabelo de segundo nome não pode bem aqui. Agora, se você está definindo o valor para essa função, desculpe, o pedômetro número um. E se você não estiver fornecendo o valor para o pedômetro número dois. Então, o que vai acontecer lá? Só C mais D, só estou escrevendo o valor. Vamos supor que este é Bob, e aqui você pode ver que eu não estou fornecendo nenhum dos outros valores para esse sobrenome. Reformule isso para que você possa ver aqui. Então, em primeiro lugar, estou apenas escrevendo uma única quebra de linha, document.write e single e break aqui. E você pode ver isso. E como você pode ver aqui, que irá imprimir em primeiro lugar o Bob e segundo valor é mostrado para mim, mostra para mim que é valor indefinido porque nós não definimos nenhum dos valores aqui. Então você entende que, como podemos usar a função, como podemos criar as funções, como podemos chamar as funções, como V pode adicionar os parâmetros à nossa função. É assim que as funções funcionam no script java. Espero que entenda todos os pontos aqui nesta palestra. Se você não entender nenhum dos pontos desta palestra, por favor me avise e obrigado por assistir esta palestra. 35. Expressões de função de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a expressão da função no JavaScript. Na medida em que você trabalha com a definição de uma função chamando uma função do que adicionar os parâmetros à função. Aqui nesta palestra, Vou dizer-lhe que como você pode criar um expressões funções. Assim, uma expressão de função é muito semelhante e mãos quase a mesma sintaxe que as declarações de funções. Você já estudou sobre a declaração de função na última palestra. Assim, a principal diferença entre uma função expressões e a declaração de função é o nome da função que pode ser omitido em uma função expressões para criar função anónima legado de acordo com o exemplo. E eu vou dizer-lhe que como podemos criar esta função como a função anônima aqui mesmo. Aqui você pode ver que eu estou apenas criando uma função na tag script, que é o nome de, Vamos supor que variável e variável aqui é alguma, ok? E que é igual a aqui. Você pode ver que eu estou apenas escrevendo isso como o nome da função. Então aqui eu estou apenas passando os parâmetros como o número um e este é o número dois aqui. Agora você obtém que uma diferença entre uma declaração de função e a expressão de função. Então aqui você pode criar uma variável que é uma soma. E então aqui você pode ver que esta é uma função. Ok? Agora, depois disso, o mesmo exemplo, tão valioso aqui é o total, que é igual a I. Basta escrever o número um mais o número dois. E isso vai usar uma declaração de retorno é o nosso total. Então isso irá retornar o valor desta variável total aqui. Ok? Agora aqui, depois deste gelo, documento direito escrever e document.write aqui é em primeiro lugar, eu apenas obter as somas onde eu apenas fornecer os valores para que pedômetros. Então vamos supor que este é cinco e este é 80 bem aqui. Então eu posso coordenar. E eu apenas concatenar a tag BR e fecha ou assim aqui, isso irá imprimir 85 como o valor da soma. Agora eu decido variável, variáveis aqui estão, você pode dizer que vamos supor alguns. E, em seguida, aqui que irá escrever somas, que é o meu, este nome de variável ou um nome de função. E então aqui você pode ver que este é 20 e, em seguida, fornecer outro valor que é 60. Então, agora aqui você pode ver que isso é certo. Document dot write, onde eu tive que escrever o valor desta soma também. Vá para o navegador e verifique a saída. Então, na primeira fase, você pode ver que isso é impressão 85 só porque fora. Só por causa de cinco mais 80, que é igual a 85. Ok? E então aqui você pode ver que este é 60 mais 20, que é igual a 80 bem aqui. Então é assim que você pode ver que uma expressão de função é trabalhar no JavaScript. Então nesta função, neste código, você pode ver que nós usamos, já usamos para criar uma função e todos nós já criamos uma chamada de função. Mas aqui você pode ver que, em primeiro lugar, estamos criando uma função, simplesmente fornecer os valores para ela. Então, para mim, basta fornecer a lógica e, em seguida, retornar este valor. E parece um caso como aqui, você pode ver isso e nós vamos chamar isso. Então aqui, como você pode ver que esta é apenas uma expressão de função bem aqui. Este, o nosso código aqui é função, desculpe, auto-estrada fez eu sou um pequeno erro bem aqui. Aqui você pode ver que esta é uma declaração constante. Desculpe, em nossa última palestra aqui você pode ver que esta é uma declaração de função. Ok? E aqui você pode ver que esta é uma expressão de função bem aqui. Então você começa isso, que como podemos usar uma declaração de função e uma expressão de função. Então isso também é chamado de declaração de função dentro dessas expressões de função, mas não confunda isso aqui. Há uma diferença simples entre isso. Portanto, não há necessidade de colocar um ponto-e-vírgula depois de fechar colchetes em declarações de função, mas expressões de função, por outro lado, você deve sempre eo código com um ponto-e-vírgula. Como você pode ver como aqui. Você pode ver uma vez que você declarar a expressão de funções, então você tem que fechar com um ponto-e-vírgula bem aqui. Espero que entenda agora. Então, se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 36. Âmbito de variável de Javascript: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre as variáveis de escopo no script Java. Antes de iniciar esta variável de escopo, só precisamos entender que quais são as variáveis de escopo e como as usamos? As variáveis são uma parte fundamental de muitas linguagens de programação e estão entre os primeiros e mais importantes conceitos para perceber trimestres para aprender. Há várias propriedades diferentes das variáveis no JavaScript, bem como as várias regras que devem ser seguidas ao nomeá-las. Em JavaScript, há três palavras-chave usando para declarar uma variável. O primeiro é variável, segundo é constante. E terceiro é deixar n. o, cada um efeito como codificar irá interpretar a variável de forma diferente. Nesta palestra, vou falar sobre isso, como você pode declarar as variáveis e como você pode usá-las. Como todos sabem que as variáveis que estão contendo ou usado parte do espaço de memória e que irá restaurar parte da memória é baseada no disco. Foram mantidos dois tipos de variáveis. primeiro é o global e o segundo é o local. As variáveis globais são aquelas variáveis, as declaradas fora do bloco de função. E as variáveis locais são as variáveis que são declaradas dentro do corpo da função. Vamos ver. Aqui temos a função que é um nome de ABC. Aqui você pode ver que este é o corpo da função e dentro deste corpo quando você está declarando a variável. Então isso significa que esta é uma variável local. Se você está declarando a variável fora do corpo da função e você está usando-os dentro da função. Então isso significa que esta é a variável global. Espero que você entenda agora, agora aqui você vai ver gelo tag script direita. E dentro desta tag script, aqui vou escrever uma função. Então função aqui é, vamos supor função ABC. Já trabalhamos na função. Aqui você pode ver que você está usando let como criar as variáveis que você está criando VR para criar as variáveis, você está criando a constante para criar a variável. Isso é com você. Então aqui você pode ver que eu tenho direito, essa variável. E aqui eu apenas escrevo que esta é uma variável local. E a variável local aqui é z igual a Harris, certo? Que esta é uma variável local. E eu vou fechar este código aqui. Como você pode ver, que aqui estamos criando uma variável dentro do corpo da função. Isso significa que esta é uma variável local. Agora aqui você pode ver que eu li esse documento e document.write onde eu tive que chamar variável diff, onde eu tentei lá, este é um local e esta é uma variável local mais tarde, ok? E a pontuação mais próxima aqui. Agora aqui, eu só chamo essa função. Atualize isso no navegador. Então aqui você pode ver que esta é uma variável local e isso está me mostrando a variável de saída que é declarada dentro de um corpo de função é variável local cartão. Agora você pode ver quando eu declaro uma variável, que é cabelo, olhos, certo? Var, e isso é global. E global Aqui é uma variável. V é igual a heterozigoto é variável global, e eu apenas fechá-lo. E aqui dentro desse corpo de função, eu simplesmente chamando esse nome de variável aqui, que é uma variável global. Ok? Aqui, eu apenas reformulo isso no navegador para que você possa ver que esta é a variável global aqui. Então, como você pode ver aqui, uma função que é usada fora, desculpe, uma variável que é usada fora do corpo da função. Este é carro variável global e variável que é usado dentro do corpo da função. Então isso é chamado de variável local. Uma variável local será sempre usada dentro da função, mas com a ajuda de variável global, você pode acessar esta variável dentro de muitos dos corpos de funções onde você pode ver que aqui a função é ABC. Vamos supor que você tem outra função que é x, y, z. Então você pode chamar esta variável global em qualquer lugar dentro do seu código. Então você entende agora. Então estes são, estes são o global ea preocupação era lidar localista em JavaScript, se você encontrar algum problema em relação a sua palestra, por favor me avise e obrigado por assistir esta palestra. 37. Cookies em JavaScript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre os cookies no JavaScript. Um cookie é um pequeno arquivo de texto que permite armazenar uma pequena quantidade de dados. São quase quatro kb ou algo mais do que isso. Assim, no computador do usuário, eles são normalmente usados para manter o controle de informações, como a preferência do usuário que o lado pode recuperar para personalizar a página quando o usuário assistente do site da próxima vez, como vamos ver aqui, quando você pesquisar qualquer site aqui, vamos supor que eu apenas escreva x, y, z , n. Então aqui você pode ver que este é x, y, z. nosso site quando eu acabei de fazer login para isso, desculpe, quando eu apenas comecei isso. Então aqui, nessa fase você pode ver aqui você vai encontrar uma opção Cookies. Então aqui você vai encontrar alguns dos bagunçados que você quer aceitar este cookie. Então clique em, ok, caso contrário cancele e você apenas clique em OK. Então, quando você vem para este site da próxima vez, então você é cookies serão salvos, salvos, quadril direito. Então os cookies são um antigo mecanismo de armazenamento do lado do cliente que foi originalmente projetado para uso pela linguagem de script do lado do servidor, como PHP, falhas do ASP.net, Jaguars Director Hall, nossos cookies também podem ser criados, acessados, e modificado diretamente usando Java escape, mas o processo é um pouco complicado e confuso. Como? Então, um navegador da web, nós apenas ir para o navegador web e o servidor, que está usando protocolos HTTP, que significa que o protocolo de transferência de hipertexto para se comunicar e HTTP é um protocolo sem estado, você sabe, mas para um site comercial, é necessário manter sessões sec informações entre as diferentes páginas. Por exemplo, um registro de usuário termina depois de concluir muitas páginas, mas como manter as informações da seção do usuário em todas as páginas da Web. Aqui, você pode ver que eu vou dizer-lhe que como este Cookies e thesauri, como os cookies funcionam. Assim, seus servidores enviam alguns dos dados para o navegador do visitante. Você pode ver como aqui, você tem algum tipo de opção de cookies. De modo que irá recolher alguns dos seus dados e enviar para o seu navegador a partir de um cookie. O navegador pode aceitar o cookie se ele fizer, ele, ele é armazenado como o registro de etiquetas de avião no visitante? Harddrive significa que o cookie é salvo em seu próprio coração, certo? Agora, quando o visitante um aumento em outra página, você está do seu lado. O fim do navegador. mesmo cookie para o servidor para recuperação. Uma vez que esta recuperação, nossos servidores sabem, lembre-se do que estava na loja, alienígena. Esperança. Então você entende agora que nossos vários Entenda que o que foi armazenar nesses cookies mais cedo? Assim, os cookies estão em dados de texto simples que é gravado para um campo de lentes de cinco variáveis. Primeiro, expira, depois temos o domínio, depois seguimos um caminho. E nós também temos o seguro e nomes e os valores que expiram é os dados do cookie irá expirar. Se isso estiver em branco, o cookie irá expirar quando o navegador de bens visitante, como, quando você sair do navegador aqui. Então cookie vai ser idéia expirar. O que é um domínio? Portanto, o nome de domínio do seu site é salvo. Seu cookie, assim é como www dot programa funky ou.com. Ok? Então isso vai salvar o seu cookie também. Quando você tem o caminho, o caminho para o diretório ou uma página web que disse o cookie. Isto pode estar em branco. Se você quiser recuperar o cookie de qualquer diretório da página, então você tem o seguro. Portanto, se este campo contém palavras seguras, então o cookie só pode ser recuperado com um servidor seguro, não com qualquer outra coisa. Então você tem que definir seus cookies nomeados que o nome do cookie será armazenado aqui. Como você pode instalar o cookie. Para esse propósito aqui, você precisa de um comando. Vamos supor que aqui esta é uma tag de script, e dentro disso, eu apenas escrevo esse documento. E documento ponto aqui você vai escrever cookies. Ajuda você a entender agora. Então aqui, primeiro os olhos dizem que você tem que definir a chave. Então aqui, o valor. Então esta é uma chave e o valor aqui, a chave de cookie aqui é o nome e o valor aqui é o mesmo. O valor. Nancy Miller caso como você tinha que definir a chave número dois e então você tem o valor de gravação número dois. Então, isso é com você. E o último que você tem, certo? Como se ela expirasse. Então expira aqui é u será definido simplesmente a data e adicionar o e você tem que terminar isso com um ponto-e-vírgula bem aqui. Então você entendeu isso. Agora, vamos ao exemplo de codificação disso. Então aqui você pode ver que eu tenho escrever uma função para funcionar aqui é gelo, certo? Esta função é cookies. Aqui está certo. Se o documento ponto aqui, vou criar um formulário. E olhos diretos daqui. E forma é o nome da firma. Somos um centro, certo? Ação. E a ação aqui é o link vazio. Aqui está o nome do estagiário direito. E então aqui vou escrever essa entrada. Entrada, que é um tipo de texto. E então aqui você vai escrever que o nome que é igual ao cabelo, Eu decidi supor que este é o seu nome. Agora aqui eu apenas criar um campo de entrada, que é um tipo de botão feito. Você tem que definir os valores. Somos olhos, certo? Isso define cookies. Ok? E aqui está direito no método clique. Então, isso é no método clique. E então aqui eu escrevo que isso são cookies também. Então este é o nome da nossa função, ou eu estou apenas ligando aqui. E então eu tenho que fechar meu código bem aqui. Agora aqui você pode ver que eu tenho Documento direito que é a forma. E então aqui eu vou escrever que o nome disso, você pode ver isso. E o nome aqui é o seu nome. Ok? Então eu só escrevo o nome aqui, que é o seu nome. E então aqui vou escrever o valor. Ok? Então seus olhos, certo, mais, e então acorde mais próximo e pontuação mais próxima aqui. Agora aqui vou escrever documento e documento ou cookie. E então aqui eu citei um cookie que é igual ao nome. E eu greve mais biscoito e, e valor biscoito. Ok? Agora aqui você pode ver que eu apenas removo isso dos valores, desculpe, remova este valor de formulário. E aqui eu decido o valor que é igual, igual a esta string vazia aqui. Agora, vamos verificar isso. E aqui dentro, eu tenho dois cartões isso e olhos de cabelo escolher mensagem de alerta onde eu apenas montar isso, inserir alguns valores para biscoitos. Então isso é apenas uma medida ampliada o que estou mostrando a vocês. E então isso retornará o valor aqui mesmo. Depois disso, você pode ver aqui que em primeiro lugar eu estou apenas escrevendo o valor do cookie do cão documento. E depois disso, então sim, ok. E aqui eu fecho com nossos colchetes encaracolados. E então aqui você pode ver que eu tenho que escrever que este é um cookie e cookie valor. Então você pode ver aqui, este é um valor de cookie como uma variável que é igual a aqui é certo, que eu apenas uso escape, que é document.write form. E então aqui eu tenho que escrever que você é nome sublinhado. E então aqui estou eu certo, que o valor aqui é mais e um ponto-e-vírgula e, em seguida, fechar a pontuação aqui. Agora aqui eu disse que este é documento e documento ponto escrever onde eu apenas definir os cookies. E, em seguida, aqui eu vou escrever que um nome que é igual a mais valor cookies para o valor cookie. E então eu fecho o placar bem aqui. Agora vamos verificar. Então eu só digo que cozido para definir os cookies no JavaScript é um pouco confuso aqui. E eu só, eu sei que você tem um pouco de confusão. Em primeiro lugar, eu apenas crio um formulário. Então formulário aqui é quando eu apenas executar este código. Então você pode ver aqui esta é a nossa forma bem aqui. Ok? Então aqui temos um campo de entrada, que é um texto. E o texto aqui é que você é um tipo de texto, aqui há textos e o nome aqui é nome de usuário. Então você pode ver aqui, ok, e este é o nome do estagiário bem aqui. Agora aqui você pode ver que eu apenas configurar botão, definir os valores aqui é, é um conjunto de cookies. E então aqui eu só usei este nome de função bem aqui. Eu só estou chamando este nome de função bem aqui. Então aqui você pode ver que eu apenas criar uma função que é um nome de cookie. Então aqui eu só uso declarações if. Então, se document.write forma ponto menos nome eo valor aqui é cadeia vazia apenas por causa de nós estamos dando o valor aqui. Então, isso irá coletar os valores daqui. Então, se isso é se o usuário irá inserir os valores, então aqui que irá mostrar mensagem de alerta que é valores de interceptação para um Cookies e que irá retornar o valor. Aqui você pode ver que eu apenas criar uma variável de valores de cookies. Então aqui eu só escrevo forma de ponto de documento escapado, DOD Heuer nomeado valor ponto aqui que possivelmente irá recolher o documento de. Formulário significa que irá recolher as informações do formulário, em seguida, que irá recolher o seu nome, e, em seguida, que irá definir os valores para os cookies. Aqui você pode ver que eu apenas tentei documento ou cookie, que é igual ao nome, nome do ponto. E então aqui eu simplesmente não posso obter nele este valor. E adicione o último cabelo que vamos colocar os biscoitos aqui. Agora, como você pode ver aqui no navegador que nós não tínhamos nenhum cookie salvo aqui. Gelo, certo? Funky, põe o biscoito. Então você pode ver aqui. Aqui você viu que não encontramos nenhum biscoito aqui. E agora você pode ver que aqui temos nosso pequeno erro onde nome é igual a e aqui está certo, que este é, vamos supor que qualquer nome como aqui eu comecei que este é o cliente. Ok? Você liga quando você está apenas quando um cliente vai visitar seu site. Então é o nome da Virgínia aqui. E isso também é na mudança do nome aqui porque o seu, ao contrário aqui você pode ver que você é o nome sublinhado não é tomado aqui com sinal de sublinhado. Aqui você pode ver os olhos deles, certo? Funky disse o biscoito e a cabeça. Você pode ver que você tem definindo um nome de cookie como o funky. E você pode ver aqui. Então, como você pode ver aqui, que nosso nome de cookie é salvo aqui com o nome de funky bem aqui. Espero que você entenda agora que como você pode criar o cookie e como você pode definir o cookie. Agora, eu só atualizo isso. Então, se o seu campo aqui está vazio, então, quando eu apenas clicar sobre este Set-Cookie, então aqui que vai me mostrar uma mensagem, mensagem de alerta que está em seu inserir algum valor para os cookies. Então é assim que podemos criar os cookies se você encontrar algum dos problemas que tivemos nesta palestra, por favor me avise e obrigado por assistir esta palestra. 38. Redireciono de páginas de Javascript: Pessoal, bem-vindos de volta a esta palestra. E nesta palestra vamos falar sobre o redirecionamento de página ou direções de doutorado no JavaScript. Você pode ter encontrado que uma situação em que você clica em um URL para chegar a uma página a. Mas internamente, você foi direcionado para a página do editor B. Isso aconteceu devido à página três direções. E esse conceito é diferente da atualização da página de script Java. Você está apenas atualizando a página. Existem algumas razões pelas quais você deseja redirecionar nosso usuário de uma página original para outra página. Você não era igual, não tinha como o nome do seu domínio e deseja redirecionar seus usuários para outro domínio. Este é o único caso. Você como um acúmulo de várias páginas com base em suas versões do navegador em seu nome, ou talvez com base em diferentes países. Você também pode usar esse console ou você também pode usar essa técnica para ganhar seu público também. Como aqui, isto é, isso é apenas para fins de publicidade, bem como para redirecionar sua página. Agora aqui vou dizer-lhe uma técnica simples que como você pode redirecionar sua página de um navegador para outro navegador. Aqui eu só tentei essa tag H1 e aqui eu apenas escrevo que esta é página a direção. Ok. E aqui você pode ver que é certo que um botão. E o botão aqui é onclick, ou aqui eu apenas criar um botão. Botão aqui é onclick. E então eu fecho botões bem aqui. Agora aqui você pode ver que eu tenho que criar uma função, e o nome da função aqui é ABC. E, em seguida, aqui vou escrever que a nossa localização, assim ponto localização Substituir está usando para as ações de radar de sua página. Então eu só quero ler nesta página ou este link para o meu site. E você vai ver aqui eu estou apenas dando o link que é SCTP barra invertida dupla e funky programmer.com. Ok, e aqui eu vou copiar e colar este nome da função. Então eu só estou chamando este nome de função bem aqui. Então botão aqui é Click Me para a direção re. Ok? Agora aqui você pode ver que eu verifiquei essa saída no navegador. E você pode ver quando eu apenas clicar neste botão. Então você pode ver aqui minha página é redirecionada para este site programador funky. Ok, sinto muito, este é um programa funky ou ponto UK. Agora, volte e atualize novamente. Aqui você pode ver quando eu apenas clicar sobre isso. Então isso vai ser movido para este site bem aqui. Espero que você entenda agora que como podemos redirecionar nosso site de um local para outro local. Então é assim que você pode redirecionar seu site. Então, como você pode ver aqui, eu apenas redirecionar este site vídeo um botão. Agora, vou dizer-lhe, em seguida, quando você está atualizando seu site ou quando você está apenas carregando seu site. Assim, seu site será automaticamente. Mudar para ou redirecionar automaticamente quem você é e outro site. Para esse efeito, você acabou de usar o método setTimeout definido. E aqui você pode ver que eu tenho que escrever uma das tags de script. E então eu escrevo aqui que isso é uma função. E a função aqui é supor XYZ ou função aqui é o direto. Ok? Então aqui você pode ver essa oferta, isso é certo, definir e definir o tempo limite. E o tempo limite aqui é pastoso. Estou apenas definindo um tempo Odette, localização e localização recarregar pontos. Ok? E recarregar aqui é verdade. Depois destes olhos, certo? Hama e T, e este é o T como meu pedômetro para o tempo limite. Agora aqui, eu só usei Nikon corpo da página. E aqui você pode ver que eu apenas removo essa função. E aqui você pode ver que eu tenho escrever que no método de carga e método de descarga aqui é gelo, certo? Que este é Java Script. E no método Senhor aqui é script Java. Nós somos, eu li esse artigo. Atualizar, e aqui você pode ver que aqui fora atualizar aqui é 500. Ok. E aqui você tem que ver que esta é apenas uma tag de parágrafo. E aqui eu disse que esta página é G direto em 5. Segundo. Está bem. Agora aqui eu apenas copiar e colar isso na tag de cabeçalho. E vamos apenas executar esta guia quando este núcleo. E você pode ver aqui, esta página é redirecionada em cinco segundos. Então é assim que você pode definir seu tempo para sua página web, para o redirecionamento aqui você pode ver que eu estou apenas redirecionando o site. Então, ponto da janela da visão, localização e localização aqui é igual à visão. Essa barra invertida nó de ponto duplo HTTP, onde eu disse que www dot programa funky ou dot uk. E eu só fecha o código aqui. Ok? E então aqui você pode ver que eu tive que escrever que isso é, vamos supor documento, documento.escrever. E aqui você vai ver que eu tenho direito, que você é página será redirecionado para a nossa página principal em cinco segundos. Ok. Aqui. Você pode ver que depois disso, eu tenho que definir o intervalo de tempo ou o tempo limite onde eu apenas escrevo isso aqui, redirecionar. E aqui, você pode, desculpe, este é o nosso redirecionamento, que é um nome de função. E aqui você pode ver que eu tenho bem ali redirecionamento aqui é 5 mil. Então 51000 significa que quando você está apenas escrevendo 1000 e isso significa que este é o seu 1 segundo bem aqui, ok. Aqui você pode ver a ascensão, remova esta página principal. Isso é só para sua compreensão. E agora eu só atualizo isso. Aqui você vai descobrir que nossa página será redirecionada para o programa funky ou site após cinco segundos automaticamente. Então, como você pode ver aqui, esta é uma página ler direções. É assim que nossos redirecionamentos de página funcionam. Espero que você entenda agora, se você encontrar algum do problema relacionado com esta palestra, por favor me avise e obrigado por assistir esta palestra. 39. Caixa de diálogo de confirmação de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre as lâmpadas de diálogo confirmam em JavaScript. Você já estudou sobre os cofres de diálogo, mensagens de alerta. A caixa de diálogo Confirmar significa que você tem as duas opções, que são OK e Cancelar. Uma caixa de diálogo confirmada é usada principalmente para o consentimento do usuário em quaisquer opções que exibem nossa caixa de diálogo com dois botões, que é OK e Cancelar se o usuário clicar em ok. Então, isso irá simplesmente prosseguir para a próxima guia ou confirmar, e que irá retornar o valor como um verdadeiro. E se o usuário clicar em cancelar, modo que confirmará o resultado como o falso. Vamos verificar a saída para isso. E aqui você pode ver que eu tenho escrever esta tag script, onde você pode ver aqui eu apenas criar uma função, função que é o nome do cabelo. Eu tentei isso. Diálogo. Confirme. Ok, e então aqui você pode ver a visão. Agora aqui estou apenas criando um formulário. E o formulário aqui é o campo de entrada de. Então este é o campo de entrada que é um tipo de e botão aqui é o valor de, valor de. Clique em mim. E então aqui você pode ver que eu apenas usei, eu apenas chamo este método, chamar esta função aqui, que é um nome de diálogo confirmar. Ok. E aqui você pode ver que eu tenho que fechar este nome de função bem aqui. Agora aqui insight que eu estou apenas usando dois valores, que é OK e Cancelar. E aqui eu apenas crio uma variável. A variável aqui é gelo, certo? Isso confirma e Sue e eu escrevemos como um nome variável e Harris, certo? Isso confirma como a palavra-chave. Aqui você pode ver que eu escrevo isso. Deseja continuar a página ou continuar qualquer coisa que tenha? Escreva esta mensagem aqui para confirmar. E aqui você pode ver os olhos deles, certo? Se, se CON, Que é igual, igual a verdadeiro. Então você tem que diluir a saída como documento dot write. E aqui você pode ver que hey, visão que os usuários querem continuar a página ou o processo, qualquer coisa. Está bem? Agora aqui, visão que, que irá retornar o valor. S, o verdadeiro aqui. Depois disto, mudei-me para a outra condição. E como o cabelo é gelo, certo, que isso é documento.escrever. E aqui você pode ver que eu tive que escrever que este é o usuário e o usuário não quer continuar a página. Está bem? E, em seguida, eu percorrer pontuação aqui mesmo. Agora aqui você pode ver seus olhos para virar como o valor falso. Está bem? E este é o falso valor. Espero que você começa que aqui você pode ver visão parágrafo Tang e eu apenas escrever que esta é confirmar caixa de diálogo. Acabei de verificar esta saída no navegador. E aqui você pode ver que este é um botão que é mostrado para mim, e eu apenas chamar este nome de função para o método botão onClick aqui você pode ver que em primeiro lugar, estamos criando as variáveis. Então aqui eu estou apenas criando um limite variável se foi. E aqui eu só escrevo a mensagem de confirmação, que é que você quer continuar? Confirmar tem uma palavra-chave. Então aqui você pode ver que eu começo se declaração e se esta variável, que é igual, igual a true, então isso significa que isso é que você quer continuar. Isto significa que esta é uma codificação para o botão OK. E este código, isto é de acordo com o botão de cancelamento bem aqui. Agora aqui quando é clique em Click Me. Então aqui você pode ver mensagem de conformidade é mostrada para nós, que é esta página diz que você deseja continuar se você clicar em ok, então aqui estão a mensagem mostra a você que os usuários querem continuar a página. E se eu apenas clicar em cancelar aqui, então os usuários não querem continuar esta página. Então é assim que confirmar caixa de diálogo funciona Hindi JavaScript. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 40. Javascript vazio de javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a palavra-chave void no JavaScript. E eu vou dizer-lhe que como esta palavra-chave void em JavaScript e como nós usá-los. Void não é importante palavra-chave em JavaScript, que pode ser usado como um operador unitário que aparecem antes de seus operandos únicos, que podem ser de qualquer tipo. Este operando especifica uma expressão para ser nosso não ponderado sem retornar um valor. Palavras-chave brancas em JavaScript que doa que um método não tem um tipo de retorno. No entanto, mesmo através de um método construtor nunca pode ter um tipo de retorno e não inferno, evitar palavras-chave em sua declaração. Vamos apenas voltar para o exemplo de codificação desta palavra-chave ampla e eu vou dizer-lhe que como você pode trabalhar com ela. Aqui. Eu só uso o vazio. Então, como eu acabei de dizer que o fio é uma palavra-chave e aqui eu apenas escrevo uma função. Ou por que você pode dizer que uma função, ou você tem que escrever qualquer um do nome com este vazio como a palavra-chave. Ok? Aqui você pode ver que eu acabei de criar uma palavra-chave void. Então aqui você tem escrever que vamos supor que este é script Java e, em seguida, este é um dos , um dos, outro exemplo com uma função void bem, ok? Ou você tem que declarar uma palavra chave ampla como a palavra, e então você terá que escrever, vamos supor que uma função e esta é uma das maneiras que você tem que escrever esta ampla palavra-chave e adicionar o último veículo como Java é CREB. Isto é tudo o que estou a escrever aqui. Você pode escrever qualquer coisa aqui. Então eu só escrevo esta coluna e então aqui eu escrevo largo e então eu comecei a função e depois fecha. Estes são alguns dos métodos que você tem. Escreva um vazio como a palavra-chave. Agora aqui eu vou desenhar um exemplo simples para vocês para sua melhor compreensão de que como podemos trabalhar com uma palavra-chave void em um Java Script e como podemos usar isso em exemplos da vida real para vocês. Ok, vamos apenas voltar para o exemplo de palavra-chave while. E aqui eu apenas criar um dos links aqui mais d. Eu estou apenas alimentando uma mensagem aqui ou a tag de parágrafo, que é tag P. E aqui eu comecei que esta é uma palavra-chave anulada. Agora aqui você pode ver que eu tenho que escrever um que é âncora tag para link. Aqui eu escrevo que este é JavaScript, e eu escrevo este sinal de coluna aqui, em seguida, anular como uma palavra-chave. E então eu decido que este é documento e documento.write, onde eu tenho que escrever esse vazio alto. E então aqui você pode ver que eu tenho o local certo também. E depois disso, você pode ver aqui há acorde mais próximo onde eu bem ali está. E aqui eu tenho dois pontos mais próximos. E aqui eu comecei que este é Click Me OK. E aqui eu passo petições únicas marca. E parece que o caso é aqui. E você pode ver quando eu apenas verificar isso como a saída. Então você pode ver aqui meus aposentos bem aqui. Agora, eu apenas virei para um dos, outro exemplo e vamos mostrar-lhe completamente compreensão da palavra-chave branca. Então vamos apenas remover isso. E aqui eu vou voltar para o exemplo deste fio como uma palavra-chave bem aqui. Nós estamos, é certo que uma firma. E aqui estou eu apenas criando um formulário. E o formulário aqui é o nome do formulário número um. Ok? Então aqui eu ataco um HREF, que é uma âncora Tang e referência. E aqui eu citei este é script Java e o JavaScript aqui é que eu tenho escrever que evite palavra-chave e palavra-chave com fio mostrará mensagem de alerta onde eu tinha direito, que você clicou neste hiperlink para mostrar a mensagem. Ok? E então aqui você pode ver que eu tenho que fechar este núcleo. E aqui eu escrevo isso. Clique em mim aqui. Ok, agora você pode ver aqui eu só uso palavra-chave void e atualizo isso. E quando eu apenas clicar sobre isso, para que você possa ver aqui eu aviso mensagens, mostra-me que você clica neste link. Ok, é assim que você pode trabalhar com uma palavra-chave ampla no JavaScript. Mais uma vez, vou dizer-lhe que uma palavra-chave ampla script java é usado em uma segunda natureza função para indicar que as funções não retorna qualquer valor. Basicamente em script java, é n operadores unitários que será aparece antes dele único operando. E este operador definiu uma expressão que será elevada sem retornar um valor. A palavra-chave Void é usada em uma assinatura de função para indicar que as funções não retorna qualquer valor, ok? E ele vai tomar uma expressão de qualquer tipo como seu operando e o valor definir o cabeado. Isso só significa que void significa que o que não tem valor de retorno, o que significa que este é um valor de 0. Funções que realmente determina nulo e funcionam maravilhosamente cancelando o carregamento da página. Espero que você entenda agora, se não estiver, por favor me avise e obrigado por assistir a esta palestra. 41. Impressão de páginas de Javascript: Pessoal, bem-vindos de volta a esta palestra. E nesta palestra vamos falar sobre isso, como você pode imprimir sua página no script java. Muitas vezes você gostaria de colocar um botão em sua página da Web para imprimir o conteúdo que a página web através de um pintor real. Javascripts ajudam você a implementar essa funcionalidade usando a função de impressão da janela. Como muitas vezes, você percebe que se você usar o seu sistema LMS ou se você usar o seu sistema de gestão escolar ou você tem usar qualquer tipo de sistema como uma pausa. Há uma opção disponível para impressão como aqui é o sistema de microônibus escolar. Existe uma opção disponível para imprimir os relatórios. LMS sistema de gerenciamento, você também tem que imprimir os relatórios também. No sistema de gerenciamento de pausa, você tem que imprimir os preceitos. Então, tudo em todos esses sistemas, há um uso de funções cerebrais ou uma matéria impressa. Vamos apenas falar sobre este método de impressão e você verá que como podemos trabalhar com ele. Aqui. Você pode ver que eu estou apenas criando em primeiro lugar, nosso botão para imprimir algumas das saídas ou algumas das páginas. Aqui. Eu só uso o método OnClick. Está bem? E então aqui eu vou fechar isso e aqui está Rider fenda para imprimir a página ou qualquer coisa. Ok, então eu só clique com o botão direito para imprimir. Aqui. Estou apenas criando uma tag de script. Onde dentro desta tag script eu estou apenas criando uma função aqui onde você pode ver que eu escrever função, que é função de exibição. E, em seguida, aqui eu apenas uso método de impressão de ponto janela. E eu só fecho este código aqui. Como você pode ver, a função JavaScript, que é a janela dot print, é a atual, está imprimindo a página atual quando você tem que executar. Como você pode ver que aqui eu apenas usar este método de exibição e eu estou apenas chamando este método ou uma função dentro deste botão. E vamos verificar a saída agora para o navegador. E você pode ver que aqui nós tínhamos uma opção de impressão bem aqui quando eu apenas clicar neste botão de impressão. Então você pode ver que esta tela inteira está apresentando para nós como aqui. Você pode ver que eu apenas escrevo isso como um tanque. Esta é a página de impressão. Agora, depois disso, eu tenho que escrever uma tag de parágrafo. Vr, vou imprimir esta página. Agora, refresque isto. E você pode ver aqui nós temos esse tipo de bagunça aqui ou qualquer página aqui, quando eu apenas clicar neste botão. Então você pode ver aqui que esta mensagem é mostrada para nós. Assim, você pode definir mais dessas configurações de impressão a partir daqui. Então, isso é com você. Então, como você pode ver, é assim que podemos imprimir toda a nossa página no JavaScript. Espero entender agora, se não, por favor me avise e obrigado por assistir a esta palestra. 42. Qual o modelo de objeto de documento: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o modelo de objeto de documento em JavaScript. O modelo de objeto de documento DOM é uma interface que representa como você é como documentos HTML e XML são invadidos pelo navegador. Ele permite que uma linguagem JavaScript, para manipular sua estrutura e não esconder seu site. Depois que o navegador lê seu documento HTML, ele cria uma árvore representacional, que é chamada Modelo de Objeto de Documento e define como árvore pode ser excesso. Aprenderemos sobre essa árvore literária nesta palestra. O modelo de objeto de documento é uma interface de programação para documentos HTML e XML que representam a página. Então esse programa pode mudar. O documento é estruturado, é estilo e conteúdo. O modelo de objeto de documento representa o documento como o nó e os objetos. É por isso que uma linguagem de programação pode entrar em contato com a página. Uma página Web é um documento. Esse documento pode ser exibido em uma janela do navegador ou na fonte HTML. Mas é o mesmo documento. Em ambos os casos. A cúpula representa o mesmo documento para que possa ser manipulada. O documento é uma representação orientada a objetos da página da Web, que pode ser modificado com linguagem de script, como script Java. Como você pode ver aqui na sua tela, que esta é a nossa árvore representacional. E aqui você pode ver que como ele pode criar pelo navegador. Em primeiro lugar, você pode ver aqui que esta é a nossa janela raiz. Ok. Então, qual é o objeto da janela aqui? Esta é uma herarquia superior e é o elemento quase da hierarquia de objetos bem aqui. Então, como você pode ver aqui, que V, como alguns tipos de elementos aqui, onde você pode encontrar os elementos são HTML e XML. Então estes são os elementos tipo bem aqui, que é transformado em elementos do navegador ajuda você a obter isso. Então isto é, você pode ver aqui a hierarquia de janelas. Então temos os objetos de documento que você pode ver aqui. Então estes são os objetos de documentos. E cada borda humor documentos HTML que são carregados em uma janela se tornam um documento objeto. Então você pode ver que um corpo de forma, então tudo está incluído no formulário, que é o tipo das tags. Ok, então aqui você pode ver que nós temos a etiqueta do corpo bem aqui. E aqui também temos elementos aqui. Ok? Então, como uma hierarquia, você pode ver aqui que primeiro adicionar o estágio de rota. Temos janelas onde falamos sobre os quadros, depois falamos sobre as janelas dos pais, depois falamos sobre os auto-construtores, e depois falamos sobre o preenchimento superior. Então, isso será vinculado locais, documento e histórico. Ok. Então agora aqui você pode ver que depois deste v, como documentos e dentro deste documento v, como alguns tipos de documentos objetos estão ligados. Então documentos objetos inferno, alguns tipos de links, tags, alguns tipos de tanques de forma, e alguns tipos de tags âncora, etc Então aqui você pode ver que dentro deste link v, como alguns tipos de outras hierarquias que estão lá. Suponha uma tag de formulário, tag de cabeça, título de tag body, tags DIV de tag H1 e portfólios de tag de cabeçalho e tags P. Onde estão suas etiquetas de parágrafo? E vocês podem ver aqui, estes são todos os atributos que são a herança desses todos os elementos aqui. Então você entendeu isso. Então estes são todos carros, objetos âncora, que são tags HREF, links para objetos, objetos de forma e adicionar por último você pode ver aqui que são os elementos de controle de formulário, que é vir como botões de rádio, botões, e verificar caixas, etc As vantagens do DOM é o DOM está manipulando como ela pelo DOM manipulando você como infinitas possibilidades e você pode criar os aplicativos que um pouco os dados da página sem precisar de uma atualização. E também você pode criar os aplicativos que personalizáveis pelo usuário e, em seguida, alterar o layout da página sem uma atualização e você pode arrastar, mover e excluir o elemento. A questão aqui é, como o DOM é criado? O não contém um grupo de nós em que cada nó representa um elemento HTML. Como elemento HTML é apenas uma tag HTML. Ok, então esta etiqueta sempre vem no topo. Você pode ver aqui, isso é sempre vir no topo direito aqui, que é cartão, que está ligado ao nó raiz. E o resto do Norte vem sob as dicas, que é chamado de nó filho. Então este é o nó filho para este nó HTML. Então você pode ver aqui, este é o nó filho e este é, você pode ver que um nó folha se você estudou sobre a lista vinculada na estrutura de dados. Então você entenderá melhor o nó raiz, o nó folha e os nós filhos. Espero que sim, você vai ter isso. Então acabe em JavaScript. O DOM é na verdade uma classe que é microfone. É muito fácil definir cada elemento presente dentro da nossa página web e para que ele possa ser modificado mais tarde. Este é o cartão, não. Então, como você pode ver aqui, que por isso é chamado de modelo de objeto, os documentos são modelados usando objetos e o modal inclui não apenas a estrutura do documento, mas também o comportamento dos documentos e o objeto do qual é composto por elementos de tag como com atributos em HTML. Então aqui você pode ver que eu estou apenas dizendo a vocês uma hierarquia desses modelos DOM. Vamos supor em primeiro lugar v, como a tag HTML. Então temos a tag de cabeçalho, então vamos supor o nosso título. Então, melhor entender isso, você pode ver aqui em primeiro lugar, nós seguramos a tag HTML. Então aqui temos a etiqueta de cabeçalho. Então, depois deste V Como o título. E então você pode ver que temos o corpo onde você pode encontrar as tags S1 Pang e parágrafo. Então é assim que as cúpulas funcionam. Vamos para o navegador. Então aqui você pode ver que existem alguns dos modelos que estão usando, ou alguns dos métodos de documentos objeto que estão usando nesta cúpula. Em primeiro lugar v, como método de cadeia direita, cadeia direita é dada uma string sobre os documentos apenas. Então você tem que usar getElementByID. Então é retornado o elemento tendo o jogo um valor id. Então temos o elemento get pelo nome para que vamos retornar os elementos que têm os valores nomes Gaiman. Então temos o GetElementsBytagName VC. Vire todos os elementos, tendo o nome da tag gamer, e adicionar o último v. Como obter elemento pela cláusula, que retornam todos os elementos que têm o nome da classe Gaiman. Uma outra coisa importante, Eu quero incluí-lo aqui mesmo que um inferno cúpulas, três níveis ou o DOM, como quatro níveis? Três como o índice sábio e quatro como o, você pode dizer que um número sábio, porque ele não está começando a partir do nível 0, onde você tem que fornecer o conjunto de nível baixo de interface, então nós temos o nível uma maneira ou o DOM nível. Quando podemos descrever as duas partes, que é um núcleo de funcionalidades e o HTML. As funcionalidades principais fornecerão a interface de baixo nível que pode ser usada para representar qualquer estrutura, documentos e o HTML fornecer a interface de alto nível. Em seguida, temos o nível para o qual consiste em seis especificação, que é núcleo dois pontos de vista ainda envia telha. Então núcleo para estender a funcionalidade das pragas IS principais exigidas pelo DOM nível um. Em seguida, temos os pontos de vista que são programas para cruzar e manipular dinamicamente o conteúdo dos documentos. Então temos os eventos. Então eventos RS clipe que é executado pelos documentos quando o usuário reagir, reage à página da web. Então nós como este laços que permite que os programas para acessar dinamicamente e manipular o conteúdo desta folha de mosaico. Depois disso, temos o triângulo solo e alcance. Então transversal permitido permitir que o programa para atravessar dinamicamente os documentos. O intervalo permite que os programas identifiquem dinamicamente um intervalo de conteúdo nos documentos. Então chegamos às teorias de nível da cúpula. Então nível três consiste em cinco especificação diferença que é núcleo três, documento e documentos e salvar validações, eventos e XPath Viet núcleo documento três estende a funcionalidade do núcleo é especificado pelas cúpulas ferramenta inferior. Em seguida, tivemos as cargas e o CVS que permitem que o programa para carregar dinamicamente o conteúdo de documentos XML no documento dormitórios do objeto DOM e salvou os documentos DOM nos documentos XML por suas civilizações. Então temos as validações, evento e exportação. Então bem edição, como você sabe, permitir que o programa para atualizar dinamicamente o conteúdo e a estrutura do programa ou documento, garantindo que os documentos retornem válido. Então temos os eventos que estendem a funcionalidade dos eventos especificados pelo DOM nível dois. E X bar é a linguagem POD que pode ser usada para acessar a árvore DOM. Então é assim que nesta palestra aprendemos sobre o DOM em JavaScript. Espero que você entenda como seu conceito é muito mais claro sobre o DOM. Se você não entender nada do ponto aqui, por favor me avise e obrigado por assistir a esta palestra. 43. Métodos de HTML de DOMs de Javascript: Pessoal, bem-vindos de volta a esta palestra. E nesta palestra vamos falar sobre os elementos HTML DOM. O DOM é um muitas vezes se refere como a árvore DOM e dívida é consistir de uma árvore de objetos, como nós de cartão. Nesta palestra, vamos falar sobre o método de cúpulas HTML e que é essencial para trabalhar com o nosso JavaScript e o DOM. E vamos aprender sobre a árvore DOM também. Assim, entender o HTML e a terminologia JavaScript é essencial para entender como trabalhar com o DOM. Em primeiro lugar, aqui você pode ver que eu tenho um documento HTML. Em seguida, temos a tag HTML, tag cabeçalho, título, cabeça e corpo. Dentro do corpo, estou apenas criando uma das etiquetas H1 e aqui eu escrevo isso. Oi, isso é “não”. Está bem. Agora aqui você pode ver. Então aqui nós ligamos alguns dos elementos dormitórios bem aqui. Nós somos em primeiro lugar v, como os documentos raiz, ok, então nós temos o elemento raiz, que é o elemento HTML bem aqui. Então nós como os elementos da criança, ok, que é a cabeça e a etiqueta do corpo bem aqui. E depois temos os irmãos da ICA. Então, como você pode ver que este é apenas um irmão como assim como você pode ver nesta fase, nós como o nó pai, então temos o primeiro nó filho. E aqui nós, inferno, vamos supor que um irmão espera que você entenda tudo que como isso não funciona tem um HTML. Se vemos marca âncora aqui, vamos supor N Karachi REF, e aqui eu apenas montar no funky programmer.com e, em seguida, núcleo mais próximo. Então, isto é aqui. Como você pode ver, é em primeiro lugar como a tag âncora entreter idiomas que tinha. Então aqui que está ligado ao atributo h, r, e, f. Então aqui eu estou apenas vinculando essa tag a um programmer.com funky, que é o valor do atributo. E aqui você pode ver que se você quiser dar nosso texto aqui, vamos supor funky para gramática. Então este é o cartão, este é o texto inicial. Então, como você pode ver que tudo entre a abertura e as tags de fechamento combinados fazendo todo o elemento HTML aqui. Então, este é o cartão. Isto é, como você pode ver, como isso todos os módulos estão ligados uns com os outros. Então este é guarda HTML DOM, Como vemos cúpula como uma árvore e o nível de nós. Então aqui você pode ver que v, como os elementos, nós, nó de texto e o comando norte. Aqui temos os elementos, aqui temos um nó de texto, e aqui temos o nó de comando. Então estes são todos links que e-tailer quando um elementos HTML é n itens do DOM e é referido a um nó elemento. Qualquer tempo. Textos fora dos elementos é o nosso nó de texto e HTML, comentários. Desculpe, comentários são nossos comentários nem além desses três tipos de nós dos documentos em si e do nó de um documento, que é a raiz de todos os outros nós aqui. Então você entende agora que como podemos criar com nós e a árvore. Então eu só falo que este é o elemento nós. Então elemento aviso está começando a partir do corpo, então temos o modo de texto, que é o nosso texto que não faz parte dos elementos que você pode ver aqui. Ok, e então nós temos o comando commit para nó, que é o comentário HTML. Ok? Espero que você entenda agora. Então isso é o que estamos usando, os elementos HTML DOM. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 44. Acessando um elemento de DOM por TagName: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre como você pode acessar um elemento DOM pelo nome da tag. Um JavaScript pode encontrar o elemento no HTML com base no nome da tag e Z transformar um eddy da nota correspondente, que é um embutido em funções dos objetos de documento está disponível para este getElementByID, o nome da tag. Aqui, eu vou te contar sobre o Frosty nunca te falar sobre o nome da etiqueta. Então este é o nosso nome de tag que é GETE, ou eu apenas escrever esse documento ponto get elemento por tag name de. Então você começa que este é o nome da tag palavra, que como podemos obter o nosso elemento pelo nome da tag aqui eu apenas criar uma tag que é tag H1, e eu apenas escrevo que este é o nome da tag e VR indo para acessar isso. Ok, agora aqui você pode ver os olhos bem ali, document.getElementsBytagName onde eu tinha montar meu nome tag aqui, que é a tag H1. E então aqui eu só acesso a área do índice. Suponhamos que é adicionado ou alelo do índice 0. E aqui dentro que este é HTML interno ponto HTML interno. Se você medir isso ou se você quiser acessar esse número específico como ela, esta é a nossa etiqueta. Simplesmente deu. Esta é uma etiqueta aqui. E então você tem que fechar isso. Está bem? Agora eu só aceso no navegador. E você pode ver aqui que esta é a nossa etiqueta. Espero que você consiga isso, que como podemos acessar o elemento pelo nome da tag. E se você quiser remover isso daqui, você verá que isso nos mostrará toda a mensagem aqui. Então, como você pode ver que esta é a forma como podemos obter elemento pelo nome da tag. Você simplesmente escreve sua área de nome de tag do índice e simplesmente você tem que mover para a sua tag aqui. Espero que sim. Você entende que se você encontrar um novo problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 45. Acessando um elemento de DOM por ClassName: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre isso, como você pode acessar um elemento DOM pelo nome da classe. Javascript pode encontrar o elemento no HTML com base no atributo nome da classe dos elementos e retornar uma matriz de nós correspondentes. Este é o built-in funções que está disponível como get elemento pelo nome da classe para acessar esses elementos. Como você pode ver essa tag de script. E aqui dentro desta tag de script eu apenas escrevo esse documento. E ponto do documento obter elemento por nome da classe, como você pode ver aqui. E aqui, você tem que escrever seu class_name. Então isso é apenas incentivos do getElementsByClassName aqui, estou apenas criando uma classe. Vamos supor que esta é uma classe de etch, ou esta é uma classe de p tag. E aqui está a aula de escrita onde eu monto a classe, aqui está o Pará, e aqui eu escrevo um parágrafo como este é um parágrafo, ok? E do elemento DOM. Como você pode ver aqui, agora eu apenas volto para esta tag, e aqui eu apenas escrevo o nome desta tag, que é, vamos supor um p, desculpe, o nome desta classe aqui que é um par. E então aqui você pode ver que eu tenho que obter o índice de uma matriz. E depois disso aqui eu apenas escrevo que este é HTML interno. E agora eu só então isso no navegador. Então você pode ver aqui que este é o parágrafo do elemento DOM. E você pode ver aqui se você quiser acessar algum do formulário de texto aqui. Então basta copiar este texto e colá-lo aqui. E isto está revigorado. Então você pode ver aqui o nosso elemento por class_name está trabalhando e podemos acessar esses todos os elementos pelo nome da classe de então você começa isso. Então, se você encontrar qualquer outro problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 46. Propriedade de estilo Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a propriedade de estilo em DOM. Então, podemos usar esta propriedade redefinir ou editar o existente é propriedade mosaico da tag HTML. Como legado? Aqui você pode ver que eu apenas criar uma tag aqui. Vamos supor que esta é uma tag de parágrafo onde eu acabei de dizer que o ID e ID aqui é que suponha ABC. E então aqui eu apenas escrevo que este é Java é anseado, é propriedade de azulejos. Agora, depois disso, estou apenas criando uma tag de script. E dentro desta tag script aqui, método está usando assim que é um documento e document.write getElementByID. E aqui eu apenas disse, certo, o ID que é a, b, c. Então este é um nome deste id que é um parágrafo id oito aqui. E então aqui eu só escrevo que ponto é azulado. E ponto de azulejos aqui. Eu só mudei a cor deste texto, que é igual a, Eu apenas escrevo que este é azul. Ok, e agora aqui eu só coloquei isso no navegador. Então você pode ver aqui meu este texto é mudado para o azul. Então você também pode mudar tão apertado do formado. Você também pode alterar o tamanho do formulário. Então é assim que as propriedades ladrilhadas funcionam no DOM. Se você encontrar algum problema relacionado com esta palestra, por favor me avise e obrigado por assistir esta palestra. 47. Elementos de HTML por CSS: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o elemento HTML por um seletor CSS. E se você quiser encontrar todos os elementos HTML que Maja é especificado seletor CSS. Então você tem o ID correto, nome da classe, tipos, atributos, valores da extração de atributos. Então você tem que usar um dos meteoritos aqui, que é gelo bem na tag I, onde você pode ver que esta mensagem aqui é Curie. E Curie, que é Seletor. E então esta é a questão onde você está que está usando para um elemento de seleção por um seletor CSS. Agora estou executando um programa e vamos mostrar como podemos usar isso. Aqui. Eu só escrevo tag H1, onde eu apenas escrevo isso, você pode encontrar o seletor HTML Curie. Está bem? E isso é HTML. Agora aqui, depois disso, eu decido que esta é uma tag de parágrafo. E a tag de parágrafo aqui é Hello. Como você está? Esta é apenas a nossa mensagem de saudação. E então aqui estou eu apenas criando uma tag de parágrafo. Nós ou eu só disse que a classe eo nome da classe aqui é introdução dedução. Ok, então aqui está decidir que este é, este é DOM e DOM seletores CSS. Agora aqui estou eu apenas copiar e colar isso também. E aqui eu apenas escrevo que este é o seletor CSS DOM com script java. Ok, agora aqui eu só escrevo uma etiqueta de parágrafo. Tag de parágrafo aqui, que é igual a, eu digo ID e ID aqui é, vamos supor que nosso ID de demonstração. E agora aqui vamos passar para a tag de script. Então este é pequeno p. Aqui você pode ver que eu apenas criar uma variável x que é igual a Harris, certo? Que este é um documento ponto QD. Então aqui você pode ver que este é um seletor cutie all comando onde eu apenas selecionar P ponto introdução dedução, como você pode ver aqui. Então p aqui é o meu nome de etiqueta, e então este é o nosso nome de classe ou barragem apenas acessando bem aqui. Agora eu apenas escrevo que o documento ponto aqui, eu apenas escrevo getElementByID onde o nome do id aqui está. Você pode ver que isso é ID, demonstração. E demo dot Harris escrever HTML interno que é igual a, I. Basta escrever isso. Este é o parágrafo onde class_name é igual a quatro e cláusula, que é igual a, I. Basta escrever essa introdução. Está bem? E então aqui eu apenas escrevo que esta é uma concatenação de X, que é o índice 0. E aqui eu passo que o parágrafo que também está acessando aquele indexado, que é 0 bem aqui. Está bem? Agora aqui você pode ver que esta é uma classe que é X. Pode continuação da classe que é x aqui. E desculpe por isso aqui nós temos que escrever aspas simples. Está bem? Agora aqui você pode ver que ponto HTML interno novamente. E então aqui eu fechei esse código. Está bem? Como podem ver, nossa tag de script está fechada aqui. E vamos executar este código. E você pode ver aqui. Então, em primeiro lugar, você pode ver aqui que temos uma tag de cabeçalho, que é, você pode encontrar o seletor HTML QT. Então aqui você pode encontrar um “olá”. Como você está, que é a nossa etiqueta de parágrafo. Então aqui o nosso ClassName, que é a nossa introdução. E onde eu decidi que este é um seletor CSS DOM e este é um seletor DOM com JavaScript, Estas são as duas classes nome aqui. E aqui você pode ver que com esta tag vazia eu estou apenas criando ou eu estou apenas mostrando esta mensagem para vocês nesta tag de parágrafo. Espero que você vai ter que net como podemos usar QT selector all método de comando que, que está usando para selecionar todos os elementos HTML que correspondem com o nosso seletor CSS especificado. Observe que o comando QT selector all não funciona no Internet Explorer oito e na versão anterior, porque esta é uma nova versão do HTML. Espero que você chegar lá que como podemos usar o seletor QT. Então, se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 48. Método de gravação aberta: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o método correto do DOM. Os métodos corretos DOM, direita, expressões html SG ou código de script java para documento. O direito importado é usado principalmente para testes de lista. Se ele é usado depois de um documento HTML é totalmente carregado, ele irá excluir todo o HTML existente e que irá nos mostrar a saída. Vamos ver como podemos trabalhar com esta cúpula como HTML, método certo. Aqui, você pode ver isso dentro de Tang Ice, certo? Que este é um ponto de documento. Aqui. Vou escrever este método de gravação. Já trabalhamos com este método cúpula na maior parte das palestras. A maioria das palestras. E aqui você pode ver que eu tenho que escrever aquele “olá mundo”. Ok. Aqui você pode ver. Então este é o método de gravação de ponto de documento cartão, o que já estudamos. Portanto, note que quando este método não é usado para testes, ele é frequentemente usado para escrever algo texto para tomar uma saída é equipe aberta pelo documento ou assunto aberto também. Então, aqui você pode ver que eu vou mostrar-lhe um dos exemplos no método de abertura de ponto documento. Então este documento ponto método aberto abrirá o seu Laika. Como abrir a saída é equipe para coletar a saída de qualquer documento ou tentou cinco. Como você pode ver isso aqui, eu estou apenas criando, vamos supor uma função. Então esta é uma função bem aqui. O nome da função aqui é ABC. E aqui dentro do corpo desta função, estou apenas escrevendo este método aberto documentado. E você pode ver agora aqui eu sou apenas copiar e colar isso de acordo com esta função. E aqui você pode ver o seu documento ponto fechar método. Então método aberto está usando força de abertura deste tipo de texto. E fechar método está usando foreclose o texto. Aqui. Você pode ver que eu estou apenas criando um botão que está em safras clique, clique neste botão. Aqui. Só estou escrevendo ABC, que é a função que está chamando aqui. E depois fecha, Harris, certo? Abra o texto. Então, quando eu apenas clicar neste botão, então este texto será mostrado para nós. Vamos apenas levar a saída para o navegador. E aqui você pode ver que este é o método certo DOM. E aqui eu só dirijo isso. Então, como você pode ver aqui, eu apenas clicar neste botão. Então, depois de clicar nisso, isso irá se mover para a nova janela, que é Olá palavra aqui, que é o nosso texto bem aqui. Então, como ele está dizendo que nós usamos aqui o método certo abrir e o método close. O método aberto é aberto e saída é equipe fez para coletar o superou qualquer método document.write ou document.write linha método. Uma vez que todas as gravações são realizadas, os métodos de documento ou prosa faz com que qualquer saída escrita para o vapor de saída seja exibida em casa. Então você entendeu isso. Se você não está entendendo nenhuma cerveja aqui, por favor me avise e obrigado por assistir esta palestra. 49. Usando o modelo de objeto de documento: Ei pessoal, bem-vindos a esta palestra. Nesta palestra vamos introduzir alguns exemplos de código para familiarizá-lo com o modelo de objeto do documento. Esses exemplos devem ajudá-lo a se tornar mais confortável usando o DOM. Para trabalhar com exemplos de código DOM, você precisa criar um arquivo HTML, como você pode ver na tela. Para criar um arquivo HTML como você pode ver em sua tela. Então aqui, vamos começar a trabalhar com ele. Aqui. Você pode ver que, em primeiro lugar, estou apenas criando uma tag de script. E aqui você pode ver que a maneira oficial de escrever isso é cribbed. Aqui você vai escrever o idioma e aqui eu apenas tentei linguagem. Aqui está JavaScript. Ok. Agora, depois disso aqui você pode ver lá que eu estou ferrando de função. E a função aqui é aberta e aberta janela bem aqui. Agora, dentro desta função, eu estou criando uma variável e variável aqui é eu apenas escrevo que esta é uma nova janela que é igual a Ys, certo? Aquela janela ponto i, apenas usando o método Open aqui. Então método aberto que já estudamos em nossa última palestra. E aqui você pode ver que eu tenho que escrever isso. Vamos supor v, como este DOM dot java é Dondo GPG, Emmys aqui mesmo. Então vamos acessar essa imagem neste método aberto. Agora aqui vou escrever que esta é uma nova janela como o nome aqui. E aqui você pode ver que eu tenho que escrever que isso é molhado e molhado, que é igual a S, certo? 450. E então aqui vou escrever a altura, altura, que é igual ao gelo, certo? 400. Ok? Agora aqui você pode ver isso dentro deste corpo, e eu apenas copiar esta tag script e aqui colado na seção de cabeçalho. Agora aqui dentro desta seção do corpo. Em primeiro lugar, você pode ver isso aqui se você quiser mudar a cor da cor do corpo. Então aqui você apenas escreve cor bg e você apenas seleciona o seletor de cores se você quiser selecionar preto, azul, branco, qualquer cor. Então eu seleciono aqui, que é, vamos supor que esta cor, ok, que é um quarto disso. Você pode ver aqui que irá mudar automaticamente sua cor aqui. Agora aqui, você pode ver que eu estou apenas criando uma tag âncora aqui, que é um HREF. E aqui você pode ver que eu tinha que escrever que este é Java Script e JavaScript aqui é dois pontos. E agora aqui eu estou apenas chamando este método janela aberta ou função aqui. E depois fecha o núcleo. Aqui eu apenas escrevo que este é o uso do modelo de objeto de documento. Ok, agora aqui você pode ver que eu apenas coloquei isso no navegador. E você pode ver aqui. Então aqui a cor de fundo é, como você pode ver, verde. E este é o uso do Document Object Model e ele basta clicar sobre isso. Então aqui um tamanho de 400 VET e desculpe, 450 molhado e 400 imagem de altura é aparecer para nós bem aqui. Você pode ver isso. Então aqui você pode ver que eu sou apenas primeiro criar uma variável, em seguida, nova janela que é igual a janelas portas abertas. Então aqui eu estou apenas usando o método Open quando aqui eu estou apenas escrevendo esta imagem e, em seguida, o nome desta imagem e molhado e altura. Então, como você pode ver aqui, a carne deste script é uma única linha, claro, que encontrada dentro da função de janela aberta. Os primeiros parâmetros pausar as funções é o que você deseja abrir. Assim, isso pode ser outro como documentos HTML ou uma imagem. O segundo parâmetro é pausa. Este nome das variáveis que vai representar esta nova janela. Como você pode ver aqui. Isso já está bem, no nosso caso. No nosso caso, essa é a nova janela. O último parâmetro é a altura e a largura da nova janela estão se abrindo. Este é script é bastante simples e fácil de usar e pode ser muito útil. Por exemplo, se você tem uma lista de produtos ou seu site, ou você não deseja desordenar os documentos HTML com todos os detalhes de cada produto. Você pode usar esses scripts para permitir que os usuários visualizem uma página com esses detalhes depois de clicar no nome dos produtos. Espero que você consiga isso. Como você pode ver aqui que você inferno, você não queria mostrar o MS2 ou alguns dos arquivos para o usuário. Você quer, você quer que os usuários para clicar neste link e, em seguida, que vai encontrar esta imagem depois de clicar neste link. Então você tem que usar esse script nessa fase. Então é assim que estamos usando o Document Object Model e exemplos muito simples. Mas eu só estou mostrando a vocês se vocês encontrarem algum problema em relação a esta palestra, por favor me avisem e obrigado por assistirem a esta palestra. 50. Adição de novos elementos ao DOs: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre isso, como você pode adicionar um novo elemento ao DOM. Você pode criar explicitamente um novo elemento em HTML DOM ou documentos HTML usando o método documento dot create element. Vamos ver como podemos manipular esse método em nosso código. Vamos ver aqui eu estou apenas escrevendo tag script. E dentro desta tag script, estou usando apenas a função. Então nome da função aqui é que eu apenas escrever que este é inserir elemento. E depois disso, eu tenho secado variável, que é um novo elemento. Ok? Aqui você pode ver que gelo, direita, que é igual a documento e documento ponto criar e criar elemento aqui, que é uma tag DIV. Então, quais são as etiquetas DIV? Ou criarei uma etiqueta DIV aqui na minha etiqueta de corpo. E eu só fecho esta etiqueta. Então aqui eu estou apenas criando um novo elemento DIV. Então esta é uma citação para um novo elemento DIV. Aqui, eu apenas fornecer um ID que é igual a, Eu vou apenas escrever que o nome ID aqui é a guia DIV principal ou eu quero dizer id. Aqui. Só estou criando uma etiqueta. Uma etiqueta H1 aqui é gelo, certo? Que este é o DOM. E eu apenas o IE para esta tag H1 que é ID é igual a este é o nosso intitulado. Então, como você sabe, este é o título. Chamamos isso de norma. E então aqui você pode ver que eu tenho ali mesmo a tag de parágrafo e a cabeça de tag de parágrafo é o ID de, Vamos supor que este é um par. E aqui eu apenas escrevo que este é um elemento DOM simples. Espero que entenda isso. Agora aqui você pode ver que eu tenho que criar uma variável. E variável aqui é um novo conteúdo. Então esta é apenas uma variável. Você pode definir seu próprio nome aqui. Então isso não é preocupação com isso. Então aqui, este é um novo elemento, novo elemento um. E esta é a minha variável aqui. Agora aqui você pode ver que eu tenho bem ali, este é o ponto do documento criar e criar. Aqui está o nó de texto. Por que eu estou chá criando o nó de texto aqui. Só por causa daqui, estou criando o elemento. Então eu só digo que primeiro nós como o nó raiz, então aqui temos o nó filho e depois este VL, um sub quiral. Então, para esse propósito, por que estou aqui? Eu estou apenas escrevendo o nó de texto, que está aqui é certo, Olá, VR adicionando novo elemento. Ok, então esta será a nossa mensagem quando estamos apenas pressionando algum tipo de veteranos são quando estamos apenas usando como quando estamos criando um novo elemento. Então esta mensagem será o nosso elemento. Agora aqui, depois disso, eu apenas crio um novo. Elemento número um ponto anexar método. Então aqui estou eu usando um assunto de criança por caneta aqui e aqui. Eu só faço uma pausa. Como se este fosse o nosso novo conteúdo. Então, deve haver uma confusão confusa para você aqui, é por isso que usamos um pedômetro e o que é um método de criança? Anexar métodos filho depende do nó como o último filho do nó. E você também pode usar esse método para mover elementos de um elemento fazer então. Então você entende isso, é por isso que usamos este método append child. Mais uma vez, estou apenas repetindo que append métodos filho adiciona um nó ao final da lista dos filhos do nó pai especificado. E se o filho dado é a nossa referência a um nó de criação nos documentos, anexar filho movido para anexar filho, que é movido para ele de uma posição atual para as próximas posições significa que isso é move o filho de uma posição para outra posição. Espero que você consiga isso. Agora, depois disso, eu estou apenas escrevendo uma das, outra variável aqui, que é atual DI nós tag ou o elemento atual. Este é o nosso novo elemento. Este é o nosso elemento atual é igual a Harris passeio, documento. E documento aqui é obter elemento por ID, e aqui vamos obter o ID da tag principal DIV. Ok, agora aqui eu digo tag do corpo do ponto do documento. E aqui eu pego o corpo da página e aqui eu acerto uma caneta. E uma caneta. Aqui está uma criança onde eu apenas criar surge, obter aqui um novo elemento número um. E, em seguida, vamos imprimir próximo elemento aqui, que é elemento atual. E então aqui eu fechei esse núcleo. Então você entendeu isso. Agora aqui eu só crio um botão. Então o botão aqui é o tipo de botão que eu tinha, certo? Este é o método OnClick. E isso é no método clique onde eu tive que escrever este elemento inserir aqui. Ok, então este é o elemento de inserção, o que eu estou chamando isso para o botão. Então Harris, certo? Insira seu elemento. Nosso código aqui está completo. Eu apenas executar isso no navegador e como você pode ver aqui, insira o seu elemento quando eu apenas clicar sobre isso. Então aqui você pode ver Olá, estamos adicionando um novo elemento aqui. Então você pode adicionar seu elemento clicando neste botão. Voltemos ao código. Então, aqui estamos criando uma tag DIV simples para criar esses todos os pinos aqui temos o título, parágrafo e botão. Então aqui eu estou apenas recebendo uma função que é um nome de elemento inserir. E aqui eu estou apenas criando um método de elemento criativo, ou eu estou definindo este método de criação de elemento aqui para criar um novo elemento para esta tag DIV. Sempre que carrego neste botão. Então esta mensagem é mostrada para mim, que é criar um próximo nó y. Eu estou apenas criando isso porque isso irá ligar um nó com outro. Ok, agora aqui estou eu usando um método de criança caneta. Então, como eu acabei de mostrar a você que acrescentar filho importa adiciona uma nota para o final da lista dos filhos do nó pai especificado. Então aqui é a variável de passeio que tem um elemento atual. Então aqui eu estou apenas recebendo o ID deste elemento principal para imprimir este valor. E depois disso aqui está bem encorpado ou confiável. E aqui eu estou apenas ligando este ou nó com um novo nó. Aqui significa que uma vez que este modo será aparecer como aqui, uma vez que este nó será exibido para você. Então isso vai ligar esse próximo nó mórbido. Espero que entenda isso. Se você descobrir que eu sabia o problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. Obrigado. 51. Construtor de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o construtor e a classe base JavaScript orientada a objetos de programação. Eu não estava focando na última palestra que quando estamos trabalhando com o objeto baseado, linguagem de programação orientada a objeto, como no script Java porque V não limpou nosso conceito construtor. Em primeiro lugar, ouvimos tocar nosso conceito de construtor, e então vamos passar para ele. Construtor. O método construtor é especial, é muito, você inicializa as propriedades. É cartão automaticamente quando uma classe é herdada. Como você pode ver aqui no construtor, um Java é pode, pode JavaScript método construtor é um tipo especial de método que é usado para inicializar e criar um objeto. Ele é chamado quando uma memória é alocada para um objeto. As duas definições aqui, está bem? Então, os pontos para lembrar que quando você está trabalhando com o construtor, então construtor é uma palavra-chave está usando para declarar um método construtor na classe. Conter um método construtor significa apenas que se você tiver uma classe de ABC, então isso significa que esta classe será contida apenas um construtor. Ok. E JavaScript nos permitem usar construtor de classe pai através das palavras-chave super. Então, não vamos mover para a palavra-chave super nesta palestra, estamos totalmente focados no construtor e a classe é conceito significa conceito orientado a objeto da classe em JavaScript. Vamos apenas executar nosso primeiro exemplo sem classes no Discord porque eu sou apenas vastamente, vastamente lhe deu um conhecimento sobre o objeto construtor em JavaScript. Aqui você pode ver que estou apenas criando uma tag de script. E dentro desta tag script, estou apenas escrevendo função. Então a função aqui é o humano ou uma pessoa. Então eu só escrevo o nome da função. Aqui está o humano onde nossos pedômetros, nosso primeiro nome, depois temos sobrenome. Então também estamos em idade? Ok, agora aqui você pode ver que este ponto, primeiro nome, desculpe. Em primeiro lugar, temos parâmetros como nome, sobrenome e idade. Ok, então aqui estou eu escrevendo as propriedades disso. É o primeiro nome e a primeira imagem é igual ao pedômetro primeiro. Então temos o femtómetro como o primeiro. Então temos que escrever este ponto Sobrenome, onde tivemos direito por último. Então, o último aqui é o nosso pedômetro. Então temos que escrever esta idade dos pontos, que é igual a Harris, certo? Ok, então estas são a função e as propriedades aqui. Agora aqui eu estou apenas recebendo o objeto para a pessoa onde eu acabei de morrer variável. E você pode ver que uma pessoa inferno, vamos supor um pai. Então Heaviside pai, que é igual a Harris, escrever novo humano. Então, como você pode ver que eu estou distribuindo. Objetivo a isso, que é quando você está apenas criando objetos. Então você tem a variável certa e então você tem escrever novo como uma palavra-chave, e então você tem o humano certo. Então, o humano está funcionando. Ok? Agora aqui eu acho que este é John. E então aqui eu escrevo que John e então o sobrenome é Bob. E então aqui a idade aqui é 50. Agora aqui você pode ver que nossa corte para este construtor está completa aqui. Então eu estou apenas criando o objeto para o nosso construtor aqui. E agora estou só a gerir este núcleo. E você pode ver que isso não está nos mostrando uma saída aqui. Só por causa daqui você pode ver que eu tenho direito, documento ponto. Você também tem que escrever get elemento por ID ou qualquer coisa. Então, se você tem o elemento get por ID aqui, então você tem que simplesmente escrever uma tag de parágrafo aqui. E então dentro desta tag parágrafo você tem que simplesmente escrever ID, que é igual a I. Basta escrever o ID aqui é um para qualquer coisa, ok. Você tem que escrever seu próprio nome aqui. Os olhos dela, certo? R. E então aqui você pode ver que eu tenho que escrever em nosso HTML e HTML interno, que é igual a IS certo, que meu pai é. E aqui você pode ver que eu tenho que escrever isso mais nenhum Harris escrever Pai, Pai está nosso pronto. Vamos dar um nome a ele. Só estou pegando objeto. E aqui, se você quer ter a idade do pai, tão simples, você leu oito aqui. Ok? Então aqui você pode ver que eu passo mais. E então aqui você pode ver que eu tenho o ponto certo. Então, não fique aqui só por acabar com a linha. Agora eu reformulo para que você possa ver aqui meu pai é gêmeo. Meu pai tem 50 anos. Se você quer obter o nome do seu pai aqui nos EUA e você simplesmente escreve o nome do seu pai se você quiser obter o sobrenome, então o sobrenome do empregado aqui é Vauban, se você quiser obter o primeiro nome para que você, Você tem que escrever seu primeiro nome do pai aqui. Então é assim que podemos criar nosso construtor. Então, como você pode ver, estamos usando esta palavra-chave aqui. Então, esta é uma palavra-chave no JavaScript quando ele é usado em um construtor é tira. É referido a uma instância que é criada com um construtor. Ok, agora aqui estamos nos movendo para o nosso exemplo de classes. Java é um script. Como? Vamos apenas verificar. Então Declaração das classes é declarada por uma classe como a palavra-chave. E Harris, eu sou um guião. E dentro desta tag script, estou escrevendo a classe de, vamos supor que é uma classe de emprego. Ajuda você a obter que como podemos criar uma classe, FastCV, como a palavra-chave, em seguida, o nome da classe. Então é assim que podemos declarar nossa classe. Agora eu só digo que estamos usando construtor como a palavra-chave. Então este é construtor como uma palavra-chave aqui. E agora você pode ver aqui que difusa eu estou apenas criando um construtor de um objeto. Então pedômetros aqui identificam e empregam o nome. Use isso como uma palavra-chave e eu digo I E, que é igual a ID. E então aqui você pode ver que eu comecei este nome ponto e nome ij é igual ao nome aqui. Esperança que você obtenha que como podemos criar um construtor para CBR quando criar uma classe, nome da classe aqui está empregando então construtor de um objeto. E então aqui você pode ver que os pedômetros, e então você pode ver que a propriedade disso aqui, você pode ver o detalhe do empregado. Então este é o nosso método aqui. Então aqui eu estou apenas definindo o método e agora aqui estou ilustrando o ponto do documento, certo? E você pode ver aqui eu comecei este ponto mais D, eu estou apenas recebendo o ID mais. E então aqui estou eu apenas concatenando esse nome de ponto. E mais aqui é uma quebra de linha única. Espero que você consiga que como podemos definir o nosso método dentro desta classe. Agora você pode ver aqui nosso class_name é criado, nosso construtor está desordenado aqui. É criado aqui. Agora estamos criando o objeto e estamos passando as variáveis e os valores para ele. Agora variável aqui é empregado número um e funcionário número um, que é igual a aqui eu sabia como palavras-chave para obter o novo objeto. E aqui estou eu criando o emprego como o nome da turma. Além disso, estou apenas escrevendo a identificação do empregado como uma. E então aqui implicam o nome, que é supor Bob. E então aqui você pode ver que eu acabei de criar variável e variável aqui é o funcionário número dois, que é o nosso novo objeto aqui. Então aqui eu juro que eu sabia como uma palavra-chave, então isso implica e Harris, certo? Implicar IDE2. E então aqui eu escrevo que este é o nome de Daniels. Espero conseguir isso. Agora você pode ver aqui que estamos criando o objeto, mas aqui não estamos criando nenhum dos métodos aqui. Então eu estou apenas escrevendo imply, desculpe, EMP v1 dot aqui, eu decido que estou apenas criando o método aqui. Então, a matéria aqui é que os detalhes implicam. E então tivemos que montar aquele EMP para qualquer MPEG-2 que Dort sugerisse detalhes. Então, estes são os nossos métodos, está bem? Agora Amazon neste núcleo e antes de terminar este núcleo, temos que ser este pistão bem aqui. Ok? Agora aqui, estou guardando isso e siga este curso. Então você pode ver aqui propositadamente nós seguramos a identidade e depois Bob e depois o segundo ID, e então Danny como o nome. Então agora você pode ver aqui, em primeiro lugar, estamos criando a classe, então implicam. Classe. Aqui está a nossa palavra-chave, e empregar aqui é o nosso nome de classe. Ajuda-te a conseguir isso. Agora aqui, depois disso você pode ver aqui estamos criando um construtor. Então construtor aqui é o pedômetro de ID e o nome. Ok, mas eu acabei de dizer que construtor é apenas uma palavra-chave para declarar o método construtor. E a classe contém apenas um construtor. Então esta classe inteira conterá apenas um construtor aqui. Ok? Agora aqui você pode ver que eu apenas tentei propriedades e, em seguida, método aqui. Então esta é a instrução de saída. E então aqui você pode ver que estamos criando os objetos post e segundo objeto e aqui primeiro chamando n, segunda chamada. Esperança. Então você vai entender como podemos limpar a programação orientada a objetos baseada em classe no Java SDK. Se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 52. A palavra, com o bloco de construção do OOP: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o java é cribbed estas palavras-chave e vamos trabalhar com um disco palavras-chave e eu vou mostrar-lhe que como você pode trabalhar com ele. Essas palavras-chave no script java quando ele é usado em um construtor, ele é referido à instância que é criado com nosso construtor. Se você está tentando, vamos supor que este é o cordão aqui. E se você está tentando console dot log e aqui você vai encontrar, aqui você vai escrever isso como a palavra-chave. Então aqui, este é um construtor. E você notou que o tema como nosso exemplo de registro. Portanto, é como usar a própria instância. Qual é essa palavra-chave? Esta palavra-chave que se refere a um objeto e esse objeto que está executando o bit atual do código JavaScript. Em outras palavras, todas as funções JavaScript durante a execução têm uma referência aos seus contextos de execuções atuais. Espero que você entenda agora, agora aqui você pode ver que eu vou criar um exemplo sobre isso. E aqui você pode ver em nosso último exemplo, você pode ver que eu descrevi humano como o nome da função. E então aqui eu estou apenas passando os parâmetros para essa função que são o primeiro nome, então este é o nosso sobrenome. E aqui você viu que esta é a nossa idade. Agora eu só escrevo que isso é controlado ou log. E o registro aqui é que estou usando isso como uma palavra-chave. Portanto, estas são as outras propriedades das outras propriedades muitas vezes Método. E agora aqui você pode ver que eu estou apenas escrevendo const adicionar a palavra-chave. Palavra-chave, onde você pode ver que eu tenho que escrever que este é o Bob e Bob que é igual a metade disputando o objeto que é para o humano. E isto é para o humano, desculpe, humano, onde eu tive que escrever que este é o Bob. Então o segundo nome aqui é perigoso. E então aqui você pode ver que eu tenho direito do que este se 50, desculpe, este é aqui. 50, ok? E eu a pontuação mais próxima aqui. Então, como você pode ver aqui para C, eu estou apenas filmando uma função que parâmetros. Então este é um registro de console. Você pode escrever documento.escrever em, naquele lugar. E então aqui você pode ver que eu estou distribuindo o objeto para ele também. Esta palavra-chave é um conceito muito importante na programação orientada a objetos, então você precisa muito familiarizado com ele. Ok, vamos chegar aos blocos de construção da programação orientada a objetos. E vamos ver que por que usamos programação orientada a objetos e quais são os blocos de construção de uma programação orientada a objetos? Programação orientada a objetos fazer código organizado. Como você pode ver aqui, este núcleo está sendo organizado porque função. Então você tem que chamar essas funções. E você pode deixar como criar as classes. E então você tem que escrever as propriedades. Muito bem, ela é muito compreensível para ti. Então você tem que escrever o objeto para essas aulas, ok? Então, como você pode ver, programação orientada a objetos também é fácil de manter. Seu siga o método seco. Então matéria seca, que é não se repita, que significa que o código é reutilizável e você pode reutilizar seu código significa que uma vez que você escreve sua classe, você tem que repeti-lo novamente e novamente. Então você tem que dobrar. Então você tem os benefícios da programação orientada a objetos, que inclui a segurança. E isso também é impedir o acesso indesejado aos dados onde você pode usar abstração e o conceito de ocultação de dados. Ou aqui você pode ver que isso está explodindo. Os cabos IT IS adequados através dos encapsulamentos e abstrações. Ambos são discutidos mais adiante no princípio de uma programação orientada a objetos. O que discutimos neste curso, você pode ver aqui na próxima palestra vamos cobrir encapsulamentos ou inter herança e abstração que também. Então os programadores criam programas orientados a objetos? Bem, a abreviação, então o cabelo dela está fazendo as aulas e criando os objetos das aulas. Na programação orientada a objetos, tudo é um objeto e classes dos esquemas de como os dados e o comportamento são estruturados. Objetos são criados para uma instância específica de uma classe. Como programadora, você pode criar uma classe doc para blueprint como e como eu virei seu caminho para organizar toda a entrada, todas as informações importantes sobre a massa. Qual é a cor do cão? O que faz uma leitura do roupão? Onde está o nome do cão? Simplesmente assim. Está bem. Agora aqui você apenas se move para os blocos de construção da programação orientada a objetos. Assim, os blocos de construção na programação orientada a objeto primeiro vêm na linha é uma classe. Você está criando a classe, então você tem que criar os objetos para essa classe. Segunda coisa importante. Então você tem que criar os métodos para essa classe e adicionar o último. Você tem que definir os atributos para a classe. Quais são as aulas? Então classes, você pode ver aqui você tem que criar uma classe. Então você tem o método certo dentro de você é classe. Então você tem que definir os atributos que são suas variáveis como talão do cão, como Cor do cão, idade do cão. E então você tem que escrever o objeto para ainda classe. Aqui você pode ver que as aulas são apenas um plano. Então objeto aqui é apenas uma instância. Então, na verdade, as botas são nossos dados. O que eu acabei de dizer é que variáveis, cor do cão, cão, um cão gera atração. E então você viu que este é o método que é o nosso comportamento. Como este cão funciona ou como este cão Laika se comporta, ok? Sobre como essa funcionalidade funciona, certo? Agora aqui você pode ver que este é um exemplo de codificação. Vamos supor que temos as variáveis aqui. Como você pode ver aqui, este é o objeto de um cão individual. Ok, significa quando cão individual. E aqui você pode ver que temos o cão que é variável, e este é um nome de cão, que é refere-se. E então aqui você pode ver que esses são nossos atributos, ok? Como você pode ver aqui, que estes são nossos atributos e dados. Você pode ver aqui. E estas são as propriedades. Está bem? Agora aqui você pode ver em primeiro lugar, nós ouvimos um perseguido ele, em seguida, data de nascimento. Ok, então nós, como a idade do doador aqui você vai ver que estes são os nossos métodos ou as funções de Como este cão vai se comportar. Aqui você pode ver que eu acabei de voltar simplesmente data agora. E aqui estou eu a usar esta palavra-chave e obter a data de fim de aniversário do cão. Ok, aqui você pode ver que este é um segundo cão individual onde você pode ver que em primeiro lugar você está encontrar o comportamento, então estas são as propriedades, funções e visto como um caso como o nosso mais velho. Então é assim que os blocos de construção da programação orientada a objetos funcionam. Se você encontrar algum dos problemas nesta palestra palavra-chave e os blocos de construção da palestra de programação orientada a objetos, por favor deixe-me saber e obrigado por assistir a esta palestra. 53. Encapsulamento de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre encapsulamento em JavaScript. Na programação orientada a objetos, encapsulamento é as inclusões dentro do objeto de um programa para todos os recursos necessários para o objeto para funções, basicamente os métodos e os dados. O objeto é dito para ser publicado sua interface, outros objetos aderidos a essas interfaces usam o objeto sem ter que se preocupar com a forma como o objeto é realizado. A idéia é, não me diga como você faz, apenas faça. Um objeto pode ser verdadeiro de auto-contido na interface do objeto consistem em método público e dados instanciados. Nas telecomunicações. Se vemos o exemplo na telecomunicação como encapsulamento, encapsulamento é inclusões de uma estrutura de dados com uma estrutura elevada de modo que a primeira estrutura de dados está oculta por enquanto, por exemplo, você está usando TCPIP pode ser encapsulado com um quadro ATM e outros tipos de unidade de dados transmitidos dentro do contexto de conteúdo de transmissão e recebimento do quadro ATM, o encapsulamento escolhido é simplesmente IST de BID entre os dados ATM e a transferência distribuída significam que na máquina ATM, o TCPIP é submetido a pegging quando você envia os dados. Então aqui você vai simplesmente receber é uma equipe de sangue entre o remetente de dados e o receptor. encapsulamento é um dos fundamentais da programação orientada a objetos e o conceito chave. É referido ao prédio. É nivelado para o agrupamento dos dados com métodos que operam nesses dados. Encapsulamento é usado para ocultar o valor ou esta decolagem é objeto de dados estruturado dentro da classe, como impedir que as partes não autorizadas diretamente acesso a eles e publicamente que é método acessível são geralmente fornecidos no classe. Então isso é chamado getter e setter métodos. Quem acessar o valor e outras classes de clientes chamado esses métodos para recuperar e modificar o valor dentro do objeto. Aqui podemos ver que eu estou apenas tomando exemplo de encapsulamento como o carro. Então o inferno do carro, diferentes tipos de atributos. Vamos supor o inferno do carro, modelo. Então veremos que o inferno do carro é velocidade também. Então você pode ver o motor do inferno do carro e a capacidade também. Então o inferno do carro é limite de mijo também. Ok. E no último carro é você pode ver que você pode dirigir o carro e Reino Unido e você pode parar o carro também, ou você pode definir a velocidade para esse carro. Então, se levarmos este carro em um componente da vida real, então o uso do carro do princípio de abstrações definir o contexto dos dados que serão necessários em nossa aplicação. Neste caso, vamos precisar de um nome do modelo de propriedade do carro, conteúdo atualmente velocidade, velocidade máxima, e as propriedades dos motores booleanos que serão responsáveis por eu fiquei se um carro é desligar e ligar, como aqui, você pode ver que este topo aqui é será instalado função. Então os princípios de encapsulamento significa que devemos adicionar às mesmas questões de comportamento de classe, que é dr, é top e definir os limites de velocidade, etc. Eles podem ser usados em nossos aplicativos e também para fornecer o acesso restrito à alteração no estado da instância da classe. E nós não queremos que nosso cliente da nossa classe seja capaz desligar o carro e então é até ser capaz de definir um valor de velocidade. Suponhamos que seja até 160 km por hora. Se o, o mais complexo aqui no encapsulamento. Então, se você ver as aplicações mais complexas e encapsulamento, então você pode precisar de mais propriedades que descrevam o outro carro, que são subsistemas como vidas de carros, rodas de carro, assentos de carro, ea capacidade do motor e funcionamento do motor. Então isto vai ser o mais complexo, está bem? Neste caso, você terá que fazer algumas abstrações para esses sistemas. E isso será encapsulado, é estado e comportamento. E então você será capaz de combinar uma classe de carro e como, assim, funcionalidades como aqui, você pode ver que um exemplo simples. Estou apenas criando um carro simples aqui. Então isso não é olhar como um cartão, este é um carro. Ok. Aqui você pode ver você pode ver aqui um carro simples. Mas você não conhece o motor aqui, os assentos, a porta, o limite de velocidade. Então aqui todas as funcionalidades estão disponíveis, mas isso é encapsulado significa que isso está se escondendo bem aqui. Espero que você entenda isso. Agora aqui você pode ver que eu estou apenas dando a vocês um exemplo simples da vida real sobre isso. Então, em primeiro lugar, vamos ver que o encapsulamento significa vantagens de encapsulamentos aqui mesmo. Então você pode, você pode usar encapsulamentos. O funcionalmente é definido em, a funcionalidade é definida em um só lugar e não em vários lugares. Esta é uma primeira vantagem dos encapsulamentos aqui. O código encapsulado é mais flexível e fácil de alterar com novos requisitos. E você pode definir o lugar lógico, lógico e o local onde os dados escapam. Você também pode impedir que as outras aulas e o acesso aos particulares preencham também. Aqui você pode ver os dados dentro do nosso objeto não é modificar inesperadamente por código interno em uma parte completamente diferente do nosso programa. Quando usamos um método, só precisamos saber que resultado o método produzirá. E não precisamos saber os detalhes sobre os objetos internos e outros para usá-lo. Assim, poderíamos mudar o usando outro objeto dentro do nosso completamente diferente em, dentro e não ter que alterar qualquer código porque ambos os objetos como a mesma interface. Ok, um dos, outro exemplo aqui é encapsulamentos, mantém nossos dados e código salvos para a herança externa. Será que os encapsulamentos cabeças para agir sua segurança e é melhorada a manutenção de seu aplicativo. Espero que você entenda agora. Agora aqui vocês podem ver que eu estou apenas demonstrando todos os exemplos para vocês aqui. Você pode ver aqui nós temos a classe, e como você pode ver aqui, nós temos a classe. Aqui. Isto são encapsulamentos. Então, todos os dados aqui estão disponíveis dentro deste encapsulamentos onde você vai encontrar as variáveis. E o método significa que se você ver toda a classe aqui. Então, dentro desta classe você pode ver aqui nós abrigamos alguns tipos de membros de dados, métodos e o comportamento. Então basicamente cápsula aqui você pode ver é encapsulado várias combinações de vamos supor medicamentos. Se a combinação dos medicamentos são variáveis e os métodos, então o Capstone atuará como uma classe. Ok, significa que esta cápsula vai agir como uma classe bem aqui. E todo o processo é chamado de encapsulamento. A técnica de encapsulamento foi técnica. Declaramos o campo como um privado na classe para evitar que outras classes acessem diretamente para cima. Então você entendeu isso. Agora aqui estou apenas demonstrando alguns dos exemplos. Você gosta? primeiro exemplo aqui é que você está indo para a escola e uma bolsa escolar é um dos exemplos mais reais do encapsulamento. Como uma bolsa de escola pode te manter um livro, canetas, etc. Então isso é chamado de encapsulamentos significa que você é saco segurado todos esses tipos de coisas como Penn e extracção de livros. Então, como você pode ver, você só pode ver que os livros estavam dentro de sua bolsa. Existem vários livros e as canetas. Ok. Agora, aqui, o outro exemplo é quando você está conectado ao seu endereço de e-mail ou uma conta de e-mail como o Google ou você está usando o Yahoo mail, ou você está usando a mesma plataforma que você está ganhando. E assim há muitos processos internos ocorrem em segundo plano e você não tem controle sobre isso. Como aqui, você pode ver que você pode simplesmente ir para adicionar seu e-mail e, em seguida, você está indo para adicionar sua senha aqui. Então você não sabe que funcionalmente uma instalação realmente realizando e a rodada de cama BEC de sua interface como aqui, você pode ver que você é um simples show. Só estou mostrando uma interface simples para você. Mas aqui você pode ver que a funcionalidade real aqui está escondida de você como você pode ver aqui. Ok, net como eu fiz a tag de cabeçalho, como eu fiz a tag de parágrafo, e como você pode ver que eu estou apenas fazendo ou eu estou apenas adicionando essas imagens aqui. Ok. Agora vamos apenas Então, aqui, quando você está inserindo a senha e senha para registro, eles estão recuperando um formulário criptografado e validar, e então você recebe o acesso à sua conta e você não tem o ou é assim que a senha foi verificada. Será que a sua Keep tem sua senha keep prostituta ou é manter ou uma contagem segura de trazer os usos indevidos. Espero que você consiga que estes são os, alguns dos exemplos. Espero que sim. Seu conceito é muito mais claro agora e você estará muito familiarizado com os encapsulamentos e você estará entendendo como VR usando o encapsulamento na vida real. Vamos chegar ao exemplo de codificação do encapsulamento. E vamos fazer alguns dos difíceis neste encapsulamento. E vou demonstrar alguns dos exemplos para deixar seu conceito mais claro. Como aqui, você pode ver que estou apenas criando uma tag de script. Onde você pode ver aqui que eu estou apenas escrevendo a aula. Como sabem, como todos sabem, a classe aqui é a palavra-chave. Estou usando. Meu antigo exemplo aqui, que é o empregador espera que você entenda agora primeiro, eu estou apenas definindo os detalhes implícitos. Então aqui você pode ver que isso é detalhes de funcionários e funcionários aqui. Onde você pode ver aqui eles implicam insight é detalhe implícito. Você tem que escrever o nome do implicar a idade do empregado, e então você tem que escrever como designação do empregador aqui. Então você entendeu isso. Agora, eu estou apenas usando este nome de ponto, que é igual a aqui eu estou pisando nome. Então aqui estou eu escrevendo este id ponto, que é igual a eu decidir ID. E então aqui eu disse este ponto designações, que é igual a designação de visão aqui. Como todos vocês sabem aqui eu estou apenas criando o método e estes são alguns dos atributos fazer estes métodos aqui. Ok, agora aqui você pode ver que eu estou ilustrando obter identificação de funcionário. Então esta é uma questão que N está executando aqui, que é obter insinuação ID. E aqui estou eu pegando a identificação do empregado com a ajuda de datas. Ou aqui estou eu marcando o ID do ponto do disco de retorno. Agora aqui você pode ver que eu estou apenas ligando ou eu estou apenas criando as variáveis como EMP, que é igual a um novo emprego. Aqui eu estou apenas criando o objeto desta classe. Você pode ver aqui. E então você pode ver que propositalmente eu estou apenas escrevendo documento ponto, certo? Onde você pode ver que eu tenho que escrever esse EMP, que é meu objeto aqui e aqui você pode obter o método ID empregado. E então você tem que fechar o cordão. Então, como você pode ver aqui, eu estou apenas criando um assunto separado para obter este ID aqui. Não te estou a dizer a lógica agora, está bem? Só para fazer o seu conceito aqui e ver o que realmente estou fazendo aqui. Agora aqui estou eu apenas escrevendo obter nome insignificante. E aqui estou eu apenas devolvendo este nome de ponto. Ok? E então aqui você pode ver que eu estou apenas criando documento.write e Harris, certo? Obter ou aqui estou citando o nome do empregador. Ok. Ou desculpe. Isto é contratá-lo. Agora aqui eu estou apenas criando a terceira função, que está aqui. Estou começando a ficar. Designação, onde você pode ver que presuntos escrevendo que este é retorno e retorno aqui é esta designação ponto. E eu sou apenas copiar e colar este método aqui e aqui você pode ver que primeiro eu estou apenas chamando implicar TI, então eu estou chamando nome do empregador e, em seguida, as designações do empregador aqui. Então, como você pode ver aqui, essa pessoa DVR definindo uma função aqui, que é um nome de detalhe empregado, onde os atributos aqui, nosso nome que introvertidos são IID e esta é a designação de sua implicação. Espero que você consiga isso. Agora aqui, você pode ver que você é apenas função é mostrado para você, que é definido em detalhes. Ok? Agora aqui você pode ver que não há nenhum detalhe é fornecer insight essas funções em vez de apenas atributo. Aqui você pode ver que estou recebendo um por um. Estes todos os atributos usando essas funções que é obter, implicar ID, obter, implicar nome, obter designação. E último exemplo que você viu que estamos simplesmente chamando isso obter ID de funcionário e, em seguida, podemos obter todos os detalhes aqui. Mas encapsulamentos, Você tem que selecionar apenas os dados necessários, todas as funcionalidades aqui são, você pode ver que alta. Então isso está encapsulado aqui. E você pode acessar essas funcionalidades um por um de acordo com sua necessidade. Ok? Agora aqui você pode ver que eu estou apenas definindo ou eu estou apenas fornecendo alguns dos valores para ele. Como aqui eu estou começando EMP e, em seguida, aqui é eu apenas escrever conjunto detalhes do empregado onde eu tinha bem ali. Vamos supor que este é John e aqui você pode ver que eu tenho que escrever a idade disso, que é 25 anos. E a idade de implicar aqui é 25. E aqui você pode ver que o número de telefone aqui é desculpe, a designação aqui é que eu estou impressionando que isso é o TI insinuar. Ok. Mas você também pode escrever os números de telefone do seu cabelo império. Ok? Espero que você entenda isso. Agora aqui eu estou apenas executando este curso, vocês, onde você vai encontrar a saída e aqui ele não está nos mostrando saída bem aqui. Vamos verificar um erro. Há um erro que você pode ver aqui que nós vamos adicionar a idade aqui. Então, em vez de id, estamos adicionando a idade aqui. E você pode ver aqui que esta é uma idade. E tudo bem, está tudo bem. Agora. Agora eu só dirijo isso. Então aqui você pode ver que esta é a nossa data encapsulada. Como, o que obtemos com esta citação? Eles são um pouco erro entre a idade e ID, Desculpe por isso aqui. Então, como você pode ver aqui, eu apenas digo que este é o todos os dados encapsulados e estamos acessando um Y1 usando os métodos, ok, e aqui estou eu simplesmente criar um objeto e, em seguida, espalhar atribuído os valores. E aqui você pode ver que eu estou apenas recebendo esses valores bem aqui. Vamos chegar ao segundo exemplo sobre o encapsulamento. E eu vou dar-lhe completamente o conhecimento sobre o encapsulamento ou a validação de como você pode validar seus dados usando encapsulamentos. O conceito principal é usar aqui. Vamos supor que tivéssemos uma turma de alunos, certo? E então temos visto que temos alguns tipos de construtor como usamos em nosso último exemplo. Ok? Este é o nosso construtor. E aqui eu estou apenas escrevendo os dois atributos ou as variáveis aqui, onde em primeiro lugar eu ajudei a escrever o nome e, em seguida, temos visto que eu apenas tentei marcar. Ok, agora depois disso aqui eu estou começando a entender primeiro você tem que pegar o nome. E então aqui parece um caso como o nosso velho exemplo aqui você pode ver que eu tinha que escrever retorno e este nome ponto. Ok? Agora aqui depois destes, eu estou apenas escrevendo um dos, outra função aqui que setName passatempos escrevendo função GetName. E, em seguida, aqui estou pisando função setName onde eu apenas pausado o pedômetro como o nome. E aqui eu escrevo este nome de ponto, desculpe, este nome de ponto, que é igual a aqui, é o nome certo. Ok, agora aqui estou eu apenas escrevendo e outras funções para obter as marcas. Então este é o nosso Marte aqui você pode ver. Então GetMax, onde eu escrevo este é o retorno e retorno aqui são estas marcas escuras. Então você entendeu isso. Agora aqui depois disso, eu estou apenas escrevendo set marx função e onde eu apenas pausei o pedômetro como as marcas. Agora ofereça estes gelo, use se declaração. Então, se aqui é as marcas e marcas é menor que 0, onde eu tive que usar o operador ou. E aqui eu deslizo essa marca que é maior do que um 100. Ok, agora aqui eu só uso uma mensagem de alerta. E a mensagem de alerta aqui é que eu tenho que escrever que isso é marcas inválidas. E aqui eu tenho que fechar este código. Agora mudamos a outra condição para cá. E a outra condição aqui é que eu tenho que escrever essas marcas escuras e marcas que é igual a Harris, certo? O Marx. Ok. Agora aqui você pode ver que eu tinha direito? Ou eu tenho que definir a variável que é um estudante, ou um estudante. Estudante, Existe um class_name? Então eu tenho que escrever DST, SGD, que é igual a “New Student”. Ok, agora Hair Ice código mais próximo e olhos de cabelo, certo, DST ponto definido nome. Então eu só estou chamando este assunto aqui onde eu acabei de dizer que o nome aqui é vamos supor que este é Bob. E então aqui você pode ver que eu tenho que escrever S t dot set marks. Então isso é definir as zombarias. Então eu vou lhe dizer o funcionamento disso aqui. Estou definindo as marcas aqui, que é 90. E você pode ver que eu tenho seco documento dot escrever onde eu tinha direito estudante ponto getName. Desculpe, primeiro eu tenho que escrever GetName. E então aqui estou eu apenas concatenando SGD ponto obter marcas. E então eu tenho que fechar este curso. Aqui, como você pode ver, eu estou apenas escrevendo uma cerveja marcada para um single e break. Então, o que isso realmente faz aqui? Em primeiro lugar, estou apenas criando uma classe de Marte, desculpe, que é um estudante, que está recebendo o marte e o nome dos alunos aqui. Então aqui M é definir um construtor e estes são os atributos, ok? Agora aqui você pode ver que estes são os dados encapsulados, o que queríamos obter usando essas funções. Então aqui estou eu apenas escrevendo o GetName. Então, em primeiro lugar, isso simplesmente terá o nome disso. E então aqui estou eu apenas definindo o nome disso aqui. Agora parece um caso como GetMax e definir marcas aqui. Então aqui eu estou apenas definindo o nome como Bob e definindo o Marte como 19 significa que Bob tem 19 meses. Esta é a lógica. Se Marte é menor que 0 e tudo isso está grávida aqui eu acerto Marte que é maior que 0. Então isso nos mostrará. Marcas inválidas significam que o marte não é menor que 0 e Marte não é superior a 100 razão CVR fornecendo o valor correto aqui. Tão refrescado isso. Então aqui você pode ver que este é Bob 90 e está nos mostrando o resultado correto aqui. Se eu escrever Marte aqui é 111. Então aqui você pode ver que o método de mensagem de alerta é chamado aqui. Então você pode ver reservado, atualizar e aqui você pode ver isso em Willard zomba. Espero que você entenda isso. E aqui você pode ver que Bob e Marte indefinido aqui. Espero que você obtenha que como podemos usar encapsulamento no java é invertido. E qual é o benefício do encapsulamento no JavaScript? Então o seu conceito é muito claro agora, se você não entender nenhuma das plantas aqui, por favor me avise e obrigado por assistir esta palestra. 54. Protótipo de captação de captação de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a abordagem baseada no protótipo de encapsulamentos. Uma última palestra, você viu uma breve discussão sobre os encapsulamentos, onde você aprende muito sobre os encapsulamentos no JavaScript. Aqui vou dizer-lhe a abordagem baseada no protótipo nos encapsulamentos. A linguagem baseada no protótipo, como Java, é clivada, não faz essas distinções. É simplesmente tem um objeto, um protótipo é linguagem tem a sua, as notações dos objetos protótipo. Mas isso significa que aqui estamos simplesmente criando um protótipo objetos e objeto usado como um modelo para o qual obter as propriedades iniciais para um novo objeto. Qualquer objeto pode especificar sua própria propriedade quando você está criando, quando criou ou em tempo de execução em edições, qualquer objeto pode ser associado como um protótipo para outro objeto, permitindo que o objeto segundos compartilhe o primeiro objeto. Como todo objeto no Java Script tem um protótipo como é a maneira de ele ser vinculado ao outro objeto. Falando sobre a herança baseada no protótipo. E aqui você verá que como podemos trabalhar com ele. Aqui. O mesmo é o caso. Como por exemplo, eu estou apenas escrevendo é clipe tecnologia com força. E então aqui eu tenho escrever, vamos supor variável e variável aqui é o nome era igual ao nome aqui. Agora aqui eu apenas digitado variáveis e variáveis aqui são Marte, que é igual a IS direita, que estas são as marcas. Está bem? Todas as coisas em nosso último exemplo que abordamos aqui, você pode ver que eu ajudei a escrever objeto, objeto ou definir. Defina aqui é a propriedade. Aqui. Eu só usei este ponto ou este, e então aqui eu estou apenas escrevendo nome. Ok. Espero que você consiga isso. Então este é o objeto método estático, que é definido propriedade como você pode ver aqui. Então isso é definido uma nova pobreza diretamente em um objeto, e isso é modificar propriedade existente em um objeto e retornar o objeto aqui. Está bem? Agora aqui você pode ver que eu tenho direito? Que em primeiro lugar eu estou decidindo obter, chegar aqui é a função, desculpe, esta é pequena f. Esta é uma função. Está bem? O que significa que eu estou apenas recebendo GetMethod para obter a função. E agora aqui estou eu escrevendo “Retorno e Retorno”. Aqui está o Nim. Em seguida, os olhos dela direita, disse vírgula. E agora aqui estou eu apenas definindo a função aqui. Então esta é uma função. Função que estamos, estou apenas passando o parâmetro como o nome. E então aqui eu escrevo este nome de ponto que é igual a gelo certo? Nome. Como você pode ver aqui, passatempos está definindo esta propriedade método título, que é propriedade definida aqui. Então aqui eu estou apenas escrevendo obter funções onde eu estou apenas recebendo apenas o nome aqui. E então aqui eu estou apenas escrevendo a função set e definindo o nome aqui. Espero que o seu conceito seja muito claro agora. Agora o mesmo é um caso como se eu estivesse usando a mesma coisa com Marx. Aqui você pode ver que primeiro o eu estou citando objeto ou definir propriedade onde marcas direita gelo aqui. E então aqui eu estou apenas recebendo a função e a função aqui é Marx. E então aqui você pode ver que eu tenho, certo? Estas são as marcas aqui. E este é Marks que é igual a que eu tenho escrito que estas são as marcas. Ok, aqui você pode ver como nosso projeto, desculpe, como nossa abordagem baseada no protótipo no encapsulamento funciona. Agora aqui eu escreveria variável let, DST e SGD, que é igual aos olhos dela, certo? Nova Aluna. Ok, e aqui eu tenho bem ali. Vamos supor que um estudante aqui é careca, e então as marcas do aluno aqui são 18. Agora aqui eu tenho o documento certo ponto escrever, e aqui eu tinha montar aquela DST. Então os olhos dela ficam com o nome, que é mais. E aqui você pode ver que eu tenho que escrever mais SGD, que é, o que significa que este é um login de concretização. E aqui eu tenho as marcas certas do grupo estudantil que vai obter o resultado do nome do aluno e as marcas desse aluno aqui. Aqui, você pode ver que eu estou adicionando função. E você pode ver que esta é uma função aqui onde gelo direita, a função aqui para os alunos onde eu tinha o nome certo e as marcas. E aqui você pode ver que é o acorde mais próximo aqui. Então este é um estudante como um nome de função. E em vez desse cabelo, estou adicionando esses suportes encaracolados bem aqui. Agora eu estou apenas rodando este código onde você pode ver aqui que nosso primeiro valor, Harrisburg e segundo valor aqui é 80. Agora vamos ao código aqui. Em primeiro lugar, estou apenas definindo uma função e o pedômetro para essa função aqui é o nome e marcas. Aqui eu estou apenas criando duas variáveis, o que significa que este é o valor encapsulado. E aqui eu estou apenas recebendo os valores com a ajuda de uma abordagem baseada em protótipos ampla. Em primeiro lugar, vamos obter o nome, e então aqui vamos obter o marte de nós tokens e parece um caso como nosso velho exemplo aqui eu estou derrapando e você se opõe a essa classe e fornecendo os valores. E aqui você pode ver que eu estou apenas recebendo esses valores para a saída e mostrando você como saída bem aqui. Então é assim que podemos trabalhar com um tipo de protótipo baseado em projeto é abordado nos encapsulamentos. Se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 55. Exemplo de capsula de Javascript 3: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o java é despojado encapsulamentos e vamos fazer programas que irão executar um encapsulamento e desenhar um círculo onde você irá gerenciar o tamanho desse círculo com o operador de incremento e decréscimo. Como você pode ver em sua tela dentro deste script tags, eu estou anexando algumas da biblioteca JavaScripts CDN. Então cd e JS é uma biblioteca repositórios que hospedados na nuvem fair.com. Ele está disponível gratuitamente CDN para as bibliotecas JavaScript e CSS comuns. Cdn j como a maioria host produções mais conhecidas versão pronta do script Java N bibliotecas CSS. Cd NGS também suporta as versões beta em sua plataforma com a ajuda de n m, npm slash getfield. O conhecimento é voltado para o exemplo deste código. E aqui você pode ver que eu tive que escrever esta tag script primeiro. E agora aqui você pode ver que eu estou apenas criando uma função. E a função aqui é o nome da configuração para cima. Então você entendeu isso. Agora aqui você pode ver que eu estou distribuindo os dois botões aqui, que é um nome de você pode ver que este é o botão criar. Ok? E então aqui eu estou apenas escrevendo que este é o aumento de tamanho. Este é um nome de botão aqui, ponto aqui você pode ver lá eu estou apenas usando o nome da função, que é pressionado com o mouse. O que significa que quando você apenas pressionar o mouse neste botão, então o tamanho será aumentado aqui. Ok, e aqui eu estou apenas usando no BTN. E aqui eu apenas escrevo que isso é vamos supor incremento. Então isso é btn e que é incremento. Clique. E eu tive que fechar este acorde aqui. E este é um suporte que está perto bem aqui. Ok, agora, agora você pode ver aqui, eu estou apenas criando um dos, outro botão aqui, que é um nome de diminuir o tamanho do seu círculo. E então aqui eu tenho que escrever que este é um mouse pressionado. E aqui eu tenho escrever que no btn e VT e cabelo é diminuído o clique. Então aqui, como você pode ver, estou distribuindo os dois botões para aumentar o tamanho e diminuir o tamanho aqui e oferecer estes. Estou apenas criando uma das outras variáveis. Criar p e onde eu tenho escrever que esta é uma string vazia. Onde eu vou criar isso para o círculo aqui, ok? Agora aqui você pode ver que estou excluindo uma variável e variável aqui é moldada. E então aqui você pode ver que eu sou apenas criar, eu estou apenas chamando esta variável dentro dessas funções, que é igual a aqui. Basta escrever nova forma e forma. Aqui está o nosso objecto. E eu tenho o núcleo mais próximo aqui. Agora você pode ver que eu tenho que escrever que este é Create, e aqui eu estou apenas usando isso como a tela, onde o tamanho da tela aqui é oitocentos e seiscentos. E eu tenho que fechar esta função aqui. Ok? Agora você pode ver que estamos criando uma configuração dos botões aqui. E então estamos criando o aumento e diminuição do tamanho do botão. Então estamos alimentando uma das cordas vazias bem aqui. E depois disso, estou criando uma tag de tela. E então aqui eu apenas escrevo essa mudança que é igual a novo objeto forma aqui. Agora aqui eu estou apenas mostrando a vocês a saída para isso. Então você pode ver aqui que o botão de aumento de tamanho é maior aqui. Mas aqui você pode ver que nós não mostramos o botão de tamanho reduzido só por causa daqui. Aqui não estamos alinhando esses botões. Então vamos alinhar estes botões primeiro aqui. Então estou distribuindo uma função aqui. E a função aqui é que você pode ver que o botão de objeto clica ou eu estou distribuindo este nome de função aqui e eu estou apenas chamando este nome de função aqui. Ok? Agora aqui você pode ver que eu tenho que escrever que este é o ponto de forma e forma aqui eu apenas escrevo incremento e então aqui você pode ver que eu apenas forneço o tamanho de dez aqui. Ok? Agora, depois que aqui você pode ver que eu estou pisando função e a função aqui está em diminuição botão. E o botão diminuir aqui é o clique. Agora aqui estou eu apenas escrevendo a forma. E a forma aqui é, Eu tenho escrito que isso é diminuir e diminuir aqui é dez. E eu tenho que fechar este código aqui. Nem logístico a saída agora e aqui gerencia fresco isso, atualize isso. Então você pode ver aqui encontramos dois botões para o aumento e diminuição aqui. Ok? Agora aqui você pode ver que eu tenho que desenhar alguns desses círculos bem aqui. Agora você pode ver que eu estou apenas criando uma função. E a função aqui é que eu apenas uso draw como um nome de função onde eu tinha que escrever isso. Isto é, em primeiro lugar, eu tenho que escrever o claro. Então este é um método claro aqui, que é, e aqui está o fundo. Ok, agora aqui eu passo navio em forma de ponto dre. E aqui você pode ver que eu tinha direito? Este é o cabelo molhado e molhado é dividido por dois. E aqui eu tenho esconder, que também é dividido por dois aqui, que só significa que isso vai ter a meia altura e metade veterinário. Ok. E como você pode ver que isso é em forma de ponto desenhar função. Não, depois disso aqui você pode ver que eu tenho que ir para o evento. E aqui eu estou apenas criando uma das outras funções que é objeto de forma de função, como você pode ver aqui, ok. E aqui dentro deste nome da função, eu tenho que escrever este ponto. Só estou conseguindo o raio disso. E o raio aqui é de 50 nascimentos. Ok. Agora, depois disso aqui, eu tive que escrever que a forma e o objeto moldado aqui é ponto. Estou apenas escrevendo isso como um protótipo e operador de incremento prototype.js, que é igual a Harris, certo? Isto é uma função. E dentro da função aqui é o parâmetro de n. E então aqui você pode ver que eu tive que escrever que este ponto, raio e raio, que é operador incremento de número deste parâmetro n aqui. E então aqui você pode ver que eu tenho que escrever que isso é uma forma. E como você pode ver aqui, eu tinha direito que a forma e o objeto moldado aqui é o protótipo e o protótipo aqui é o operador de decremento, onde você pode ver que este é um operador de decremento que é igual a Harris, certo? Que esta é uma função e a função aqui é parâmetro de n. E então aqui eu tentei isso.raio, este.raio, onde eu tinha que escrever operador de decremento no pedômetro. E aqui, ok, agora aqui você pode ver que eu cheguei em forma de ponto, desculpe, este é o protótipo de ponto de objeto forma. E aqui eu vou criar um protótipo aqui de sorteio. Desculpe, isso é desenhar e desenhar aqui, que é igual a eu tenho escrever esta a função. E a função aqui é o parâmetro é n, desculpe, a função do parâmetro aqui é x e y. Então aqui eu estou apenas chegando a outros parâmetros e onde você pode ver que eu tinha, certo? Esta é lipase e onde você pode ver que eu li x e y, que é o meu nome de parâmetro. E em primeiro lugar, eu tenho que escrever este raio de ponto e o raio aqui é o esotérico fora para. Então aqui estou eu, discutindo o círculo, certo? E então aqui está certo, e este é um raio e o raio é, está rasgando de dois aqui. E tive que fechar este código. Agora, como você pode ver, nosso código é criado com sucesso aqui e VR desenhar ou circular com sucesso com incremento e botão de decremento. Aqui. Em primeiro lugar, estou explicando a pontuação para vocês. Você pode ver aqui que estamos criando uma variável de nave. Aqui. Estou disputando oferecido é uma função que é uma configuração. Então, dentro desta função de configuração V, Como botões, que é aumentado o tamanho e diminuir o tamanho, que significa que quando você está apenas pressionando o botão aumentado, modo que o tamanho do círculo será aumentado e quando você está pressionando a diminuição carga, então o tamanho do círculo será diminuir aqui. E essa ação será executada nos eventos de imprensa do mouse. Porque quando estamos pressionando este menu ou pressionando o clique sobre estes dois botões, então a ação será realizada aqui. Então aqui você pode ver que eu estou apenas chegando a funções de botão, no botão incrementalmente e no botão de decremento clipe. Então essas funções estão disponíveis aqui. Então vamos ver aqui que estamos criando uma string simples para imprimir esta tela. Aqui você pode ver que eu estou apenas escrevendo criar tela, que é um tamanho de oitocentos e seiscentos. Então aqui você pode ver que eu apenas escrever forma, forma, que é igual a novo objeto forma, que é você pode ver aqui. E este é o nosso objeto de forma de função ou eu estou apenas ligando aqui. Então você pode ver aqui que estamos encerrando algumas de nossas propriedades com a ajuda deste encapsulamento. Então aqui você pode ver que eu acabei de criar uma outra funcionalidade bem aqui, que é uma função chamada draw. E então aqui eu apenas pausa clara e, em seguida, moldado ou desenhar, que é um de dois e altura de dois aqui. Ok, então aqui você pode ver que a função está no botão clique e qual é a posição de dez. E o mesmo é o caso, como esta decisão de dez aqui. Agora aqui você pode ver que esta é uma função do objeto forma. E aqui você pode ver que eu apenas fechei este raio aqui nesta função. E agora você pode ver que aqui eu estou apenas escrevendo protótipo é herança. Então aqui estou eu tentando fazer protótipo. E então aqui eu digo ponto I-N-C nome da função. E este é o parâmetro da função, e eu apenas chamo esses parâmetros aqui. E então aqui você pode ver que eu apenas tentei este.radius, que está definindo operador incremento no botão incremento como você pode ver aqui. Ok? Agora aqui vocês podem ver que eu tenho decremento escrito, mesma funcionalidade para o decremento. E aqui você pode ver que eu decido isso para este operador de decremento. E no último Você pode ver aqui, eu apenas desenhar a forma e criar 2x é bem aqui, que é eixo x e eixo y. Ok? E aqui eu desenhei o raio aqui, que é um raio. Isto. Raio, que é a estética de dois e este.raio, que é Derek fora dois aqui. Vamos apenas executar este código e eu vou mostrar-lhe a saída dele. E aqui vocês podem ver que estes são os nossos dois botões, e este é o nosso círculo aqui quando eu apenas pressiono neste tamanho aumentado. Então você pode ver aqui este tamanho será aumentado bem aqui. Ok? E quando eu apenas pressionar isso no botão diminuir tamanho, então aqui você pode ver lá o tamanho deste círculo aqui está diminuindo. Ok? Então, como você pode ver como podemos criar ou como podemos usar o encapsulamento aqui e criar um, criar um círculo com a ajuda disso. Esperança. Então você entende que se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 56. Herança de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o que é herança em JavaScript. Herança é um mecanismo no qual uma classe adquire a propriedade de outra classe. Por exemplo, uma criança herda as tríades de seus pais. Com herança, podemos reutilizar os campos e métodos da classe existente. Sugestões herança facilita essa reutilização e é um conceito importante de programação orientada a objetos. O processo pelo qual uma classe adquire a propriedade e os membros de dados e os métodos de funcionalidade de outra classe é chamado herança. O objetivo da herança é fornecer a reutilização do código para que uma classe tem que escrever apenas a característica única e resto das propriedades comuns e as funcionalidades podem ser estendidas a partir do final da classe. Como em palavras técnicas e técnicas. Criar uma nova classe usando a funcionalidade de classe existente é chamado herança. Deixa você ver como. Aqui você pode ver que v como exemplo ou um exemplo diagramático aqui. Ali. Você pode ver que aqui v, como uma classe pai, que é o nome do ouro do banco. Vamos supor que você está indo para a conta bancária ou você está indo para o caixa eletrônico aqui. Então você pode ver que, em primeiro lugar, você verá o seu banco em casa, onde você tem o seu número de conta, seu saldo total em sua conta, seu depósito e retirada de saldo, e você tem que obter o seu saldo aqui. Vamos supor que você está indo para o caixa eletrônico e retirar alguns tipos de seu dinheiro aqui. Aqui, você pode ver que você assistente o banco e clique nesta opção Vidra aqui. Após a retirada, você encontrará duas opções. Ali. Você pode ver que você tem uma conta corrente ou você tem a salvar uma calma, ou você tem uma conta corrente ou você nos ajuda a salvar conta. Você disse que eu tenho uma conta corrente ou uma conta corrente e você vai depositar ou você vai secar o formulário da sua empresa. Você se lembra aqui você pode ver aqui uma classe base ou uma classe pai é uma conta bancária. E nossas turmas infantis aqui são contas correntes ou contas de poupança. Então essas classes são derivadas desta classe pai, que é até BankAccount, que está usando a facilidade de número de conta, saldo total, em seguida, depositar, retirar e obter o saldo. Vamos supor que você está retirando cada secagem parte da conta de alguém com o dinheiro deste cheque de economia. Então, em primeiro lugar, você vai verificar o seu ou o seu sistema irá verificar o número da conta, então este sistema irá verificar o seu saldo, e então isso irá retirar o seu MO. Ou você quer depositar? Então, em primeiro lugar, que irá verificar o número da sua conta, em seguida, que irá verificar o seu saldo total, e, em seguida, que irá depositar o seu valor. Então você entende que este é um cliente. Desculpe, esta é a arquitetura de pais e filhos. Vamos passar para outro exemplo. Aqui você pode ver que vamos supor que você tem alguns dos itens eletrônicos onde você, como? Vamos supor sistemas de som e o sistema telefônico. Então aqui, itens eletrônicos, nossa classe pai e os telefones aqui são derivados ou classes filho significa que estes são derivados de eletrônicos. Você pode ver aqui. Então aqui temos as subclasses aqui, que são classes filho para este telefone, que é uma classe pai, e então estas são as classes filho. Agora vou lhe dizer a arquitetura disso. Então, aqui você pode ver que no primeiro estágio V, Como a classe pai como a classe eletrônica e filho como o telefone e sistema de som. Então temos mais aulas infantis. Você pode ver isso com nossos telefones e telefones de cartão, desculpe, telefone celular do que os telefones com cartão. E aqui você tem o fone de ouvido N é para usar. Então estes são os óculos de criança. Por isso. Você pode ver que para essas aulas, que é uma classe infantil, a comida aqui é a classe dos pais. Você pode ver. E para classes de dívida, itens eletrônicos, há uma classe pai. Espero que você entenda isso. Agora aqui você pode ver que em um exemplo real, você tem alguns tipos de humanos. Então eu persegui, herdei as características de seus pais, como a beleza da mãe e inteligência do Pai. Vamos supor aqui como pais momento, que são seus pais aqui temos a classe de humano, então nós como a mãe eo pai, e isso é um sol. Ok. Vamos supor que aqui você vai ouvir você ou alguns vão herdar a cor do seu cabelo do pai e eu da mãe. Está bem, então esconda-se do pai. E então vamos supor que a inteligência de sua mãe. Então aqui este sol é herdar todas as propriedades de sua patente aqui. Espero que sim, seu conceito está muito mais claro agora. Aqui vamos para o exemplo animal onde você pode ver que aqui animal é uma classe base ou a classe pai que irá estender você ou outras classes que são cão, gato, e chamada. Estas são as classes derivadas ou as classes filho. Assim, nosso relacionamento no JavaScript representam a herança se algum mecanismo de usar as palavras-chave extensão para estender aqui é uma palavra-chave. Vamos supor que aqui eu apenas escrevo animal. E animal vai estender a classe de cão ou gato ou chamar S retro. Aqui temos um outro exemplo e isso tornará seu conceito mais claro. Aqui temos a classe pai, que é trabalhador lá, trabalhador como as rotinas diárias, GitHub. Saia, vá para o trabalho, trabalhe aqui, volte para a casa, relaxe e durma. O mesmo é o caso, como aqui. Aqui temos os diferentes tipos de trabalhadores. Este é um exemplo da vida real loci no projeto baseado, onde você pode ver que este é um bombeiro luta, lenhador, carteiro de cabelo, e o gerente. Então aqui, que herdará as propriedades deste trabalho. Então, um trabalhador ou o bombeiro estabelecerão essas rotinas. Vou dizer que Jack também está usando essas rotinas. Um carteiro também está usando esta rotina e um gerente também vai usar esta rotina. Aqui você pode ver que isso herdará o trabalho disso. Isto é trabalho. Ouvi a palavra disso. E carteiros herdam as propriedades de trabalho daqui, desta classe operária. Mas aqui você pode ver que um gerente também está trabalhando aqui. E aqui isso também herdará está liderando a propriedade Relax daquele trabalhador também. E adicione o último. Você pode ver aqui nós realizamos um mamífero classe onde você pode ver que v, como alguns tipos de predador, gatos selvagens e os animais de estimação fazer, ok, que é herdar essas propriedades bem aqui. Então estes são alguns tipos de exemplo diagramático, o que eu estou mostrando para vocês. Quais as vantagens da herança na programação orientada a objetos? Como? Mas muitos argumentam que em todas as classes você como paz repetida é claro, significa que este é o nosso conceito de reutilização, um mecanismo que facilita a reutilização dos campos e os métodos da cláusula existente na nova classe é conhecido como reutilizabilidade. E quando você está criando uma nova classe, você pode usar o mesmo campo e os métodos já definidos na classe anterior, como você pode ver aqui em um exemplo de trabalhador de então você obtém isso. Então isso é chamado de reutilização. Para superar isso, você pode criar uma classe pai, vamos supor, digamos, contagem, como você pode ver em nosso primeiro exemplo, você pode ver aqui. Então, isso irá implementar a mesma função do depósito e retirar e fazer a herança da classe criança, que é Classe uma contagem de conta corrente ou poupança, e para que eles tenham acesso para retirar e depositar funções de sua classe de economia. Esperemos que seu conceito é muito claro agora que como podemos usar herança eo que é um conceito de reutilização. Cheguemos ao exemplo de codificação da herança. E eu vou dizer-lhe que como você pode criar o seu exemplo de codificação com herança. Onde você pode ver aqui que eu estou apenas criando uma classe. E a turma aqui é supor um carro. Estamos dentro do nome da classe do carro. Eu só disse o nome do carro. Em primeiro lugar, você pode ver aqui estes são a classe pai e as propriedades da classe pai aqui é definido nome. Então aqui esta é uma função. E aqui eu só escrevo este nome de ponto e eu apenas recebo o nome aqui. Agora aqui você pode ver que um outro propriedade que é motor de alcatrão, onde eu tenho que escrever que este é documento ponto exatamente onde você tem escrever que motor é alvo para. E aqui eu só escrevo mais. Desculpe, aqui eu só escrevo que este é mais e este nome ponto. Então, como você pode ver aqui, que V, Como o carro nome da classe pai, então temos as propriedades deste carro é definido nome do carro e, em seguida, iniciar o motor. Então este carro arranque, este motor vai ser ligado para este nome de carro aqui. Agora aqui você pode ver isso. Então estas são as duas propriedades. O que eu acabei de chegar aqui. Então o carro aqui é a classe dos pais. Lembre-se que agora aqui você pode ver seus olhos direito carro. Vamos supor que o carro aqui é jogar ou tau, ou carro aqui é 14x finais. Ok? Agora aqui este carro vai se estender. Então este Twitter, vou estender a classe dos pais, que é carro. Como você pode ver aqui, que esta é a nossa classe pai e esta classe é derivada, desculpe, esta classe filho é derivada desta classe pai onde isso usará essas propriedades aqui. Onde você pode ver que eu estou marcando algumas das funções aqui, que é velocidade máxima. E aqui eu escrevo que isto é, é velocidade aqui. Então você entendeu isso. Agora aqui você pode ver que eu cheguei é na extremidade do motor. E aqui você pode ver ou eu só quero adicionar um do final da propriedade que é parada de motor. Só escrevo o documento certo. E aqui eu tenho que escrever que o motor está coberto para este nome de carro ponto. Agora aqui você pode ver que eu tenho que criar um nome de função. Estamos feridos, certo? Essa é a velocidade do carro onde eu tenho que escrever o documento. Então este é o documento aqui. E documente.escreva onde eu tinha chegado lá. O topo é PDD. O carro aqui é mais este nome ponto do carro. E aqui eu tenho escrever mais. E aqui estou eu, e então aqui vou escrever esta velocidade deste carro. Como você pode ver aqui, que esta propriedade é do carro aqui, do Twitter aqui está usando sua própria propriedade significa que como esta é a propriedade deste Toyota. E agora aqui vamos obter a propriedade da nossa turma de pais. Vamos supor que este é um arranque e este é um motor de alcatrão. E aqui estou eu chamando isso de novo e você pode ver aqui que aqui eu grevo documento. E este é documento ponto escrever onde eu tinha que escrever que este é motor. Um motor é, é direcionado para a classe filho. E eu só fecha o núcleo aqui. Agora, como você pode ver aqui, eu estou apenas usando LED tem uma palavra-chave para a variável. Então aqui está certo, deixe meu carro, que é igual ao novo Toyota, que é meu filho ClassName. E então aqui você pode ver que eu li que meu carro e meu cartão ou eu estou apenas recebendo o nome do carro. Então, isto é. Nome do setname. Nós somos, eu só escrevo set name aqui é supor que este é o nome aqui é para sintonizador, ok? E eu terei o acorde mais próximo aqui. Agora aqui estou eu apenas escrevendo meu cartão ou é motor de alcatrão e é motor de torta para disco Carney. Então eu ligo o meu cartão ou paro o motor. E o motor de parada aqui é, você pode ver que este é o motor de imagens de função TOP como motor superior é para o nome do carro felizmente. E agora aqui estou eu definindo a velocidade do meu cartão ponto de velocidade máxima. E a velocidade máxima aqui é que eu cito 250 quilômetros por hora. Então, como você pode ver aqui, toda a funcionalidade é computada aqui para a herança. Então aqui eu estou apenas dizendo a vocês que como esta classe é herdada desta classe pai. Como podem ver aqui, esta é a nossa classe de pais, que é o nome do carro. E então nós temos essa classe infantil aqui é Toyota, que é uma categoria deste carro e uma empresa dessas categorias de carros. Ok. Agora aqui, dentro deste carro significa que cada carro tem o nome, cada carro, como eles ligam o motor e cada carro como o motor de parada. Agora aqui eu só usei Toyota e aqui eu simplesmente disse a velocidade do Toyota, que é uma propriedade deste carro Toyota, significa cada granizo carro ou cada empresa de carro como é na velocidade? Ok, agora aqui, eu só estou herdando isso é propriedades de motores alcatrados desta classe pai. E então eu vou começar, este é em primeiro lugar, eu vou definir o nome deste carro Toyota e herdar este setName deste padrão ClassName, que é afortunado como um objetivo. E então aqui você pode ver que eu tenho que escrever é iniciar o motor. Então ele começou motor é também a propriedade desta cláusula carro. E então aqui este motor de topo também é propriedade deste carro classe. E adicione o último que você pode ver aqui Eu estou apenas recebendo a propriedade deste carro Toyota aqui. Agora aqui você pode ver que eu tenho direito, meu carro aqui e o lugar disso. Eu só dirijo este núcleo. E como você pode ver aqui, que em primeiro lugar, vimos que o motor está começando a partir da classe infantil. Então o motor está no topo para o jantar. E então aqui você pode ver que a velocidade máxima do corredor é 250. Como você pode ver que como esses carro ou como esta classe filho Twitter é herdada, a propriedade classe pai que herdará o nome do que é ensinado propriedade motor do que sua propriedade principal motor e adicionar o último que vamos executar seu próprio propriedade, que é superior é P. Espero que você entenda agora que como podemos usar herança para herdar algumas das propriedades da cláusula pai para a classe filho. Agora aqui eu estou apenas executando um dos exemplos vocês, onde eu estou apenas usando a super palavra-chave e o construtor também. Aqui eu escrevo um outro script tag onde eu tenho que escrever isso. Vamos supor que este é um carro de bicicleta, ok? Agora aqui você pode ver que eu passo. Em primeiro lugar, o construtor. E o construtor aqui é, você pode ver que eu estou apenas escrevendo as variáveis aqui. Vamos supor que este ponto aqui eu tinha montar a empresa e a empresa aqui é, você pode ver que eu tenho que escrever a empresa aqui é Honda ou Yamaha, qualquer coisa? Está bem. Agora aqui você pode ver que gelado, este é o meu carro, desculpe, bicicleta como um nome de classe, que é uma classe de pais aqui. Agora aqui estou eu na aula de striding. Vamos supor que este é um veículo e este ClassName ouve cores e cabelos afastados. Eu me esforcei para estender e estender. O nome da classe pai é Mike, então estendido aqui como uma palavra-chave como você sabe. Agora aqui eu escrevo o construtor. E o construtor aqui é quatro, que é prestigiado, nome de greve. E então aqui eu vou escrever o preço dessa moto. Aqui, eu só estou usando super como uma palavra-chave. Então, por que estamos usando a palavra-chave super? As palavras-chave super refere-se à classe pai. Ele é usado para chamar o construtor da classe pai termina em excesso as propriedades da classe pai e método. Quando você tem que usar a palavra-chave super isso é usado para obter ou acessar as propriedades da classe pai e os métodos para entender o conceito de herança I, pai e classe filho é melhor ler em primeiro lugar, ou é melhor observar o artigo sobre as classes no script Java e você tem que assistir a palestra da classe de script java. Ok? Saber quando, quando, quando usar no construtor das super palavras-chave aparecem sozinho e deve ser usado antes que esta palavra-chave seja usada. As super palavras-chave também podem ser usadas para chamar as funções no objeto pai. Agora aqui, depois disso, eu estou marcando. Suponhamos que este nome de ponto, um ID de imagem igual a IS nome correto. E então aqui eu digo prato. Preço. E o preço aqui é igual ao preço. Ok? Duas propriedades aqui, nome e preço depois da palavra-chave super. Então eu estou apenas recebendo o nome Enterprise aqui, OK. Agora, depois deste cabelo, eu toco variável. Variável aqui é deixe supor, recall e veículo que é igual a eu escrever novos veículos. Então eu estou apenas criando o objeto dessa classe primeiro. E então aqui eu passo que o Honda é, vamos supor que o nome do Honda é, vamos supor Honda atuador, ok? Então este é o nome do dono aqui. E o preço disso aqui é, eu estou apenas definindo o prêmio aqui. Vamos supor que o preço aqui é 80 mil, ok? Ou cabelo como um prêmio aqui é supor 800. Então isso depende de você, ok, você pode obter qualquer preço. Então aqui eu digo document.write onde eu tenho que escrever que mais T v dot, obter a empresa onde a empresa é o método do ano, a empresa é a propriedade desta classe pai. E então aqui você pode ver que eu tenho que escrever concatenações de nome V ponto, que é um nome dessa moto. E então aqui vou escrever que mais preço ponto V. Ok? E eu tenho o canto mais próximo. Agora, eu só quero isso no navegador. Então você pode ver aqui que em primeiro lugar nós como o nome da empresa Honda, que está recebendo de nossa classe pai, em seguida, v como Honda atuador, que é o nome deste tubo. E aqui temos o preço desta moto. Espero que você consiga isso, que como podemos herdar as propriedades da classe pai com a ajuda dessas herança. Então é assim que podemos usar herança no java é lido. Espero que entenda agora, se não estiver, por favor me avise e obrigado por assistir a esta palestra. 57. Protótipos e Inheritance protótipo,: Ei pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre a herança baseada no protótipo. Na programação, muitas vezes queremos tomar algo e estendido, por exemplo, v, como um objeto de usuário com suas propriedades e métodos e quer fazer admin e convidado como ligeiramente modificar variantes do mesmo. Nós gostamos de reutilizar o que V, Como nos usuários e não copiar o re-implementado, importava, apenas construiu um novo objetos e o topo dele. O protótipo. Em JavaScript, o objeto, como é Pashas propriedades ocultas, que é protótipo de cartão como nome nas especificações que é nulo ou referências através de outro objeto. Este objeto é chamado de protótipo, como aqui, você pode ver que primeiro, você tem que criar o protótipo, que é o nosso objeto. Então aqui você criará o objeto aqui para este protótipo. Então, quando este objeto protótipo será criado, então isso significa que este é o nosso protótipo. O protótipo é um pouco mágico e quando queremos ler uma propriedade do que objeto e está faltando, o JavaScript leva automaticamente a partir do protótipo. Na configuração de programação é herança prototypal cartão. Uma programação protótípica é esta telha de programação orientada a objetos em que o comportamento é usado, que é conhecido como herança, é realizada através de um processo de reutilização de objeto existente que, que servem como um protótipos. Este modelo também pode ser conhecido como protótipo ou protótipo orientado a objeto, programação de objeto de instância sem classe. Aqui estamos falando sobre a classe menos herança e eu vou mostrar-lhe que como você pode criá-lo. Aqui. Você pode ver que eu apenas escrevo uma tag de script aqui e insiro a tag de script. Possivelmente estou usando um simples protótipo de herança de veículo para você. Eu ataco constante. Constante aqui é uma pessoa e pessoa que é igual a aqui eu escrevo que este é o primeiro nome. E o primeiro nome aqui está ali. Suponha que esta seja a lâmpada. Ok, então aqui você tem que ver que eu ajudei a escrever sobrenome e o sobrenome aqui é Dan. Sim. Ok. Agora, depois disso aqui você pode ver que eu tive que criar um método ou a função aqui, que é obter forelimb. E o nome completo aqui é o nome da função aqui para obter as propriedades de retorno de e as propriedades de retorno do cabelo é certo que este, desculpe, você está certo que este ponto primeiro nome. E então temos escrever que isso está recebendo a propriedade deste sobrenome ponto. E eu tive que fechar este código aqui. Até aqui você pode ver que eu tenho que fechar este poro caso semelhante como nosso velho exemplo. Aqui você pode ver que eu estou apenas criando outra classe. Você pode ver que esta é uma classe de desenvolvedor. E onde você pode ver que eu tenho direito, FirstName e first_name, que é igual a Harris, certo? O John. E então aqui eu escrevo sobrenome, que é igual a, eu tenho que escrever isso. O último nome aqui é David. E eu tenho que fechar este código aqui. Agora aqui você pode ver que eu estou apenas usando o protótipo onde eu tinha certo, que eles dizem que o desenvolvedor e ponto desenvolvedor sublinham aqui eu apenas escrevo que este é Frodo. E então aqui você pode ver que eu ajudei a escrever o que é igual a pessoa aqui. Então você pode ver que este protótipo propriedades é um acessor simples propriedades. Um objeto que é Leica no objeto ponto protótipo, que consiste de um getter e as funções setter. Um acesso de propriedade para o protocolo que realmente gosta de constantes. Ok, espero que você entenda agora. Então eu vou dizer novamente, esta propriedade de protocolo é um objeto, é uma propriedade que é mapeado o protótipo de um construtor funções de um objeto. Espero que você consiga isso. Agora vamos ao exemplo agora e vocês verão como podemos trabalhar com ele. Agora aqui você pode ver que no final, eu estou apenas acessando pessoa. E a pessoa aqui é obter o nome completo, que é o meu nome de uma função. E então aqui você pode ver que eu tenho direito, desenvolvedor, ponto desenvolvedor, obter o nome completo do desenvolvedor aqui. Agora aqui você pode ver em primeiro lugar, estamos criando a classe Person, que é uma classe pai onde eu acabei de dizer o primeiro nome e sobrenome aqui. Ok, agora depois disso você pode ver aqui eu estou apenas recebendo o nome completo, que é um método aqui onde isso vai nos retornar this.name e distorcer o sobrenome aqui na visão do desenvolvedor, nome e sobrenome aqui. Onde você pode ver que depois disso, eu só estou recebendo o nome completo aqui, que é propriedades da classe pai. Então eu estou apenas recebendo essas propriedades aqui em uma classe infantil também, que é um nome completo que você pode ver aqui. Então é assim que a herança prototypal funciona em JavaScript. Agora, vamos voltar para o outro exemplo aqui, você possa ver isso. Então eu apenas deixo este exemplo aqui e eu estou apenas criando um dos, outro exemplo aqui. Então, como você pode ver aqui, que eu estou apenas criando uma função. Então aqui você pode ver que eu estou apenas usando constituiu a palavra-chave, mas aqui eu estou apenas usando a função aqui, como nosso exemplo antigo, visão bike. Então aqui eu estou apenas executando o exemplo aqui, ou pedômetro aqui. Como uma empresa. Esta é uma função como uma bicicleta, que é a nossa classe de pais. Ou esta é a nossa função construtora onde eu apenas escrevo que this.com. Então esta é uma herança de nível funcional aqui. Então, onde eu só estou usando. Protótipo S1. Então Harris escreve empresa que é igual a empresa, e empresa que é igual a companhia aqui. E então aqui eu tenho o ponto de bicicleta certo, ponto protótipo obter a empresa, que é igual a, I. Basta escrever aqui função. E a função aqui é retornar this.com. Está bem? Agora aqui você pode ver em primeiro lugar, eu estou apenas fazendo este construtor, que é construtor aparente desta função. Então você pode ver aqui, eu sou apenas herdar esta função deste veículo. Está bem? Onde eu tinha o nome certo e depois o preço. Agora aqui eu escrevo este nome de ponto, que é igual ao nome. E depois este prémio da porta. Então este é o prêmio que é igual ao preço. Está bem? Agora aqui você pode ver que fuzzy, esta é a função que é uma função pai aqui onde eu apenas criar uma empresa construtora. E então aqui este é um protótipo, OK. Agora, depois disso aqui, você pode ver que esta é uma função infantil. E você pode ver que uma função construtora criança onde eu apenas disse o nome e os preços. Então, depois disso aqui você pode ver que eu tenho bicicleta variável direita e eu estou apenas criando o objeto aqui onde eu tenho que escrever o byte que é igual a mu bike, onde eu tinha direito, que o nome da moto aqui é, ou por O nome da empresa aqui é Horner. E então eu tenho o código mais próximo. E então aqui você pode ver que eu tenho veículo certo e ponto veículo aqui eu tentei protótipo, que é igual à visão. Bicicleta. Aqui você pode ver que agora esta moto vamos tratar como o pai do veículo. Está bem? Agora aqui você pode ver que variável e variável aqui é o veículo e este é o vigília aqui e que é igual a nu. E nu aqui é o veículo onde eu acabei de dizer os valores para ele. Vamos supor que este é o brilho da Honda e aqui o preço do que aqui é 800. E eu divulgo sua visão de cabelo, documento ponto escrever e document.escrever aqui é você pode ver que acordar seus olhos de cabelo, certo? Consiga companhia. E este é um bom método da empresa. Então você pode ver aqui esta é uma boa empresa, enquanto que usando aqui. E então aqui eu lado mais. E mais aqui está o nome do ponto acordado. Está bem? E, em seguida, aqui eu apenas escolher, novamente pode continuação do veículo. E este é o prêmio de ponto do veículo. E eu tenho que fechar isso. Então agora, então agora eu estou explicando este curso para vocês onde você pode ver que esta é uma função que é uma bicicleta, que é a nossa função pai construtor hetero pai aqui. Agora aqui você pode ver que esta é uma propriedade desta função e agora este é um protótipo. O que estou descrevendo aqui, que é um protótipo de ponto de bicicleta. Isso receberá o nome da empresa, que é igual a funções e que irá retornar a empresa. Aqui você pode ver que esta é uma função que é uma maneira legal. E aqui você pode ver que eu tenho que escrever os parâmetros para isso, que é nome e preço. Então aqui o pedômetro é empresa, isso.nome que vamos ter o nome primeiro e prato.preço que vamos ter o preço foi, Parece que as crianças gostam da nossa herança antiga. Então esta função irá, então esta função irá herdar esta função pai. Então este é outro, Você pode ver que uma função de criança que é um veículo e esta é uma bicicleta como uma função pai. Está bem? Agora aqui você pode ver que eu estou apenas recebendo o objeto mapa para esta função aqui. Ou você pode dizer que eu estou apenas chamando esta função. Então você pode ver aqui depois desta visão, protótipo de ponto acordado e bicicleta. Então aqui você pode ver que esta moto, vamos tratar dois, que chamamos de patente. Esperança. Então você começa isso agora, eu apenas defini os valores e adicionar o último, obtendo estes todos os valores n pode continuações e sublinhado. Então aqui você pode ver que este é o nome da empresa que é Honda. Este é um nome do byte e, em seguida, este é o preço da bicicleta. Esperamos que você entenda como podemos trabalhar com uma herança baseada em protótipos no SDK Java. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 58. Descritores de propriedade de Javascript: Pessoal, bem-vindos a esta palestra. E nesta palestra você viu que vamos começar a trabalhar com alguns dos avançados no script Java. E nesta palestra estamos totalmente focados no descritor de propriedades no script Java. E vou dizer-lhe que o que é o descritor apropriado e como o usamos. Como uma propriedade de cada objeto é mais do que apenas pares de nome e valor. Cada propriedade está tendo o descritor de propriedade que ajudou a ver todos os atributos dessas propriedades. Como você pode ver que v, como vamos supor nossas variáveis de carro. Você pode dizer que isso é apenas uma classe. E aqui você pode ver que você tem a marca desse carro, que você tem o modelo desse carro, você tem a capacidade do motor desse carro, e você também tem a potência máxima desse carro também. Para construtor do objeto paramédico tem um método que nos permite visualizar todo o descritor de qualquer propriedade de um objeto. Por exemplo, você pode visualizar o descritor da marca de propriedade do objeto de carro chamando-o como você pode simplesmente escrever console.log e, em seguida, você tem o objeto certo. Obter o seu próprio, como obter no descritor de propriedade onde você apenas escrever o nome da classe. Vamos supor que um nome de classe aqui é carro, e então você secou a propriedade desse carro, que é, vamos supor marca ou modal ou motor. Ok? Vamos ver aqui que eu estou apenas mostrando um exemplo sobre este descritor de propriedade e eu vou dizer-lhe que como você pode criar aqui, você pode ver que eu estou apenas criando uma tag script onde eu tinha que escrever, vamos supor uma variável e variável aqui é o carro era igual a. Aqui eu só escrevo net. Suponha marca do carro que é igual a, Eu só escrevo a marca aqui é od. Ok? Agora aqui você pode ver que eu tenho que escrever a marca do carro aqui, que é od. E aqui você pode ver que eu tenho que escrever aquele modelo daquele carro. Então eu estou escrevendo, ou eu vou escrever o mortal daquele carro aqui, desculpe, isso é marca de coluna. E agora você pode ver que eu descrevi, este é o nosso modelo oito, desculpe, R8, ok. Agora aqui você pode ver que eu tenho direito a capacidade do motor daquele carro. Então este é o motor, e o motor aqui é, eu tenho que escrever que o motor V8 seguro, que está em seu coração dentro deste carro aqui, ajuda você a obter isso. Agora aqui você pode ver que eu tenho que fechar este núcleo e eu tenho que escrever log de pontos console onde eu tenho que escrever que este é um objeto, ok? E ponto objeto obter o seu no descritor de propriedade onde eu tive que escrever primeiro o nome das médias do carro dizer-lhe. E então aqui você pode ver que eu só quero obter a propriedade do motor aqui. Então eu simplesmente escrevo o nome disso. E então aqui eu vou fechar esta pontuação. Então, neste exemplo, você viu que estamos registrando todos os atributos da propriedade, que é o motor do carro objeto. Usando o método obter o descritor de propriedade get on. Assim, podemos ver que adições ao atributo de valor, ele tem mais três atributo que é configurável, em inumeráveis e graváveis. Então, todos estes são verdadeiros por padrão. Então vamos ver como podemos trabalhar com ele ou como podemos, que é a saída disso. Vamos executar este código. E você pode ver que eu vou apenas inspecionar mais e o console. Então aqui você pode ver que temos um objeto bem aqui. Em primeiro lugar, nós como, você viu que em primeiro lugar, nós como o configurável, Eu sou configurável propriedade, o que é verdade. Então temos 7y como animatable acabamos de desenhar. O valor aqui é que você pode ver que eu sou apenas definir o valor aqui que é um motor, e eu apenas obter o valor disso. Então aqui o valor aqui é v tan e escrever bem aqui é verdade. Os atributos graváveis decidem se o valor associado à propriedade pode ser alterado ou não. Então você pode ver onde é verdade. Então isso significa que isso é mutável. E nós podemos modificar os atributos de propriedade usando objeto ponto definido propriedade, como você simplesmente escrever aqui, como aqui você pode ver que eu estou apenas escrevendo log ponto console. E aqui eu vou simplesmente escrever sobre o lugar do que é propriedade definida. Então isso é apenas para definir propriedade aqui, onde você tem escrever seu carro e você é ClassName, que é carro, e então você tem escrever seu motor. E então aqui você tem a vírgula direita, que é aqui você pode escrever gravável e gravável aqui é falso. Ok? E então você tem que definir, vamos supor cartão ou cabelo. Tentei o motor e aqui estou inserindo a nova propriedade aqui no V, um lema. E acabei de fechar o placar aqui. Agora aqui você pode ver que eu estou dirigindo isso. Então você pode ver aqui o valor aqui é mutável. Então você pode ver que nós tendemos, nós cuidamos aqui e quando é dia aberto. Então você pode ver aqui o mortal e tudo é mostrado para nós. Acabamos de desenhar um cabelo. Você pode ver isso. Espero que você entenda agora. Então estes eram os atributos graváveis dentro do descritor de propriedade. Então, como você pode ver aqui que estamos escrevendo, estamos escrevendo o atributo gravável para o mecanismo de propriedade, que é modificado para as quedas, o que significa que o MTD em gravável, então se tentarmos alterar o valor da propriedade do motor é erro de passeio, que está vendo a tribo. Estamos vendo que o erro de tipo não pode ser atribuído à propriedade somente leitura, certo? Em seguida, temos os inúmeros atributos, que é por padrão a propriedade para uma adição de objetos são inumeráveis significado e podemos loop sobre eles. Por padrão, esse comportamento pode ser modificado colocando os inúmeros atributos como false para as propriedades. Em seguida, realizamos um propriedades configuráveis. Propriedade, como você pode ver aqui, que eu estou apenas removendo isso. E você pode ver aqui, estou apenas refrescando isso. Então aqui você pode ver que v, como configurável. Como você pode ver aqui, nosso cabelo configurável é verdadeiro. Então podemos configurar todas as propriedades de um objeto. Mas se definirmos os atributos configuráveis para o false, é impede que certos atributos sejam alterados e impede a exclusão da própria propriedade. Então você tem que simplesmente escrever get and set atributos sobre isso. Então, o que ele recebe em vez atitudes, então atributos obter um conjunto são as funções que funcionam no getter e o setter, que é respectivamente para a propriedade também. Espero que você consiga isso, que como podemos usar o descritor de propriedade em nosso núcleo. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 59. Conduta de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o importado ou escrever em JavaScript. A escrita matador em programação orientada a objetos é uma linguagem características que permitem que uma subclasse ou uma classe filho fazer implementações específicas de um método que já está provado por uma de sua superclasse ou uma classe pai. Se uma cláusula filho de subclasse ou uma classe filho tiver os mesmos métodos declarados na classe pai. É conhecido como método de substituição, que significa que aqui dentro deste nome de classe, vamos supor que você tem o nome da classe pai que é capturado. E dentro do carro. Você já definiu a função de deixar supor modelo, e você quer declarar este mortal dentro de sua subclasse ou uma classe infantil. Então este é o método carro substituindo porque você está implementando o mesmo assunto aqui. Espero que você entenda isso. Agora aqui vou lhe dizer um exemplo simples sobre esse matador carregamento método de classificação ao escrever lá, você pode ver que eu tenho isso certo? E eu tenho que escrever essa função. E então, dentro disso, primeiro eu apenas escrevo roteiro. E então aqui eu tentei que uma função que é o nome da perna. Multiplique, desculpe. Multiplicar onde eu apenas montar parâmetro é x, y e disse, ok, agora aqui você pode ver que eu tenho escrever isso. Vamos supor que este é o retorno, e o retorno aqui é X multiplicado por Y e y multiplicar por z. Aqui, como você pode ver, estou apenas criando uma matéria aqui. Agora aqui você pode ver que eu estou apenas criando função, função que é multiplicar. Como você pode ver, mesmo nome de função que eu estou usando aqui. Onde eu escrevo x, n, y. ok? Agora aqui você pode ver que eu tenho que escrever retorno e retorno aqui é x estático y. E você pode ver aqui, eu apenas dar-lhe uma variável que é deixe supor que nossa reserva, que é igual a aqui, eu escrevo multiplicar onde eu atacar os valores 123 ou 123 aqui. E então aqui você pode ver que você tem que simplesmente escrever a porta do documento, certo? E aqui eu vou obter o resultado disso. Ok? Agora você pode ver que eu estou apenas rodando este código para vocês e então eu vou explicar isso. Então, como você pode ver aqui, meu valor resultante aqui é dois. Ok, agora vamos para a esquina aqui como este assunto ou escrita funcionam em função. Então aqui você pode ver que eu estou apenas definindo uma função definida pelo usuário. E a saída aqui é duas. Então, como você pode ver aqui, o valor é multiplicações será igual a dois em vez de seis. Neste caso, as únicas funções disponíveis, que é multiplicar. Se assim for, pensamos que a VR está fazendo uma chamada. Uma função de multiplicação que é x, y e z. E é realmente chamando o multiplicador deste x, n, y aqui. Assim, o pedômetro restante será ignorado nesta fase. Como você pode ver que apenas fazer um conceito do método substituindo. Não se concentre nessa saída. Então aqui você pode ver que uma vez que eu apenas declaro uma função com o nome da mesma função, eu estou apenas declarando a segunda Pam. Então isso significa que isso é método ou escrita. Espero que você entenda isso. Agora aqui você pode ver que primeiro nós como a função multiplicar, onde eu apenas multiplicar x, y, e z. Ok, este valor. Então aqui, o valor de x, y, z 123 em vez de saídas seis v obter como saída dois aqui, apenas por causa de, Eu só digo que este é o método ou escrita, neste caso, as únicas funções disponíveis multiplicar, que é um parâmetro de x e y. Então, batendo isso, nós fazemos uma chamada para um multiplicador de x, y, z. Mas ele está realmente chamando multiplicador de x e y. E o pedômetro restante será ignorado. Espero que você consiga isso, que o que é o processo do método de escrita e como é, como é ignorar o valor ou menos. A primeira função ajuda você a entender agora. Agora aqui você pode ver que eu estou apenas dizendo um dos exemplos de que como você pode usar o método de metalurgia ou escrever na função embutida. Esta é a função definida pelo usuário. Agora basta vir para a função embutida aqui. Agora aqui você pode ver que eu tenho que escrever uma variável. Variável irá mostrar-nos a mensagem de alerta que é igual a I apenas escrever função. E a função aqui é um parâmetro da mensagem. E agora você pode ver aqui que eu estou apenas criando documento dot write. Nós estamos, você pode ver que eu estou apenas passando esta mensagem como o parâmetro. Eu só queria obter o valor desta passagem aqui. Agora aqui você pode ver que eu apenas usei as seguintes chamadas para invocar ou escrever função de alerta, que é nossas funções internas. Ok? Agora aqui você pode ver que eu tenho que escrever um script java. E então aqui você pode ver que eu tenho que escrever aquela mensagem Manilla novamente. E aqui eu vou escrever isso. Isto é aprender, está bem? E eu é a pontuação mais próxima aqui. Agora eu só vou para o navegador, atualizar isso. Então aqui você pode ver que isso é JavaScript e aprendizagem aqui. Ok? Acho que sua pergunta, Harry, na maior parte do tempo, função de alerta exibirá a mensagem na caixa de alerta. Mas aqui já fizemos isso. Agora, é exibida a mensagem no document.write espera que você obtenha isso, que como esta função de exibição funciona em que se você remover isso e o lugar do que estamos escrevendo mensagem de alerta para simplesmente que nos mostrará a saída em a mensagem de alerta. Mas aqui eu só digo a vocês que eu estou apenas operando a função embutida aqui. Ok, então é por isso que isso está nos mostrando a saída para este documento ou mensagem aqui. Espero que você entenda isso. Se não estiver, por favor me avise e obrigado por assistir a esta palestra. 60. Reportes de propriedade de Javascript: Bem-vindo a esta palestra. E nesta palestra vamos falar sobre a propriedade getters e setters assuntos no JavaScript. Em JavaScript, um setter pode ser usado para executar uma função sempre que é especificado propriedade é como tentativa de tentar ser alterado. Center são os mais utilizados em conjunto com um getter para criar um tipo de propriedade pseudo. E não é possível simular ou simultaneamente como setter na propriedade que mantêm o valor real. Agora aqui vou dizer-lhe que como você pode usar as propriedades getter e setter e como você pode obter os dados e disse que os dados. O primeiro tipo de nas propriedades de dados. Já sabemos como trabalhar com eles. Todas as propriedades que temos usado até agora onde nossas propriedades de dados em Segundo tipos de propriedades é algo novo que propriedades acessor e eles são essencialmente funções que executam na obtenção e definição de valor, mas parecia um propriedades regulares para um núcleo externo. Vamos ver segundo exemplo em primeiro lugar, e eu vou dizer-lhe que como você pode usar obter propriedade aqui. Agora aqui estou eu escrevendo a tag do script. E dentro da tag script, estou apenas escrevendo uma variável. E variável aqui é o pacote e a porcelana que é igual a que eu acerto isso. O primeiro nome dessa pessoa. Vamos construir um nome de farsa aqui é o Jom. Certo, e aqui está o sobrenome da pessoa. E aqui estou eu começando o sobrenome dessa pessoa e o sobrenome dessa pessoa aqui é Daniels. Ok. Harris, certo. Vírgula E depois deste cabelo eu acerto aquilo. Que língua ele está falando aqui? Então eu só escrevo a língua Harris English. Então você entendeu isso. Agora aqui no último, eu só tentei que obter, chegar aqui é o comprimento. Então eu só uso get como uma palavra-chave aqui. Então lang aqui é que eu apenas criar um novo objeto aqui. E agora aqui você pode ver que eu sou o Strike Return. Retorno é faz linguagem Dart. Então eu só obter o idioma desta propriedade aqui com a ajuda desta obtenção ou com a ajuda desta palavra-chave Get. Agora adicione o último cabelo. Você pode ver que eu tenho o documento certo ou se você deseja escrever document.write ou documento ou obter elemento por ID. Então, isso é com você. Então você tem direito, eu li documento dot write onde eu tinha que escrever que este é o comprimento do ponto pessoa e pessoa. Ok, e eu tenho que fechar este código aqui. Ou se você quiser escrever como o documento do carro ponto getElementByID. E aqui você tem que simplesmente escrever uma tag de parágrafo onde você tem que escrever ID e ID simples, que é igual a aqui, ID de visão, que é uma boa demonstração. E aqui você pode ver que eu tenho que escrever isso. Isso está pegando o cabelo de demonstração. E agora aqui você pode ver que eu ajudei a escrever HTML interno, que é igual a eu greve pessoa e pessoa ponto lang aqui. Ok? E removendo isso, então vamos ver agora, não. E abra no navegador. E você pode ver que nós não temos nenhuma parte superior direita aqui. Eles só estão checando o núcleo. E o núcleo aqui é, você pode ver a primeira TV, como o primeiro nome John, depois perigoso, depois a língua Harry é Inglês. E temos que remover esta etiqueta BR. E eu me virei de novo. Então aqui você pode ver como podemos obter a propriedade desta língua aqui, ok? Isto é como podemos obter as propriedades de com a ajuda deste get como uma palavra-chave. Agora, no lugar desta palavra-chave Get, eu estou apenas escrevendo conjunto tem uma palavra-chave. Ok, e aqui você pode ver que eu tenho que comentar isso. E agora aqui você pode ver que eu tenho que, eu tenho que escrever conjunto que é comprimento. E onde eu tive que escrever isso é fornecer o valor. E o valor aqui é, você pode ver que eu descrevi esta linguagem aqui. E a linguagem é igual a Harris, certo? Valor. Ok, agora você pode ver aqui que nós não temos nenhum idioma aqui, ou você quer mudar o idioma aqui. Então você simplesmente vê que aqui eu estou apenas escrevendo pessoa e pessoa ponto comprimento e que é igual ao cabelo. Eu decido que isto é romeno. Ok. Agora você pode ver aqui e ir para o navegador e reformulá-lo. Então, como você pode ver, esta é uma linguagem indefinida e vamos apenas verificar o núcleo. E aqui eu vou obter a linguagem como a molécula. Ok, agora aqui como três fases aqui você pode ver Eu simplesmente definir um novo valor com a ajuda deste método setter. É assim que podemos obter o valor e definir os valores no script Java. Se você encontrar algum problema sobre o discurso ou sobre esta palestra, por favor me avise. E obrigado por assistir a esta palestra. 61. Animação de JS: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre as animações de script java. Em primeiro lugar, vou executar duas animações para vocês para melhor compreensão. E então eu vou criar uma forma animada para você. Então, esta palestra talvez seja demorada demais, mas isso valerá a pena para você. Aqui você pode ver que eu estou apenas criando uma tag de script aqui. Onde você pode ver que esta é uma tag de script. E você pode ver aqui, eu estou apenas criando uma variável e variável aqui é um objeto de imagem que é igual a Harris, certo? Objeto de imagem é nulo. Então aqui eu tenho write init método, e então aqui eu apenas escrevo, este é o nome do olhar confuso. Aqui eu apenas escrever objeto MJ, que é igual a ponto de documento, obter elemento por ID, onde o id aqui será a minha imagem. E eu só cito o acorde mais próximo aqui. Então eu só tentei imagem objeto pontos telha, onde eu tenho que escrever as posições ea posição aqui é relativa. Portanto, esta é apenas uma posição que é relativamente baseada. E depois disso você pode ver aqui que eu estou apenas criando o objeto de imagem novamente, onde eu tenho que escrever este bloco. E seu título da imagem aqui é deixado. Então você pode ver aqui há imagem Tyler aqui é esquerda, que é 0 pixel. Então aqui você pode ver que difusa e está recebendo a idéia deles. Uj é minha imagem aqui. Então aqui eu tenho objeto imagem direita, que é o estilo das posições relativas. E então aqui você pode ver que eu ajudei a escrever as posições aqui é deixado significa que na página do seu navegador web, sua imagem será parecido com isso. Ok? Agora aqui você pode ver que eu só quero mover esta imagem. Então isso significa que eu sou apenas animado esta imagem aqui. Então aqui eu apenas escrevo que este é mover para a direita significa que se a sua imagem é colocada no lado esquerdo aqui, modo que irá mover lado direito com a ajuda de um botão. Ok? Agora aqui você pode ver que eu tive que escrever esse objeto imagem e ponto estilo ponto esquerda, que é igual a aqui eu passo a analisar ent. E então aqui você pode ver que eu tenho que escrever que este é um objeto imagem estilo ponto, ponto, esquerda. Ok? O que significa que sua imagem vai para o lado esquerdo para o lado direito. Então visão mais dez. Isto é justo e a posição disso. E então aqui eu apenas concatenar pixels, cabelo e olhos código mais próximo. Certo, agora depois desse Harris, janela e a janela serão abaixadas. Quando baixaremos no evento onload? E aqui você pode ver que o que é igual ao Senhor é o método init. Então você pode ver aqui este é o método init novamente. Agora aqui você pode ver que dentro desta etiqueta corporal, eu estou apenas criando um dos formulários aqui. Então, a forma aqui é. Em primeiro lugar, só estou captando a imagem. Nós estamos aqui. Imagem que é o ID. E a identificação aqui é esta a minha imagem aqui, ok? E depois disso eu tenho fonte de gravação que é igual ao navegador. E aqui você pode ver que esta é a tag avançada e eu só tenho uma das imagens daqui. Ok, esta é apenas uma imagem DOM novamente. Agora aqui eu vou mais perto acorde. E então aqui você pode ver que eu tenho que escrever uma tag de parágrafo onde eu disse isso. Clique no botão para mover sua imagem. E, em seguida, aqui vou escrever que esta é a entrada, entrada, que é um tipo de botão I citar. E então aqui você pode ver que o valor disso aqui é Click Me para mover. E aqui este evento será carregado no clique e onClick aqui ele estará usando esta função direita do mouse. Por isso, é mover a função direita. E esta é a função mover para a direita, código mais próximo e pontuação mais próxima aqui. Agora aqui vocês podem ver que eu estou fazendo este curso, vocês, onde vocês podem ver que esta é a nossa imagem. E quando eu apenas clicar sobre isso, clique em mim para mover o botão. Então aqui você pode ver que, desculpe, esta imagem não está se movendo aqui. Vamos verificar o erro. E sim, aqui temos algum tipo de erro onde você pode ver o lado direito, esta janela carregar eventos fora do script. E este é um colchetes bem aqui. Tem isso, atualize-o novamente, e então você pode ver que Harry está com o botão direito do mouse em mim para mover. E você pode ver que esta imagem está se movendo clicando com o mouse aqui, você pode ver isso. Então este é o único tipo de animação onde estou inserindo na imagem. Agora aqui você pode ver que eu estou apenas indo para criar alguns tipos de animações onde uma caixa vai se mover de cima para baixo. Aqui você pode ver o gelo direito. Uma etiqueta de botão. E o botão aqui é onclick. E isso é no botão clique. Aqui eu tenho que escrever um nome de função, que está na tag script. E em primeiro lugar, estou apenas lendo a tag de script aqui. E dentro desta tag script, estou apenas criando uma função. E a função aqui é mover nome da função. Ok? Então eu só pausar esse nome da função de movimento dentro deste botão. E agora você pode ver que aqui eu apenas disse os valores para ele, onde os valores aqui estão. Clique em Eu para mover. Ok. Agora aqui você pode ver que eu tenho que escrever uma tag DIV onde o ID da tag aqui é igual a. Vou escrever que isto é animação e fecho este código aqui, está bem? Então aqui dentro desta tag script, eu vou apenas adicionar uma variável. E variável aqui é um l m, que é igual a document.getElementByID, onde o id aqui é animação. Então, tudo bem, então esta é a minha identidade aqui. Ok? Então eu estou apenas escrevendo essa identidade dentro disso. Então, depois disso, eu tenho o direito. Vr era, que é igual a dispor de posições médias, ok? Posições é igual a 0. O mesmo é o caso como o nosso exemplo. Ok, agora depois desta Harris direita, ID variável eo ID que é igual ao intervalo definido. Então este intervalo, que é o quadro, e o quadro aqui é dez. Então aqui você pode ver que eu estou apenas começando a tipos de IDs, que é aqui, onde você pode ver que em primeiro lugar, olhos posição direita, parente, e depois esquerda. E aqui você pode ver que eu acabei de enquadrar as posições que ele tem dez. Mas aqui você pode ver que eu tenho que escrever quadro é dez aqui. Ok? Agora, depois disso, estou disputando a função. E a função aqui é, eu tenho que escrever a função é quadro. E então aqui você pode ver que eu tenho direito, se posição e posição é igual, igual a 350, então você tem que escrever limpar o intervalo. E o intervalo aqui é I0. Então isso limpará o ID do intervalo aqui. Agora, para isso, eu tenho que escrever que este é o outro bloco de código. E como sorte do núcleo aqui será pausa e, em seguida, incrementar operador. Ok, agora aqui eu passo línguas, pontos, azulejos, e este é LMS significa o elemento. Ok, é por isso que estou andando, Im. Ok? Agora topo, que é igual às posições, significa pausar variável que é concatenações de pixel aqui, e então gelo núcleo mais próximo aqui. Agora aqui você pode ver que o elemento médio de Alan pontos estilo azulejo aqui é ponto esquerdo. E então aqui você pode ver o que é igual à pausa. E então eu deslizo que isso é mais e o mais aqui são os pixels. Então, como você pode ver que nosso JavaScript é Java núcleo, código JavaScript é concluído aqui. E agora você pode ver que aqui temos a animação que é Id, e então este é o botão que está em Click Me. Agora vamos dar, estamos definindo algumas dessas telhas bem aqui. E o estilo disso aqui é que há um C. Agora aqui. Em primeiro lugar, estou apenas escrevendo esses laços para as animações. E o tamanho das animações aqui é onde um, desculpe, isso é molhado e a largura aqui é, Eu tenho que escrever que 50 pixels. Depois os olhos dela, certo? O tamanho da animação, que é altura, e a altura aqui também é de 50 pixels aqui. Agora posição, então posição, posição aqui é igual à visão. Esta é uma posição absoluta e, em seguida, adicionar o último. Eu tenho o fundo certo e o fundo aqui é, ou a cor de fundo aqui é. Você pode ver que eu tenho razão, que este é azul real. Ok, agora eu acabei de fechar o placar. Então aqui quando eu apenas executar este acorde, então vamos apenas ver que este é Click Me para o movimento. E aqui você pode ver isso quando eu apenas clicar aqui. Então esta animação será movida assim. Você pode ver aqui estes são os 350 pixels. O que estou a criar aqui, está bem? E onde estão os três “s “? Esta é a posição que é 350. Então este Phillip se movendo nas posições 350 aqui, ok, você pode ver que isso é apenas uma animação da caixa. Então espero que sim. Seu conceito é muito claro sobre as animações e os tipos básicos de animações aqui no JavaScript. Vamos apenas voltar para as animações de base de formulário. E eu vou te dizer como você pode criar algum tipo de animação baseada em formulário. Eu tentei animações JavaScript um, e vamos ver aqui, você pode ver que eu estou apenas criando em primeiro lugar o metatag, que é UTF oito. E então aqui você pode ver que depois disso, Eu estou apenas escrevendo Mehta e, em seguida, SCTP equivalente, ok, onde eu tenho que escrever x barra, UA barra compatível. E então aqui eu tenho que escrever que este é o conteúdo e o conteúdo aqui é Internet Explorer h. Então este é o conteúdo do Internet Explorer oito. Então isso é apenas uma etiqueta de assunto o que eu estou discutindo aqui. Agora aqui eu estou apenas criando as posições relativas ou responder-lhe como o layout onde eu escrevo nome. E o nome aqui é que eu estou apenas escrevendo a janela de exibição. Viewport significa que, se você estiver verificando a página da Web no tablet móvel, laptop, no PC. Portanto, isso será acessível para você, significa que este site será responsável por você. Agora aqui, visão, molhada e molhada, que é igual ao dispositivo. E o dispositivo aqui é, eu tenho que escrever que este é o veterinário e o veterinário depois disso, eu estou impressionando que este é inicial e o inicial Aqui é esta matança igual a 1. Ok? Agora aqui você pode ver macarrão e. Esta é a placa viewport. Então o conteúdo e o conteúdo aqui estão molhados e molhados. O peixe molhado é igual a D, igual ao dispositivo, e depois veterinário. Ok, e então aqui você pode ver que este é o, este é apenas um SQL inicial que está começando a partir de 1. Agora você pode ver que eu tenho o link certo, link, que é a referência desta folha de estilo. E então aqui eu tenho que escrever HREF, que é uma tag link. E então eu comecei CSS barra main.css. Então isso vai obter o CSS cinco por cinco. Ok? Agora aqui você pode ver que eu tenho tag script direito e tag script aqui é a fonte de HTTPS, que é WOW, barra invertida. E esta é a API, o que eu estou apenas ligando com este formulário de animações. Então você pode ver aqui este é um link desta API onde eu estou ampliando aqui. Então, que é barra de movimento pop, barra de disco, todos os movimentos dot Global, dot, min dot java script como acorde mais próximo aqui. Ok. Agora, depois disso, eu só vou para a seção do corpo da página e vamos começar o nosso formulário mais B, eu estou apenas escrevendo DIV tag. E a tag DIV aqui é a classe de contêiner. Então esta é uma classe de contêiner aqui ou demonstrando. E, em seguida, aqui você pode ver que primeiro demonstrar tag H1. E aqui eu preencho o formulário. Ok, agora ofereça isso. Você pode ver aqui que eu estou executando um dos paralelos de Tang novamente. E aqui está o lado, por favor. Preencha o formulário abaixo, porque é isso que realmente precisamos fazer. Está bem. Agora, depois disso, eu tenho que criar um dos formulários aqui. E incidentes se formam fisicamente, eu estou distribuindo a tag de spam, tag span desculpe, onde eu tinha direito, a classe. E a turma aqui é a mensagem, OK, e aqui ele tentou esse nome completo, por favor. Depois disso, você pode ver aqui que eu vou criar uma das entradas. entrada aqui é um tipo de texto. E você pode ver que aqui eu disse que este é um lugar titular e lugar titular é nome. E então aqui estou a classe certa e a classe aqui é que eu tenho que escrever que este é um campo de texto. Então TXT, FLP, tudo bem. Agora aqui eu tinha direito na entrada de porta, que é um tipo de texto, que é o espaço reservado. E o titular do lugar é o endereço de e-mail onde eu tinha direito? Esta é a classe de feed de texto. E eu tenho que fechar este núcleo. Agora aqui você pode ver que eu tenho grande entrada e produz um tipo de envio. E este é um botão Submeter aqui. E então aqui eu comecei o valor. E aqui dentro inter informações significa em sua informação e Harris escrever classe. E a classe aqui é o btn é stand for button. Agora, você pode ver que alguns tipos de formulário é criado aqui. E você pode ver isso. Então este é apenas um hit taxa de carregamento e você pode ver lá preencher o formulário e este é o nosso formulário inicial, o que vamos criá-lo aqui. Então este é apenas um trabalho HTML. Até agora terminamos aqui, certo? Agora aqui você verá que estamos movendo para algumas das tags JavaScript. Will Harris escrever script é cortado aqui é a fonte de SGP nadou desconectar a API aqui. Então a API aqui é esta. Ok? Agora ofereça isso aqui. Você pode ver que eu estou indo apenas para a tag script. E dentro deste script tag aqui você pode ver que eu estou apenas escrevendo em primeiro lugar a constante. A constante aqui é, Eu estou apenas criando a constante como o recipiente que é igual a IS direita. Movimento pop. E este é um ponto de movimento pop é Tyler. Ok. Aqui eu apenas criar nossa herança é fixo. Este M no lugar de n. E, em seguida, aqui você pode ver que eu tenho o documento certo e um documento ponto QD seletor Kumar. E este é o seletor QD. E então aqui você pode ver que eu li recipiente ponto. Então este é o nosso contentor aqui. Ok? Agora tenho que fechar este núcleo. Onde você pode ver que em primeiro lugar, eu estou apenas escrevendo constante como um recipiente, que é você pode ver essa variável. Então aqui estou eu pegando essa API de Moção Papa e disse que há Tyler Dewar. Então aqui eu apenas escrevo document.write QuerySelector comando, o que já estudamos. E então aqui estou eu ligando isso com este pano de recipiente. Ok? Agora, depois disso aqui você pode ver que eu tenho que escrever esta é a constante. E a constante aqui é elementos de forma VD é igual a aqui. Eu disse que este é documento e documento ponto Curie. E um seletor bonito, onde eu tenho que pegar o interior. Ok? Agora aqui eu sou constante. E a constante aqui é mensagem, polpa de mensagem, que é promoção de mensagem, que é igual a passeio de gelo. Esta promoção aqui, desculpe, movimento pop aqui. E que é Dort é Tyler, onde você pode ver que aqui eu disse que este é documento document.write QT selector comando, onde eu tenho que definir isso na mensagem, que é o meu este membro anterior. Pode ver o membro anterior, por favor. Está bem. Isto será definido nesta mensagem aqui. Depois disso, você pode ver aqui eu apareço constante e a constante aqui são minhas animações, que é igual a Harris, certo? Que este é Paul Motion onde eu tinha que escrever este é movimento é gêmeo, onde você pode ver que eu tenho direito que a partir do ponto. Você pode ver que eu estou apenas ajustando a escala. E a balança aqui é salmão. E depois disso aqui você pode ver que eu apenas cavalgo opacidade. E opacidade aqui é, você pode ver que este é 0. E adicione última visão, y xs, que está em menos 300. Então eu vou explicar este acorde bem enquanto eu estava executando este programa, então não confunda. Então agora Harris escreve 22 aqui é, você pode ver que eu tenho a escala certa e a escala que é igual a um. E aqui você pode ver que isso é opacidade. E esta é a opacidade aqui, que é uma. E então aqui você pode ver que este é o eixo y em 0. E depois Harris, certo? Vírgula e depois duração. E esta é uma duração que é em um minuto, Holly, Ok, isso será visível para você em um minuto. Agora aqui você pode ver que esta é uma constante aqui. E constante aqui são minhas animações para que é igual a Paul Motion. Onde você pode ver que eu tenho a tecla certa e a chave aqui é quadros. Agora aqui eu acerto valores. E os valores aqui é o recipiente e o cabelo do recipiente está definido. Nenhum cabelo eu passo completo. E o completo aqui é igual a doer, certo? Que esta é a minha animações para ponto v ou eu tive que escrever mensagem. E a mensagem aqui é a mensagem da polpa, ok? Que é ponto definido. Então eu vou te dizer o que é um conjunto. Messi, enquanto eu não estava executando o programa. Então, concentre-se na palestra aqui. E você pode ver que aqui eu tenho que fechar o placar. Então eu só removo este colega disjuntores e acorde mais próximo aqui. Agora, depois disso, eu tenho a constante certa. E a constante aqui é, Tyler. E este é o Tyler, o que é igual ao que eu acabei de pegar o redemoinho. Então eu ou eu apenas criar um anúncio que está aqui mais a forma isocitrato. Então elementos de forma aqui são crianças escuras. Ok. Agora, depois deste cabelo, eu cito o mapa de pontos. Aprenderemos sobre o mapa nas próximas palestras. Então Harris, polpa direita, que é movimento, é Tyler. E eu tive que fechar o placar aqui. Agora aqui você pode ver que eu sequei constante. E esta é uma constante aqui como uma palavra-chave e aqui ele cita Tyler, desculpe, animação. Então esta é qualquer missão que deve ser igual a array. E a matriz aqui é que eu tive que escrever. Isto é como o Tyler, que é o comprimento dos pontos. Ok? E esta é a Quaresma. E aqui eu tentei esse ponto preencher e preencher. Aqui está Paul. Moção. Dot Heaviside é primavera. Ok? Agora aqui você pode ver que eu tenho que escrever esse formulário, que será a partir de um 100. E então aqui você pode, isso será vai até 0. E aqui eu tenho a escola mais próxima. Agora aqui eu faço movimentos pop e o ponto de movimentos pop é tagger. - Onde? Desculpe, este é o Tagger. Estamos eu derivei isso como qualquer missão e emissão será definido em um 100. Depois disso, ajudei a escrever estrela. E este coração aqui é V, que é igual a IC, que é igual a N maior que gelo, certo? V ponto para cada edição, onde eu tinha que definir X n i. E então aqui eu disse que isso é igual e maior do que é Tyler. Então pegue o índice i aqui. E então aqui eu tentei o conjunto de portas. E o conjunto aqui é que eu posso escrever y. e então aqui eu comecei eixo x. E então aqui você pode ver que eu tenho que fechar este tribunal também. Então eu apenas copio isso e colo aqui e aqui também. Ok, e desculpe por isso. Aqui. Vou colá-lo aqui. E depois fechei o placar. Então, como você pode ver aqui, meu código JavaScript é completado aqui para definir as animações são eu vou discutir cada coisa em um tempo. Só estou executando este programa. Agora, você acabou de vir para a seção de marés deste código. Agora aqui você pode ver depois disso, eu disse este azulejo. E então aqui você pode ver que primeiro eu estou apenas escrevendo HTML e depois estilo para o corpo onde você pode ver seus olhos, certo? Margem na margem aqui é 0. Então aqui eu disse o fundo e o fundo deste. corpo aqui é que eu tenho que escrever que isso é verde claro. Ok. Agora, depois disso aqui você pode ver que eu tenho forma seca e a fonte aqui é e a família estrangeira aqui é igual a área. Ok? Agora, depois disso, você pode ver aqui que eu acabei de dizer tag H1. E a tag H1 estará definindo a margem de 0. Então acorde mais próximo. E aqui eu Strike Ponto recipiente. E esta é a classe de contêineres que estamos recebendo. E então aqui você pode ver que eu disse veterinário, veterinário, Aqui está, e 50 pixels. Então este é um recipiente para o formulário. E então aqui eu ataco estofamento e o estofamento aqui é dois m. Então este é o impreciso, ok. Agora Harris fundo direito eo fundo aqui é que eu tenho que definir a cor branca. E então aqui eu tinha bem na borda e no raio da borda, que é igual a oito pixels. Então este é oito pixels. Agora aqui eu cito margem e a margem que é dez pixels, 10%, nossa pesquisa. Agora, depois disso, você pode ver aqui nós estamos recebendo o contêiner aqui. Agora aqui você pode ver que eu apenas obter o campo de texto e configuração, projetando para os campos de texto. Então Harris, Ri, dot, TXT e FAD, que é o nome da classe aqui. Aqui está bem molhado, molhado, que é calculadora. Aqui está um 100% e menos dois e. E então aqui eu tenho estofamento seco no estofamento aqui está um EM, ok? Agora aqui eu tenho a margem certa e a margem é a margem superior aqui. Nós estamos, certo? Este é um, E M, ok? Agora aqui eu só escrevo btn e o btn aqui é o vermelho. E o vermelho aqui é 100%. E o fundo e o fundo aqui é, você pode ver que esta é a cor do azul claro. Ok, agora aqui, esta é a cor do botão, ok? Agora aqui eu grego cor e a cor aqui é vite. Ok, a cor do texto aqui é branca. Agora estou estudando a margem, superior, a margem superior do botão. Então a margem superior é de dois m e, em seguida, fronteira direita Harris ea fronteira aqui é igual a não-botão. Como não há fronteira? Agora comecei o raio da fronteira. E este é um raio de fronteira e que é cinco pixels. Agora estofamento. E o preenchimento aqui é um EM e o tamanho do formulário. E o tamanho da fonte aqui é 2.1.2 EM. E depois o cursor. Cursor aqui é o cursor do ponteiro significa que eu estou asa este mouse, então este será um cursor do ponteiro. Ok, agora aqui eu ataco tag parágrafo onde eu apenas escrevo que a cor da tag de parágrafo também é verde. Para esta mensagem do Einstein. E a mensagem aqui é a posição de absoluto. E o estofamento é o ponto cinco E n. E o fundo. E o fundo é RGBA, que significa que vermelho, verde, azul. Então aqui eu escrevo isso é cores RGB 000. E então aqui eu disse 0,8. Então vamos ver isso. Qual é a cor aqui? Então esta é a cor preta, ok? Então esta é uma mistura de RGBA. E então aqui eu tenho a cor certa e a cor aqui é branca. Ou você tem que escrever valor hexadecimal, que é tem triplo F e então aqui eu cito melhor cidade. E a capacidade aqui é 0. Como podem ver, todo o nosso núcleo está completo aqui. Antes de verificar estes livros de saída, verifique a nossa força judicial. E você pode ver que, sim, aqui, ele está aqui nós temos um problema onde eu acabei de perder alguns dos comandos. E você pode ver que aqui você tem direito, esta é a atualização. E esta é uma atualização aqui. E então você pode ver que aqui eu disse que este é meu ponto de animações é alcatrão. Ok? Agora aqui eu fecha o núcleo. Então este é o começo. Ok? Então, como você pode ver, isso será feito aqui. Agora aqui dentro você pode ver que eu apenas fornecendo os valores para o quadro. Então você pode ver que aqui eu comecei primeiro o valor no eixo y, que é menos 50, onde a opacidade está. E a opacidade é 0. Ok? Então aqui você pode ver que a opacidade é 20 menos 20 e a capacidade aqui também é menos 20. E você pode ver que aqui eu lado embora a passagem vai começar a partir de um e este também é um aqui. E então acrescenta que a última opacidade da visão é 0 em 0. Ok? Eu ataco vírgula aqui. E então aqui eu cito, desculpe, isso é uma vírgula. E então aqui eu deslizo que estes são os tempos. E as vezes aqui é igual a 0, depois 0,2.8, e depois um. Ok? E aqui eu ataco a duração. E a duração aqui é, e a duração aqui é de 3 mil, o que significa que 3%. Ok? Agora nosso código é concluído com sucesso aqui e nós estamos indo para o navegador e atualizar esta página. Então você pode ver aqui que como esta página é qualquer matriz. Então você pode ver aqui. Agora vamos explicar este código aqui. Então você pode ver que em primeiro lugar está começando a partir desta seção de contêiner. E aqui você vai encontrar a tag H1, p tag e a pilha de formulários. Então aqui você pode ver que esta é a tag H1, esta é a tag de parágrafo, e isso é duas entradas e um botão, ok? Que é nome, endereço de e-mail, e então, aqui você pode ver que estes são o campo de texto, ambos. E então este é um botão de mensagem e este é finalmente o botão de enviar. Ok. Então aqui você pode ver que você vai encontrar o primeiro nome, por favor. Você pode ver aqui que este é, você vai encontrar o primeiro nome, por favor. Então, isto é aqui. Você vai descobrir que nós somos, nós definimos a força. Desculpe, aqui, vamos checar isso. Desculpe, era um nome completo. Então você pode ver aqui esta mensagem será mostrada para nós como cabelo, OK, quando estamos atualizando este programa. Então você pode ver aqui este é um nome completo, por favor opção, ok. Isso também é animado. Agora aqui você pode ver que esta é uma constante e recipiente como uma constante. Então eu só tomo este recipiente como uma constante aqui. E, em seguida, aqui eu só disse documento ponto QD seletor sobre isso. E então estes são os arquivos HTML internos, Edward. Então este é o movimento pop é tyler na mensagem aqui, que é o nosso nome e este será mostrado para nós nome completo, por favor mensagem aqui com a ajuda deste Kumar. Agora aqui você pode ver que eu tentei animação constante primeiro, onde você pode ver que eu apenas disse o salmão escala ea capacidade aqui é 0. Vamos apenas verificar. Então esta é uma escala de salmão e opacidade é 0. Portanto, não há opacidade. Opacidade significa que a cor do seu, este fundo, vamos verificar se a opacidade é cinco. E refresque isto. Então você pode ver aqui que esta é uma opacidade de cinco anos ok. E agora aqui vou mudar a opacidade também. Ok? Então você pode ver isso. Então isso é chamado de opacidade. Então aqui esta é uma escala, uma escala que significa que este é um tamanho de toda a sua forma. E então este é um eixo y e ovo significa que estas são as posições no eixo y, apenas em posições. Ok? Agora aqui você pode ver isso. Então você pode ver que este é um período de duração, o que significa que 100. Portanto, a duração aqui é de 1 segundo. Então aqui você pode ver que isso significa que a duração do movimento desta animação é de 1 segundo aqui, ok? Você pode ver que isso é invisível após 1 segundo. Aqui. Venha para a minha animação onde você pode ver que este é um movimento pop que é a chave para ele. Então o quadro-chave aqui é este é todo o quadro aqui, ok? Agora, depois disso, você pode mudar a opacidade daqui. E então este é um momento. Portanto, a duração do tempo é 0.2.812 e as durações de tempo aqui são três segundos. Então você pode ver aqui, que são 3 mil, ok? Agora aqui este será que é ensinado o conjunto de contêineres. E depois de completo que nos mostrará a mensagem, que é mensagem pop. Aqui você pode ver que isso nos mostrará esta mensagem após a conclusão da carga do quadro. E então aqui você pode ver que esta é a constante de custo como este tyler, Isto está recebendo a matriz de elementos filhos e, em seguida, pop movimentos tyler, que está recebendo a partir do mapa. E aqui você pode ver que esta é a animação que é o comprimento de um 100 a 0, e esta é a animação que é até uma pessoa 100. Então aqui você pode ver isso está recebendo o método de início e aqui eu estou classificando para cada loop e, em seguida, é Tyler ponto definido. Então espero que você entenda agora que como podemos trabalhar com as animações Java Script. E se você não entender o ponto aqui, por favor me avise e obrigado por assistir a esta palestra. 62. Mapas de JS: Ei pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre mapas em Java. Eu grito de clássico for-loop para o para cada loop métodos, várias técnicas e métodos são usados para iterar através da folha de dados em JavaScript. Um dos método mais popular no script java é o método de mapa. O mapa cria um adicionado de chamar uma função específica em cada item no presente, matriz. Mapas é um método não mutante que cria uma nova matriz como um lago, ao contrário de silenciar os métodos que só fazem alterações para chamar a matriz. Nesta palestra, vamos ver os mapas e eu vou dizer-lhe que como este mapeia chaves e os valores foram. Para criar os mapas. Há uma palavra-chave que está usando novo mapa. Com a ajuda dessas palavras-chave, você tem que criar os mapas ou um novo mapa. Como você pode ver aqui. Então você tem que escrever simplesmente mapa conjunto de pontos. E aqui você vai escrever chaves e o valor para o mapa. Então este testamento é para a chave pelo valor, ok, significa que há loja Philae, você é a chave pelo seu valor. Vamos ver como podemos criar o mapa. Então eu só uso deixar como uma palavra-chave que é igual a eu apenas escrever novo e novo cabelo é mapa. O Harris escrever Mapa, ponto, conjunto e conjunto aqui é, você pode ver aqui eu estou apenas em primeiro lugar criando mapa string. Então aqui eu citei um. Harris escreve um, e depois aqui, depois deste íon, certo? Corda número um. Então, como você pode ver aqui, eu apenas defino a chave como uma string. Então eu ataco mapa.get set. E aqui eu tenho que escrever um. E então aqui vou escrever isso. Vamos supor que este é um número. Então você pode ver aqui, desculpe, este é um, e aqui temos o número. Então isso é, você pode ver aqui esta é uma chave numérica bem aqui. Como você pode ver, este é um, então esta é uma chave numérica. Agora aqui eu conjunto de mapa do site, e então aqui eu vou escrever o mapa para o valor booleano onde certo verdadeiro. E então aqui eu tentei, isso é booleano. Então este é o B e o Booleano aqui. E este é o número. Ok? E eu mais próximo acorde aqui. Agora, após a morte, eu tenho que escrever uma mensagem de alerta onde eu mostro a mensagem de alerta para obter o mapa. Então Harry disse mapa.get método onde eu apenas gelado obter a chave numérica aqui, que é um. E então aqui você pode ver que eu tenho mensagem de alerta direito. E a mensagem de alerta aqui é que eu vou pegar o ponto do mapa, e o get aqui é a chave de string. Ok? Então eu começo aqui e eu tenho o código mais próximo aqui. E finalmente você pode ver aqui que eu estou apenas recebendo o tamanho do mapa. Então mapeie o tamanho dos pontos onde você pode ver que eu tenho o tamanho mais próximo. Então lembre-se do objeto regular, ele converteria a chave para a string e mapeia a chave para digitar. Então, existem as duas maneiras diferentes, então você tem que obter as cordas e as chaves numéricas também. Vamos apenas dar o exemplo. E vamos ver a saída para isso. Então você pode ver que primeiro nós vamos conseguir a chave. E o valor chave um aqui é o número. Ok, então isso vai obter o valor da string, desculpe, chave de string e o valor da string aqui é string. E então adicione o último que me mostrará o tamanho do mapa, que é três. Ok? Então alguns pontos chaves que você tem que lembrar enquanto você está trabalhando com o mapa. Portanto, um objeto de mapa não pode conter o valor duplicado. Lembre-se que um objeto de mapa pode conter valores duplicados como a chave e o valor pode ser qualquer tipo que está permitindo um objeto e os valores de parâmetro. E os objetos do mapa, os lençóis de gelo são elementos na ordem de inserção. Espero que você entenda isso. Esse valor de mapa não pode conter a chave duplicada, mas é ele pode fixar o valor duplicado. Ok, então é assim que trabalhamos com os mapas no JavaScript. Se você encontrar um novo problema em relação a esta palestra ou qualquer ponto que você não entender aqui, por favor me avise e obrigado por assistir a esta palestra. 63. Timing de JS: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o Java Script Timer. Um tempo ou é uma função que nos permite executar uma função em um determinado momento usando o tempo, ou é você pode exibir a execução do código para que ele não seja feito no momento exato e evento é acionado na página. Vamos supor que você está carregando a página e algum tipo de temporizador está disponível veado, então a execução será aqui. Você pode ver que vamos supor que esta seta é execução normal do seu programa quando você acabou de definir temporizador, vamos supor que eu apenas definir o temporizador até 3 segundo neste site. Então, depois de três segundos você é programa será executado. Por exemplo, você pode usar o temporizador inicializando o banner de anúncio em seu site em intervalos de tempo regulares ou exibir um relógio em tempo real, extra, extra. Como na maioria das vezes você pode ver alguns tipos de publicidade no site que permite supor 50% de, 50% de desconto, ok? Ou você pode ver que um 100% deste conteúdo, este tipo de anúncio é escolhido após o carregamento da página até três segundos ou cinco, levado para cima três ou cinco segundos. Este anúncio são mostrados para o seu site, então estes são feitos pelo temporizador. E há as duas funções. O que usamos no temporizador, que é o primeiro é V, Como definir a função de tempo limite. Está bem? E então temos SetInterval. Então definir função de tempo está tomando relógio inteiro e definir intervalo de tempo está tomando o intervalo de tempo significa que este é o tick. Agora aqui você pode ver que estamos executando um programa que executará o código após alguns meios, alguns segundos de atraso. Aqui você pode ver que eu apenas escrevo um código aqui, que é o código JavaScript. Eu só escrevo uma tag de script. E dentro desta tag script, estou apenas escrevendo uma função. Então função aqui é minha função ou você apenas diz que esta é uma função de tempo. Aqui. Só estou mostrando a mensagem de alerta para vocês, onde vocês podem ver que esta é a mensagem de alerta, olá, palavra. Ok, isso é só uma mensagem. Está bem? Agora aqui, depois desta tag script, vamos criar um botão. E aqui você pode ver que isso é apenas no botão aqui, que é onclick. Onclick aqui é este o meu nome de função? Ok, este é o nome da função. Aqui. Você pode ver que eu tenho que escrever os primeiros danos, certo? Estabeleça o tempo. E então aqui está escrever minha função. E eu apenas escrevo que este é 343 mil, o que significa que isso vai esperar até 3 segundos. E aqui está, certo. Aqui é Click Me. Ok. Então isto vai mostrar os resultados para vocês depois de três segundos. Assim, a função SetTimeout é usada para executar uma função são parte específica do código logo após um determinado período de tempo. Mse significa que após o tempo completo. Isto será executado. Eu só quero isso no navegador e aqui você pode ver que eu estou clicando neste botão. Então, após três segundos, sua função estará sendo executada. Então você pode ver aqui seu programa será executado assim. Então 100 significa que isso é 11000 milissegundos, o que é igual a 1 segundo, ok? É por isso que estou escrevendo 3 mil aqui. Então estes são os 3 mil milissegundos, que é igual a 3 segundos aqui. Está bem? Espero que você consiga isso. Agora aqui estou apenas executando um dos, outros exemplos. Vocês viram, eu só criei um relógio. Está bem? E eu vou te dizer isso como você pode criar o relógio aqui. Então, depois disso, eu só vou para o programa aqui. E aqui, eu só estou escrevendo a tag de script novamente. E dentro desta tag script, estou apenas escrevendo primeiro o relógio. Então aqui você pode ver que eu acabei de criar uma variável. Então variável aqui é, Eu apenas escrevo que este é o ID do intervalo. Está bem? Este é apenas um, você pode dizer que variável aqui. Então, após essa variável, eu estou apenas escrevendo isso como uma função. E a função aqui é, em primeiro lugar, eu estou disputando as funções para mostrar o tempo. Está bem. Só te digo que só estou à espera. Relógio aqui onde você pode é topo você é colheita também, ok? Ou você pode dizer que o, parar a execução do seu temporizador também. Então, em primeiro lugar, você pode ver que eu estou apenas criando função que é o curto tempo onde eu atacar variável d e d, que é igual a nova data. Está bem? Depois de criar as variáveis para a data, estou apenas escrevendo documento ponto getElementByID. E aqui eu só tenho a identificação aqui é relógio. E então eu estou apenas definindo o relógio de identificação aqui. E então aqui você pode ver que eu cito innerHTML, que é igual a d. D é minha variável aqui e d ponto aqui. Eu tentei isso também. Sequência de data local, ok? O que significa que vai ter a sua hora local. E aqui você pode ver que eu estou apenas criando uma tag de parágrafo aqui. E aqui você pode ver que eu estou assumindo uma tag de parágrafo e aqui está bem então a hora atual em seu computador é. Computador é, e então aqui eu apenas escrevo que esta é uma tag span onde o ID é igual ao relógio. Então, como você pode ver aqui, eu apenas disse, ou eu apenas obter o elemento por ID, que é o relógio aqui. E eu apenas o código mais próximo aqui. Está bem? Agora aqui, depois disso você pode ver que depois de obter a hora local, eu acabei de ganhar uma função. E a função aqui é, é topo do relógio. E dentro desta função eu apenas escrevo limpar o intervalo, ok, o que significa que depois disso, seu tempo será ensinado aqui. Então aqui eu estou apenas escrevendo intervalo claro, e aqui eu estou apenas passando esse ID intervalo, que é a variável bem aqui, e encerra núcleo. Agora aqui, depois disso você pode ver que eu estou discutindo de variável e variável. Aqui está o intervalo e intervalo ID, que é igual a i mira definido intervalo. E aqui eu só primeiro escrevo hora do show. E aqui depois deste gelo ali, isto é 11000 milissegundos, o que significa que 1 segundo. E você pode ver que nosso núcleo está aqui, concluído. Agora aqui você pode ver que eu estou indo apenas para a tag de cabeçalho e tag de cabeçalho insurgentes. Eu estou apenas escrevendo Hash relógio e eu estou apenas definindo o design ou desculpe, primeiro lugar, eu estou citando este azulejo aqui. E depois disso é Tile, eu estou apenas definindo o design para ele onde vamos supor que este é o relógio. E o relógio aqui é que eu estou definindo o fundo eo fundo aqui é igual a, você pode escrever preto ou você pode escrever 000. Ou desculpe, isso é um cólon aqui. E aqui está escrever triplo 0. Então aqui eu tentei emparelhar. E o preenchimento aqui é dois pixels, desculpe, 20 pixels aqui, ou você pode definir o emparelhamento como automático. Agora aqui eu disse a margem. E a margem aqui é 20 pixels e 0. Agora aqui estou eu escrevendo a cor aqui, e a cor aqui é você pode definir a cor aqui é verde ou o verde claro, ou você pode definir a cor aqui é LAN verde ou qualquer coisa que você pode escrever aqui. Em seguida, aqui exibição de visão, que é bloco. E então aqui está, certo, que esta é a forma de 48 pixels monospace. Desculpe, este é um 48 pixels que é mono. Está bem? Então você pode ver que aqui nosso programa está concluído. Agora eu estou apenas fazendo este curso. Então você pode ver que nosso relógio aqui está mostrando para nós que está recebendo apenas os dados. Está bem? Agora aqui você pode ver que eu estou indo apenas para o código. E aqui estou eu correndo, ou estou apenas criando um botão aqui. Então você pode ver que aqui eu apenas escrevo que este é o botão que é onclick. Desculpe, isso é onclick. Onclick, que é igual a aqui, é certo, então este é este relógio de topo, ou este é um relógio parado aqui. E depois disso, você pode ver aqui que eu estou apenas fechando isso e aqui está ele. Topo o relógio que está me mostrando a data aqui. Só por causa do cabelo, você pode ver que eu acabei de dizer a seqüência de data local ferramenta, que nós vamos obter a seqüência de data aqui se você quiser obter a seqüência de tempo. Então você simplesmente escreve a hora no lugar disso. Então você pode executar esta função. E então aqui você executará seu código novamente. E depois de alguns segundos aqui o que estamos apenas definindo, seu método data será executado aqui. Então isso é OK, OK string. E aqui você pode ver que eu apenas executar este código novamente. E você pode ver que eu só tenho a hora atual aqui. Você pode ver isso. E depois disso, quando você está apenas superando isso. Então você pode ver que este topo do clube, quando eu apenas clicar em parar o relógio. Então você pode ver aqui seu intervalo é, é superior bem aqui. Então é assim que você pode executar e você pode instalar sua execução com a ajuda do método timer. Então você obtém que os métodos setTimeout e set interval retornam um ID exclusivo e um valor inteiro positivo, que é chamado de identificador de temporizador, ok, que identificam o tempo criado por esses métodos. Então você entende que se você sabia o problema com este método temporizador no JavaScript, por favor me avise e obrigado por assistir a esta palestra. 64. Validação de JS: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o java é validações agarradas. É importante validar o formulário enviado pelos usuários porque ele pode ajudar a melhorar os valores Ashish. Então bem edição é preciso atender a portão do usuário. Java está corrompido, fornece a facilidade para validar o formulário no lado do cliente. Portanto, o processamento de dados será mais rápido do que as validações do lado do servidor. A maioria do desenvolvedor web preferido Java é validações de formulário de script para bem, ele às vezes vai formar. Como webs formulário ajuda se tornar uma parte essencial das aplicações web e muitas vezes é usado para coletar as informações do usuário, como nome, endereço de e-mail, localização e idade. Quando você está enviando alguns tipos de inscrição. Ou você quer aplicar algum tipo de pacote, ou você quer obter o pedido on-line. Então aqui, como você vê lá, que existem alguns tipos de formas e algumas formas como as validações formulários. Vamos supor que você tem alguns tipos de campo de entrada e nome do campo de entrada aqui é nome. E se você deixar este campo em branco, então uma mensagem é gerada para você que você tem que adicionar o nome aqui. Então este é o cartão as validações do formulário. Portanto, a validação do lado do cliente também é útil para criar a melhor experiência do usuário, uma vez que é falsa também, porque as validações ocorreram dentro do navegador do usuário. Se as validações do lado do servidor ocorrem nos servidores, que exigem que a entrada do usuário primeiro envie e envie os dados e, em seguida, ofereceu que validará esses dados. Em primeiro lugar, você pode ver que eu estou apenas criando alguns tipos de formulário aqui. E então eu vou lhe dizer como podemos validar este formulário. Então isso é apenas, isso não é apenas um formulário, este é um único campo de entrada. O que eu estou disputando para vocês para entender melhor. Então, depois disso, vamos criar alguns tipos de TextField também. Na próxima palestra vamos trabalhar são, vamos criar toda a nossa forma. Ok, aqui estou eu falando sobre as validações dos formulários e como validamos nossas ervas daninhas de texto. Ok, agora aqui eu disse o nome do formulário, que é o meu formulário. E então aqui você pode ver que eu tenho que escrever no método de envio. Ok, agora aqui você pode ver que eu estou discutindo função e função aqui é eu apenas escrever que este é validar o formulário. Ok? Este é o meu nome de função. E aqui eu apenas escrevo este nome de função aqui, e eu apenas obter o valor de retorno dela também. Agora aqui, você pode ver que dentro deste formulário, aqui, eu estou apenas criando o nome. E o nome aqui é o campo de entrada. E entrada aqui é o tipo de texto, que é o nome de fname. Fname eu só escrevo aqui apenas para um first_name. E então aqui dentro da entrada, entrada, que é um tipo de envio. Então, este será o fardo do botão Enviar. E aqui o valor aqui é enviar. Ok. Como ele apenas executar isso no navegador. Então você vai encontrar a saída como esta até agora, ok? Não ofereça isso. Nós estamos indo para o script e aqui eu apenas validar este formulário, mais sim, basta criar uma variável, variável x, que é igual a documento e documento ponto aqui eu apenas escrevo formulários. Ok? Agora aqui, dentro deste formulário aqui eu tenho que escrever que este é o meu formulário, que é o meu nome deste formulário como você pode ver aqui. E então aqui você pode ver que eu tenho que escrever que esta é a primeira dualidade inteligente dimerize. Isso o forçou também. Então eu vou apenas escrever valor. E então aqui eu, se x é igual, igual a Harris, escrever string vazia. Então aqui eu tenho que escrever que um advogado e alerta aqui é o nome deve ser preenchido. Ok? Isso significa que você tem que enviar seu nome e você não pode deixar seu campo em branco aqui. É por isso que eu estou apenas escrevendo a string vazia aqui, significa que se o seu campo está vazio, então isso será simples. Simplesmente mostrando uma mensagem para vocês. Ok, e aqui está direito falso, retorno e queda, a declaração. Ok? Agora aqui, eu só corro este primeiro ano, eu tive que escrever que este é um funky e eu apenas enviar isso. Então você pode ver que isso está enviando aqui e o nome aqui é enviado. Agora atualize isso e clique no botão Enviar. Então aqui você pode ver que há mensagens que me mostram que o nome deve ser enviado significa que você não pode deixar este campo em branco aqui. Espero que você esteja. Conceito é muito claro que como podemos validar nossos formulários no script java. Agora aqui você pode ver que como um fim de semana validar nosso campo com a ajuda de senha, como se você deixar a senha como em branco, modo que irá pedir-lhe a senha. Ok, vamos ver como podemos trabalhar com isso. Agora, neste exemplo, já trabalhamos com o nome, e aqui vamos trabalhar com um possível que, se a senha for inferior a seis dígitos ou um dígito, corrija-a. Então isso não será mostrar-lhe como a saída ou que será o formal nem será submetido aqui. Aqui. Você pode ver que eu tenho derivado BR tag e, em seguida, aqui eu tenho escrever et mágoa para sua melhor compreensão de que estamos trabalhando com os diferentes scripts. Aqui dentro tag script. Dentro da tag script aqui estou iniciando a função. E a função aqui é validar o formulário número um. Ok? E aqui dentro que vamos criar o nosso passo. Agora só chegamos ao formulário aqui. Então formulário aqui é o nome, esse nome que é igual a aqui é, certo. Meu telefone meu telefone número um é o meu nome disso. Ok. Então aqui eu tenho que escrever que isso está em submissão. E isto está em submissão. E aqui tenho que escrever que este é o retorno. E voltar aqui é o meu nome de função. Ok? E eu tenho que fechar este código aqui. Em primeiro lugar, eu tinha direito, que este é, vamos supor nome completo. E o nome completo aqui é igual ao campo de entrada e inferir sentir cabelo é um tipo de texto. E este é um tipo de texto aqui. E então aqui temos que definir o nome deste campo de entrada que tem um nome. E nome. Aqui está o nome. Ok? Então aqui eu tenho escrever tag BR para a quebra final única. E depois disso estamos criando o campo de senha aqui. Ok? E o campo de senha aqui é, você pode ver que o que é um tipo de entrada e entrada de cabelo é um tipo de, eu só disse que este é um tipo de senha. E então o nome aqui também é possível, ok? E então aqui eu tenho que escrever que é uma tag BR. E esta é uma etiqueta BR aqui. Nenhuma oferta que eu tive que apresentar. Eu tenho que obter o botão enviar e que é um tipo de enviar. E aqui temos que definir o valor. E o valor aqui é login, ou o valor aqui é registrar. Isso é com você, ok? Você pode definir qualquer um dos valores aqui. Então, como você pode ver aqui, nossa forma é assim. Nome e membro anterior, senha e registro. Vamos validar este formulário. E aqui você pode ver que temos que criar duas variáveis, adiando o nome da variável. E então temos a variável e variável aqui é uma senha. Ok. Pessoalmente, tenho o documento certo. Desculpe, este documento é o ponto do meu formulário. E a minha forma aqui é a minha forma um. Você pode ver que este é o nome do formulário. E então aqui eu tive que escrever o nome e nome ponto valor aqui. E aqui você pode ver o formulário de ponto do documento. Só copio isto e colo-o aqui. E então aqui eu tenho que escrever, e esta é a senha. E aqui a senha aqui é o valor. Então, em primeiro lugar, este formulário irá obter os valores com a ajuda dessas variáveis e é para o valor para essas variáveis. E depois deste cabelo, você pode ver que eu tive que ir para a declaração “if”. E se nome que é igual a nulo. Você pode ver que na última palestra nós escrevemos o nome como a string vazia. Mas se você deixar este campo como um nulo, ou você pode ver esse nome que é igual a string vazia. Assim, uma mensagem é gerada para você, que é uma mensagem de alerta e mensagem de alerta aqui é que o nome não pode estar em branco. Ok, e aqui você pode ver que eu tenho que fechar este núcleo e que vai retornar o resultado como as falhas. Por que eu apenas escrevo cai aqui porque isso não vai passar para a apresentação de qualquer tipo de informação. Ok? Agora aqui eu comecei mais se, senão se a condição aqui é, nós apenas disse a condição na senha. Então, se POS, que é igual a ou se passagens comprimento ponto e aqui eu apenas passo comprimento é menor que seis ou emprestado seu menos de oito significa que você deve ser dado um dígito de caracteres ou oito dígitos de números aqui. Agora aqui eu ataque alerta e alerta aqui é senha deve ser pelo menos. É caráter longo. Ok? E aqui eu tenho dois acordes mais próximos. E aqui você pode ver que eu tive que escrever retorno. E o resultado de retorno aqui é falso. Podemos agora aqui eu estou ampliando este acorde novamente, ver se este código e atualizar isso. Primeiro eu decido ou apenas viro. Então você pode ver aqui o nome não pode estar em branco. E aqui você pode ver que eu tinha que andar tão alto é um nome completo. E, em seguida, aqui 12345678 caracteres dígitos. Então ele digita caracteres aqui. E clique em registrar. Então você pode ver aqui estes formulários são enviados se eu apenas escrever registo. Então você pode ver aqui a senha deve ter pelo menos um caractere. Então, como você pode ver aqui, este é apenas um formulário validações sobre o primeiro nome e a senha. Agora aqui eu vou dizer-lhe que como você pode adicionar o campo de texto aqui significa campo de texto anexo, que só levará o seu número, significa que se você quiser pegar o número de celular do usuário, então adicione esse campo que você tem para escrever, você só tem que obter os números que você, você não disputou, não pegou nenhuma das etiquetas, caracteres de string. Ok? Aqui você pode ver isso. E nós estamos indo para o código aqui. E agora aqui você pode ver que eu tenho escrever como se e se aqui é, eu cheguei, esse é o número e aqui eu tenho que escrever isso é num. Ok? Agora aqui você pode ver que eu tenho que criar uma variável. E variável aqui é num. Um, que é igual a Harris, certo? Que este é o documento ponto meu formulário número um ponto aqui eu tinha direito, que este é o número eo número ponto valor. Ok, agora aqui vamos adicionar um dos campos aqui, que é o campo numérico. E aqui está, certo? Este é o número onde eu tinha, certo? Que esta é a entrada e entrada que é um tipo de texto. Ok. E aqui o nome é num. Ok? Agora aqui você tem direito é Pan Tang e sua caneta aqui é a identificação e identificação que é igual a aqui. Comecei lá. Este ID aqui é igual a Num Lock. E eu tenho que fechar este código aqui. E então esta é a etiqueta BR. Ok, agora aqui você pode ver que agora nós estamos apenas indo para este script. E aqui eu tinha direito, que este é documento e documento. Documento ponto get elemento por ID e cabelo. O ID aqui é que você pode ver que Num Lock. E então aqui você pode ver que eu tenho direito, que é igual ao valor inter numérico apenas. Então esta será a mensagem aqui, e então que irá retornar o resultado como o falso aqui. Ok, espero conseguir isso. Agora aqui. Então isso é se... e aqui temos que escrever isso, certo? Refresque isto. Então você pode ver aqui nós vamos adicionar apenas número. Este é o campo de senha, e este é o nome. Eu só clique nisso para que você possa ver aqui minha arte, que seu cabelo é submetido. Se eu deixar qualquer um dos campos em branco aqui. Então você pode ver aqui, então um desculpe, este é o número e que não vai nos mostrar a mensagem aqui. Então aqui temos que ir para a outra declaração. E dentro disso como uma declaração aqui eu escrevo que este será o retorno verdadeiro aqui. Aqui temos alguns tipos de Fair que eu acabei de tentar é o número aqui, mas aqui eu estou apenas escolhendo é Nan aqui, que é uma função. E então aqui eu apenas rodo este código e o campo de senha e então eu apenas clique sobre isso. Então, isso será apresentado aqui. E se eu apenas escrever esses valores correctores, então vamos verificar o erro. Chamamos isso de não pegar essa corda aqui. Desculpe o número aqui. E sim, sentimos falta em nosso HTML aqui. Refresque isto. Salvar e atualizar novamente e herança direita então Olá é um membro completo. Esta é a senha. E se eu apenas escrever os corretores aqui neste campo numérico e apenas clicar em registrar. Então aqui você pode ver que por sua vez apenas valores numéricos. E aqui você pode ver que quando eu apenas orientado para valores numéricos, modo que será tomar como o valor resultante aqui. Esperamos que você obtenha isso, que como você pode trabalhar com um formulário validações no java é clipe. Então é assim que podemos trabalhar com nossas formulações JavaScript. Se você encontrar algum problema aqui nesta palestra, por favor me avise e obrigado por assistir esta palestra. 65. Forma de Validação de JS: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a manipulação de erros em JavaScript. Antes de iniciar o tratamento de erros ou o lance excepcional no JavaScript, só precisamos entender que o que é um erro? Erro é uma operação ilegal realizada pelos usuários que resultam em trabalho anormal, anormal fora do seu programa. - Como? Como aqui, eu só escrevo uma tag de script. E é aqui que eu estou fechando o script tag aqui. Então este é o seu fluxo normal de programa, ok, que não teve erros, então você não está dando esta tag Trump aqui e não fechando o aperto dele. Então nossa mensagem de erro é gerada aqui, que é carro e erro. Então, o que é uma manipulação de vírgula? O tratamento de erros refere-se aos procedimentos de resposta e recuperação da condição de erro que está presente nos aplicativos de software. Em outras palavras, é um processo que é comprimido de antecipações e detecções e resoluções de erro do aplicativo. Erros de programação ou o erro de comunicação. Manipulação de erros ajuda na manutenção do fluxo normal de execuções de um programa. Na verdade, muitas aplicações baseadas numerosos projeto desafiador e um desafio e considerando a técnica de manipulação de erros. Então eu só falo sobre o somador e o tratamento de erros no JavaScript. Agora aqui você pode ver que o que é a manipulação de exceção? Uma excepção que signifique a presença de condições anormais face aos requisitos especiais de funcionamento ou técnica. Basta dizer-lhe que o tratamento de erros. Então eu vou mostrar-lhe o ar no ar V, Como as operações ilegais realizadas pelos usuários que resultam em trabalho anormal da Polônia parece um caso como aqui na exceção. Então, na exceção v, como o termo programmings e exceções do acorde anômalo que é brig, o fluxo normal de um código, como exceções requerem programação especializada, que é construção VCE a partir do execução. Então agora aqui eu vou dizer-lhe que o que é a manipulação excepcional exceção na manipulação de exceção de programação é um processo ou método usado para lidar com o anormal é declaração no código e que está executando-os. Ele também é habilitado o identificador, identificador de controle de fluxo de seus programas a partir do manuseio do núcleo, que têm o manipulador vários são usados que processam as execuções e executar o código. Ok. Temos vários tipos de manipulação de sombreador onde nos ajudamos a subida leva erro. Então, onde é que a areia leva a era? O erro sentenciado aqui é, eu só digo que você vai escrever uma tag de script aqui. E então aqui você tem que fechar este script. Tag, ok, então isso é normal para o programa quando você simplesmente não montar é tag script aqui. Então isso é chamado, este é um erro de sintaxe, o que significa que quando nossos usuários cometem um erro em um texto enviado predefinido de uma linguagem de programação. E o erro de sintaxe podemos aparecer aqui. Então temos o erro de tempo de execução. O erro de tempo de execução aqui ocorre quando um ar, como durante a execução do seu programa, como um erro é conhecido como erro de tempo de execução. Os núcleos que criam erros de tempo de execução são conhecidos como exceções, ajuda você a entender agora, ajuda você a entender agora, o tratamento de exceção é usado para o tratamento de erros de tempo de execução. Então temos os erros lógicos. Os erros lógicos são os erros que ocorrem onde o Lodge, onde V comete um erro lógico nos programas que podem não prosseguir essa saída desejada e pode terminar anormalmente, como um erro é conhecido como erro lógico. Agora aqui você pode ver que eu estou apenas executando um programa. Vocês sabem? Estamos lançando alguns tipos de erros. Você acha? Ok, aqui você pode ver que eu tenho que escrever uma tag script. E em primeiro lugar, estou apenas escrevendo os erros baseados em frases para vocês. Onde você pode ver que aqui eu derrubo o ponto da janela. Aqui, eu só escrevo função de impressão. Ok. E aqui você pode ver que eu segurei perto. Eu ouvi não fechar este parêntese aqui. Está bem. Agora aqui eu estou apenas executando esse erro no navegador. Então você pode ver aqui que está resultando, mas isso não está resultando porque nós não dar-lhe nenhum dos valores aqui. Agora aqui você pode ver que eu tenho que escrever que este é documento e documento dot write. E aqui está eu tenho que escrever que isso é um erro. E aqui você pode ver que eu tenho que fechar este código. Agora aqui, quando eu executar isso. Então você pode ver aqui que isso não está nos mostrando o valor só por causa daqui. Não estamos dando parênteses aqui. Então isso significa que este é carro en, enviado com base em texto. Espero que você entenda agora, agora aqui, vou falar sobre o erro de tempo de execução agora. Agora aqui você pode ver lá que eu ouvi, certo? Documento e document.write onde você pode ver que eu tenho que definir a string, mas não dado qualquer outro valor aqui. Então você pode ver que aqui, vamos verificar o resultado disso. E então aqui eu só vou para o modo de inspeção e um console. Então você pode ver aqui, não está me mostrando o erro desta linha. Está bem? Então, aqui estou apenas removendo esse erro aqui. E vamos verificar agora. Então aqui você pode ver que esta é uma afirmação correta. Agora, ok, em, em nosso último exemplo, você pode ver aqui que foi um erro de frase Bayes. Mas aqui você pode ver que definimos nossa linha direita de código. Mas isso não está mostrando como resultado, porque aqui estamos cometendo um erro que está nos mostrando um erro de tempo de execução bem aqui, que não está nos mostrando o, qualquer valor de saída, ok? Agora, vamos voltar para os erros lógicos aqui. Então, quais são os erros lógicos? Os erros lógicos podem ser os tipos de erros mais difíceis de rastrear. Esses erros não são o resultado de um cientista ou de um erro de tempo de execução. Em vez disso, o ocorre quando eles cometem um erro em uma lógica que é dirige seu script e você não obter o resultado de você não fazer o resultado esperado. Está bem? Agora aqui você pode ver que nós levantamos este tipo de um erro com um catch try. E, finalmente, como uma palavra-chave, o que é tentar? Tenta julgamentos permitem testar um bloco de código de erro. Como você pode ver que aqui, se você inferno, está começando seu programa, OK, então aqui você tem as condições onde você está. Tenta o teu núcleo. Se suas condições forem infernais, sem erros. Então isso vai para o bloco catch e que é ignorar, desculpe, que é ignorar o bloco catch e, em seguida, que vai executar, ou está tudo bem se essas condições têm um somador? Então isso vai simplesmente ir para a tentativa novamente, que é redefinir o seu trie, em seguida, que irá executar um bloco catch de co-escrita. Vamos ver como. Você pode ver aqui que eu estou apenas usando tentar como uma palavra-chave. Então aqui você pode ver que eu estou apenas usando uma mensagem de alerta. E a mensagem de alerta aqui é, você pode ver que Harris está certo? Tente bloquear execuções. Está bem? E aqui você pode ver que depois disso, eu estou usando uma das mensagens de alerta aqui novamente. E alerta aqui é que está bem aqui e de bloqueio de tempo. Ok, aqui você pode ver que eles são oferecidos estes homens tri-estaduais correr. Você só tem que pegar um erro aqui. Está bem? A entrada aqui é, você pode ver isso. Aqui você pode ver o erro aqui está alerta. E a mensagem de alerta aqui é, aqui estamos pegando e a captura é ignorada porque não há erro. Ok. Aqui você pode ver, Vamos apenas seguir este curso. Então você pode ver aqui este é um teste blocos executar e tentar blocos n porque não há nenhum erro aqui e nenhuma exceção é armazenada em cache aqui. Espero que sim. Você pega isso aqui. Você pode ver isso ou eu estou cometendo algum tipo de erro aqui. Como aqui estou escrevendo alerta. Está bem? Agora aqui você pode ver que eu acabei de salvar este programa, redefinir tentar blocos R1. E então aqui você pode ver que há o fim. Sim. Certo, aqui temos que encontrar um erro. E aqui estamos escrevendo o alerta. Alerte aqui, como você pode ver isso, OK. Aqui eu só cometi um pequeno erro. Então as variáveis de erro não estão definidas aqui, ok? Agora aqui, quando eu executar este vendido aqui, você pode ver seu boi tribal correr primeiro. E então aqui você pode ver que isso irá ignorar esta mensagem de alerta aqui no bloco try, e que simplesmente irá mover para o bloco catch aqui e pegar sua exceção. Espero que você entenda agora. Agora aqui o ponto é que tente e captura blocos só funcionam com nossos erros de tempo de execução. Espero que você entenda isso. Aqui. Você pode ver que aqui nós estamos indo para executar um programa com gato, uma espécie de trie Castro e, finalmente, como a exceção aqui. Então, as declarações de prêmio permitem que você teste o bloco de código como este. Em seguida, pegar exceção, permitir que você manipule o erro, em seguida, declarações verdadeiras permitem que você crie um erro aduaneiro. E finalmente declarações permitem que você execute o código após o empate e catch. Ok. Em relação à razão. Agora aqui você pode ver que esta é uma captura de tempo, mas nós já estudamos sobre. Agora aqui estamos indo para trabalhar com lançar um erro, o que significa que estamos tentando erro por padrão. Ok, agora aqui você pode ver que aqui eu estou criando um novo script onde eu tenho que lançar um erro. Aqui você pode ver que eu tenho que definir o corpo dentro de seu corpo aqui eu estou apenas criando uma tag de parágrafo. Somos olhos bem ali. Isto é um erro verdadeiro. Está bem? Então aqui eu tenho que criar uma entrada e produzir um botão de erro de digitação. Nós somos o valor aqui é clicar em mim. E, em seguida, aqui eu tenho direito no método clique. E para o método OnClick aqui temos nucleate o nome da função. Eu declarei a função, que é onde eu comecei que esta é uma função como um nome de função. E aqui eu tenho que passar este nome de função ou como chamar este nome de função para este botão. Certo, acorde mais próximo. E agora aqui você pode ver que eu estou apenas desenhando e adicionando nossa postagem de cabelo. Estou apenas filmando uma variável a e variável a que é igual a 200. E então aqui eu tenho a variável direita B e variável B, que é igual a aqui, é direita 0. Então aqui eu estou apenas definindo um erro de divisão 0. Ok? E aqui você pode ver que eu tenho direito, se b que é igual a 0, b que é igual a 0. E aqui eu só usei TO como uma palavra-chave, ok? E jogar como uma palavra-chave aqui. E então aqui você pode ver que eu tinha bem ali, isso é dividido por 0. Está bem? E aqui eu tenho o núcleo mais próximo. Agora vou para a outra condição. E a outra condição aqui é que eu tenho a variável certa c e c, que é igual a um dividido por b. Onde você pode ver que aqui depois disso, espero que pegue esse erro, esse erro. Então aqui eu escrevo E como exceção ou o erro que estamos eu tinha certo? Mensagem de alerta e mensagem de alerta aqui é erro e erro será Ken continuações de e, o que significa que aqui estou adicionando a EDA, esta declaração. Está bem? Agora aqui você pode ver que eu tenho que executar este código agora. Então, em primeiro lugar, que irá executar as primeiras declarações. E aqui você pode ver que os caches ignoram por causa de não há erro. Aqui. Isto está a correr esta pontuação. E agora aqui eu disse, ok, e então você pode ver que eu vou apenas clicar neste botão Clique em mim. Então aqui você pode ver que um erro lance é gerado aqui mesmo, que é erro dividido por 0 erro. Ok, então você pode usar instruções de brinquedo para escrever suas exceções embutidas em seu programa, ou você tem que personalizar suas exceções. Então você entendeu isso. Então vamos passar para a declaração final e as declarações finalmente permitem que você execute o código depois uma tentativa e a captura independentemente da razão como legado. Agora aqui você pode ver que quando este núcleo, eu estou apenas escrevendo um Finalmente como uma palavra-chave. E aqui estou eu usando a mensagem de alerta. E a mensagem de alerta aqui é que estou escrevendo HI, I M finalmente. Está bem. E aqui eu tenho que fechar como núcleo. Agora só executo este código. Então primeiro você pode ver aqui nosso este tenta Edmund é executado. Então aqui ocorre a exceção, onde isso se moverá para a captura. E agora aqui você pode ver que ofereceu estes, estamos movendo para o finalmente como a palavra-chave bem aqui. Espero que você entenda agora que o que é um somador e o que é manipulação de exceção no JavaScript espera que você obtenha que se você encontrar problema em qualquer momento você não entender aqui nesta palestra, por favor me avise e obrigado por assistir a esta palestra. 66. Mande de erros de Javascript: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a manipulação de erros em JavaScript. Antes de iniciar o tratamento de erros ou o lance excepcional no JavaScript, só precisamos entender que o que é um erro? Erro é uma operação ilegal realizada pelos usuários que resultam em trabalho anormal, anormal fora do seu programa. Como? Como aqui, eu só escrevo uma tag de script. E é aqui que eu estou fechando o script tag aqui. Então este é o seu fluxo normal de programa, ok, que não teve erros quando você não está dando este termo tag aqui e não fechando isso o aperto dele. Então nossa mensagem de erro é gerada aqui, que é cartão um erro. Então, o que é uma manipulação de vírgula? O tratamento de erros refere-se aos procedimentos de resposta e recuperação da condição de erro que está presente nos aplicativos de software. Em outras palavras, é um processo que é comprimido de antecipações e detecções e resoluções de erro do aplicativo. Erros de programação ou o erro de comunicação. Manipulação de erros ajuda na manutenção do fluxo normal de execuções de um programa. Na verdade, muitas aplicações baseadas numerosos projeto desafiador e um desafiador e considerando a técnica de manipulação de erros. Então eu só falo sobre o somador e o tratamento de erros no JavaScript. Agora aqui você pode ver que o que é a manipulação de exceção? Uma excepção que signifique a presença de condições anormais face às necessidades dos especiais operacionais ou técnicas. Ele só diz que o tratamento de erros. Então eu vou mostrar a vocês o ar no ar viu as operações ilegais realizadas pelos usuários que desertam em trabalho anormal da Polônia parece um caso como aqui na exceção. Então, na exceção v, como o termo programmings e exceções do acorde anômalo que é brig, o fluxo normal de um código, como exceções requerem programação especializada, que é construído a partir da execução. Então, agora aqui eu vou dizer-lhe que o que é a manipulação excepcional exceção na manipulação de exceção de programação é um processo ou método usado para lidar com o anormal é a declaração no código e que está executando-os. Ele também é habilitado o identificador, identificador de controle de fluxo de seus programas a partir do manuseio, o código que tinha um manipulador vários são usados que processam as execuções e executar o código. Ok. Temos vários tipos de manipulação de somador onde nos ajudamos a subida leva erro. Então, o que é um erro de sintaxe? O erro sentenciado aqui é, eu só digo que você vai escrever uma tag de script aqui. E então aqui você tem que fechar este script. Tag, ok, então isso é normal para o programa quando você simplesmente não montar é tag script aqui. Então isso é chamado, este é um erro de sintaxe, que significa que quando nossos usuários cometem um erro em uma sintaxe predefinida de uma linguagem de programação. E o erro de sintaxe podemos aparecer aqui. Então temos o erro de tempo de execução. O erro de tempo de execução aqui é, isso ocorre quando um ar como estão durante a execução de seus programas, como um erro é conhecido como erro de tempo de execução. O CORS é criar. Erros de tempo de execução é conhecido como exceções, ajuda você a entender agora, faz o tratamento de exceção são usados para o tratamento de erros de tempo de execução. Então tivemos os erros lógicos. Os erros lógicos são erros que ocorrem onde o Lodge, onde V comete um erro lógico nos programas que podem não prosseguir essa saída desejada e pode terminar anormalmente, como um erro é conhecido como erro lógico. Agora aqui você pode ver que eu estou apenas executando um programa. Vocês sabem? Estamos lançando alguns tipos de erros. Você acha? Ok, aqui você pode ver que eu tenho que escrever uma tag script. E em primeiro lugar, eu estou apenas escrevendo os erros baseados em frases para vocês, onde vocês podem ver que os olhos dela na janela direita ponto aqui, eu apenas escrevo a função de impressão. Ok. E aqui você pode ver que eu segurei perto. Eu ouvi não fechar este parêntese aqui. Está bem. Agora aqui eu estou apenas executando esse erro no navegador. Então você pode ver aqui que está resultando, mas isso não está resultando porque nós não dar-lhe nenhum dos valores aqui. Agora aqui você pode ver que eu tenho que escrever que este é documento e documento dot write. E aqui está eu tenho que escrever que isso é um erro. E aqui você pode ver que eu tenho que fechar este código. Agora aqui, quando eu executar isso. Então você pode ver aqui que isso não está nos mostrando o valor só por causa daqui. Não estamos dando parênteses aqui. Então isso significa que este é carro en, enviado com base em texto. Espero que você entenda agora, agora aqui, vou falar sobre o erro de tempo de execução agora. Agora aqui você pode ver lá que eu ouvi certo? Documento e document.write onde você pode ver que eu tenho que definir a string, mas não dado qualquer outro valor aqui. Então você pode ver que aqui, vamos verificar o resultado disso. E então aqui eu só vou para o modo de inspeção e console. Então você pode ver aqui, não está me mostrando o erro desta linha. Ok? Então aqui estou eu apenas removendo esta víbora aqui. E vamos verificar agora. Então aqui você pode ver que esta é uma afirmação correta. Agora, ok, em, em nosso último exemplo, você pode ver aqui que foi enviado erro de Higgs Bayes. Mas aqui você pode ver que redefinir nossa linha direita, direita de código. Mas isso não está mostrando como resultado, porque aqui estamos cometendo um erro que está nos mostrando um erro de tempo de execução bem aqui, que não está nos mostrando o, qualquer um dos valores de saída, ok? Agora, vamos voltar para os erros lógicos aqui. Então, quais são os erros lógicos? Os erros lógicos podem ser os tipos mais difíceis de rastrear. Esses erros não são o resultado de um cientista ou de um erro de tempo de execução. Em vez disso, o ocorre quando eles cometem um erro em uma lógica que é dirige seu script e você não obter o resultado de você não fazer o resultado esperado. Ok? Agora aqui você pode ver que v Rice, estes tipos de um erro com a nossa captura tentativa. E, finalmente, como palavra-chave, o que é tentar? Tenta enriquecer. Permitir que você teste um bloco de código de erro. Como você pode ver que aqui, se você inferno, está começando seu programa, OK, então aqui você tem as condições onde você está. Tenta o teu núcleo. Se suas condições forem infernais, sem erros. Então isso vai para o bloco catch e que é ignorar, desculpe, que é ignorar o bloco catch e, em seguida, que vai executar, ou está tudo bem se essas condições têm um somador? Então isso vai simplesmente ir para a tentativa novamente, que é redefinir o seu trie, em seguida, que irá executar um bloco catch de código. Vamos ver como. Você pode ver aqui que eu estou apenas usando tentar como uma palavra-chave. Então aqui você pode ver que estou usando uma mensagem de alerta. E a mensagem de alerta aqui é, você pode ver que Harris está certo? Tente bloquear execuções. Ok? E aqui você pode ver que depois disso, eu estou usando uma das mensagens de alerta aqui novamente. E alerta aqui é que está bem aqui e de bloqueio de tempo. Ok, aqui você pode ver que eles são oferecidos estes homens tri-estaduais correr. Você só tem que pegar um erro aqui. Ok? A entrada aqui é, você pode ver isso. Aqui você pode ver o erro aqui está alerta. E a mensagem de alerta aqui é, aqui estamos pegando e a captura é ignorada porque não há erro. Ok. Aqui você pode ver, Vamos apenas comandar este tribunal. Então você pode ver aqui este é um teste blocos executar e tentar blocos n porque não há nenhum erro aqui e nenhuma exceção é armazenada em cache aqui. Espero que você consiga isso aqui. Você pode ver isso ou eu estou cometendo alguns tipos de erro aqui. Como se eu estivesse escrevendo alerta, certo? Agora aqui você pode ver que eu acabei de salvar este programa, redefinir tentar blocos R1. E então aqui você pode ver que há o fim. Sim. Certo, aqui temos que encontrar um erro. E aqui estamos escrevendo o alerta. Alerta aqui é que você pode ver isso, OK. Aqui eu só cometi um pequeno erro. Então as variáveis de erro não estão definidas aqui, ok? Agora aqui, quando eu executar este vendido aqui, você pode ver o boi tribal correr primeiro. E então aqui você pode ver que isso irá ignorar esta mensagem de alerta aqui no bloco try, e que simplesmente irá mover para o bloco catch aqui e pegar sua exceção. Espero que você entenda agora. Agora aqui o ponto é que tente e captura blocos só funcionam com nossos erros de tempo de execução. Espero que você entenda isso. Aqui. Você pode ver que aqui nós estamos indo para executar um programa com Kat, desculpe, nós tentamos Castro e finalmente como a exceção aqui. Então, as declarações de prêmio permitem que você teste o bloco de código como este, em seguida, pegar exceção, deixar você lidar com o erro, em seguida, declarações verdadeiras permitem que você crie um erro aduaneiro. E finalmente declarações permitem que você execute o código após o empate e catch. Ok. Em relação à razão. Agora aqui você pode ver que esta é uma captura de tempo, mas nós já estudamos sobre. Agora aqui estamos indo para trabalhar com lançar um erro, o que significa que estamos brincando erro por padrão. Ok, agora aqui você pode ver que aqui eu estou criando um novo script onde eu tenho que lançar um erro. Aqui você pode ver que eu tenho que definir o corpo dentro de seu corpo aqui eu estou apenas criando uma tag de parágrafo. Nós olhamos para a direita, que este é um erro verdadeiro. Ok? Então aqui eu tenho que criar uma entrada e produzir um botão de erro de digitação. Nós somos o valor aqui é clicar em mim. E, em seguida, aqui eu tenho direito no método clique. E para o método OnClick aqui temos nucleate o nome da função. Eu declarei a função, que é onde eu comecei que esta é uma função como um nome de função. E aqui eu tenho que passar este nome de função ou ela para chamar este nome de função para este botão. Certo, acorde mais próximo. E agora aqui você pode ver que eu estou destruindo e adicionar nossa postagem de cabelo. Estou apenas filmando uma variável a e variável a que é igual a 200. E então aqui eu tenho a variável direita B e variável B, que é igual a aqui, é direita 0. Então aqui eu estou apenas definindo um erro de divisão 0. Ok? E aqui você pode ver que eu tenho direito, se b que é igual a 0, b que é igual a 0. E aqui eu só usei TO como uma palavra-chave, ok? E jogar como uma palavra-chave aqui. E então aqui você pode ver que eu tinha bem ali, isso é dividido por 0. Ok? E aqui eu tenho o núcleo mais próximo. Agora vou para a outra condição. E a outra condição aqui é que eu tenho a variável certa c e c, que é igual a um dividido por b. Onde você pode ver que aqui depois disso, espero que pegue esse erro, esse erro. Então aqui eu escrevo E como exceção ou o erro que estamos eu tinha certo? Mensagem de alerta e mensagem de alerta aqui é erro. E erro será Ken continuações de E, o que significa r. Aqui estou adicionando a EDA, esta declaração. Ok? Agora você pode ver que eu tenho que executar este código agora. Então, em primeiro lugar, que irá executar as primeiras declarações. E aqui você pode ver que a captura é ignorada por causa de não há erro aqui. Isto está a correr esta pontuação. E agora aqui eu disse, ok, e então você pode ver que eu vou apenas clicar neste botão Clique em mim. Então aqui você pode ver que um erro lance é gerado aqui mesmo, que é erro dividido por 0 erro. Ok, então você pode usar instruções de brinquedo para escrever suas exceções embutidas em seu programa, ou você tem que personalizar suas exceções. Então você entendeu isso. Então vamos passar para a declaração final e as declarações finalmente permitem que você execute o código depois um trie e o gato independentemente da razão como levou. Você vê. Agora aqui você pode ver que com este núcleo e está escrevendo um Finalmente como uma palavra-chave. E aqui estou eu usando a mensagem de alerta. E a mensagem de alerta aqui é que estou escrevendo HI, I M finalmente. Está bem. E aqui eu tenho dois núcleos mais próximos. Agora, eu rodei este código muito rápido. Você pode ver aqui nossa declaração esta tentativa é executada. Então aqui ocorre a exceção, onde isso se moverá para a captura. E agora aqui você pode ver que ofereceu estes, estamos movendo para o finalmente como a palavra-chave bem aqui. Espero que você entenda agora que o que é um somador e o que é manipulação de exceção no JavaScript espera que você obtenha que se você encontrar problema em qualquer momento você não entender aqui nesta palestra, por favor me avise e obrigado por assistir a esta palestra. 67. A palavra chave: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o java é cribbed ES6. E dentro disso vamos falar sobre a palavra-chave let em JavaScript. Es6 é especificações introduzir duas notícias maneira de declarar uma variável no script java com let e const e o custo como a palavra-chave. Nesta palestra, vou falar sobre o chumbo como a palavra-chave. A palavra-chave let é usado para declarar as variáveis no script java. E a palavra-chave V-A-R também é usada para declarar nossas variáveis. Mas a principal diferença entre eles é reside lá é Cope gosta variáveis nas variáveis que usamos na função é Cope e deixe-me usado no bloco é lidado. Espero que você consiga isso. Para entender a palavra-chave let, é importante entender que como deixar n variáveis são diferentes umas das outras. Aqui eu vou dizer-lhe que este é o VaR como uma palavra-chave e este é LET como uma palavra-chave. E isso pode ser usado para criar a variável global. Ambos são usados para criar o global como a variável. Então aqui dentro desta variáveis V, Como redeclarar? Redeclare as variáveis e declarações D3 está envolvido aqui. E também usamos essas variáveis aqui para a função é escopo. Ok. Mas aqui nas variáveis let, a re-declaração não é um alto no mesmo escopo, e isso é usado no escopo do bloco. Como você pode ver aqui, há, Estou apenas criando uma tag de script aqui. E dentro desta tag script aqui você pode ver que, como eu apenas definir log de pontos console onde eu tinha que escrever que o valor do x aqui é. E então aqui você pode ver seus olhos definidos x. ok? O que faz x onde o x aqui é minha variável e x que é igual a dez. E então aqui está write x, que é igual a x mais cinco. Então, como você pode ver aqui, esta é uma variável normal onde eu estou scooting aqui com esta função é ok. Agora aqui você pode ver que eu tenho console direito, log de pontos console, ok? E aqui você pode ver que eu tenho bem ali, este é um valor de x após bloco. Então, como você pode ver aqui, esta variável aqui é uma abordagem baseada em função, que é eu estou usando a função de console, ok, agora aqui você pode ver que eu tenho a função direita, função que é igual a dedo como uma palavra-chave. E então aqui você pode ver que eu tenho que simplesmente chamar esta função nomeada fora desta função. Ok? Esta é uma função aqui. Agora aqui você pode ver que eu tenho que ir para o navegador. E veja isso. Então inspecione o modo e o console. Então você pode ver aqui o valor do x aqui é indefinido e o valor de x após o bloco aqui. Espero que perceba que esta é apenas uma abordagem baseada em variáveis bem aqui. Agora aqui vamos tomar isso como a palavra-chave let como um ES6 e abordagem baseada em chumbo, eu apenas criar uma função aqui. Então aqui você pode ver que eu estou apenas comentando isso. Então aqui você pode ver que este não é o x não é nenhum aqui e o empate está descomentando a linha. Ok? Agora aqui você pode ver que eu apenas mudar isso como um let, let x é igual a dez e x, que é igual a x mais cinco. Agora aqui você pode ver que eu apenas removo esta abordagem baseada em função aqui. Ok? Agora aqui você pode ver que eu apenas dirijo este tribunal. Então aqui você pode ver que o x não é não aqui, ajuda você a obter isso. Então, primeiro, você pode ver aqui as variáveis. Você pode ver aqui como podemos declarar as variáveis e como podemos declarar o LED. Então aqui você pode ver isso em um segundo exemplo do LED. Então o lago, eu me importo, eu apenas escrevo a linha número 16, que representa aquele X, que é igual a x mais cinco. Portanto, note que isso não é apenas o definido dentro do blog. É significa um bloco definir de código que é declarar em. Ok, agora aqui, eu não vou confundi-lo mais sobre isso. Aqui está certo, essa tag script novamente, nós apenas mover para a palavra-chave let. Então aqui morreu. Vamos supor, deixe mutilar. Eu só estou executando isso como um bloco é cobe. Ok? Agora eu não estou usando a função aqui. Agora aqui você pode ver que a cor da manga aqui é o gelo que amarelo. Ok, agora aqui eu começo se mangle e o cabelo de manga é igual ao fluxo, então aqui eu tenho que escrever que este é o deixar e deixar sua uma palavra-chave e deixar manga, que é igual a Harris, certo? Azul. Ok, então aqui eu escrevo console, console dot log. E o registro aqui é que eu apenas pausei a manga como variáveis. Agora aqui você pode ver que eu li o log do console e o log do console aqui é mangle, ok? Aqui você pode ver que eu tenho que executar este núcleo. Então, em primeiro lugar, você pode ver aqui que vamos correr azul e amarelo. Então manga é declarar como o amarelo eo número de linha primeiro cabelo ou aqui você pode ver isso. Mas estamos redeclarando a manga como o azul aqui com a ajuda desta palavra-chave principal nesta linha número 26. Então aqui você pode ver que dentro deste bloco if, no entanto, a saída é mostrada na manga é declarada dentro do bloco if e v tem um é lidado com que blocos apenas. E o lado de fora daquele bloco V, originalmente imprimir a manga aqui para aquela mala. Em primeiro lugar, você pode ver aqui o azul é impresso e, em seguida, aqui nós originalmente imprimir nossa manga como o amarelo aqui. Espero que você consiga isso. Agora aqui, eu estou executando um dos, outro exemplo para vocês. Somos uma etiqueta de hidreto. E dentro desta tag script eu tinha direito, deixe x que é igual a um, deixe x que é igual a um. Então aqui eu tenho direito, se x que é igual, igual a um. E aqui você pode ver que eu tive que escrever let x, que é igual a dois. mesmo é o caso como amarelo e o azul como uma manga. Ok, aqui você pode ver que eu tenho console direito e arquivo console.log aqui, x aqui, e depois aqui. Depois disso você pode ver que o mesmo é o caso como o nosso exemplo antigo aqui, eu escreveria log do controlador de console e imprimindo o valor ordinal aqui, que é x. Ok? Agora aqui você pode ver que a primeira adição de DNA inicialmente temos que declarar o valor de x é um. E então aqui você pode ver que se x que é igual a, igual a um, então aqui estamos mudando este código aqui, que é x, que é igual a dois. Vamos executar esta saída e executá-lo. Então aqui você pode ver que primeiro ano ele irá imprimir o valor resultante como uma ferramenta. E então temos o valor aqui como aquele visto como um caso como o nosso exemplo. Então é assim que VR alugar ou VR criando a palavra-chave let no script java ES6. Então espero que você entenda agora este exemplo, se você não entender qualquer um dos pontos aqui nesta palestra, por favor me avise e obrigado por assistir esta palestra. 68. A palavra-chave: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a palavra-chave constante do script Ackman. As declarações constantes criam referência somente leitura para uma variável. E isso não significa que o valor é hold é mutável, apenas que o identificador de variáveis não pode ser Itália está bem. Ok, e as constantes são o escopo do bloco. Lembre-se do anúncio e variáveis muito semelhantes definidas usando as instruções let. As seguintes regras que você tem que aplicar na palavra-chave de constante de custo em EC seis, onde você tem dois não pode alterar o Reyes. Eu não posso alterar o valor das variáveis, e você não pode reatribuir o valor a uma variável como na constante seis e constante ES6, você tem bu, você não pode ler, declarar suas variáveis também. E uma constante requer um inicializador. Isso é constante deve ser inicializado durante as declarações. Você tem que declarar custo como uma palavra-chave para mutar ou fazer silenciar suas variáveis. Como legado? Aqui você pode ver que eu tenho que escrever isso. Vamos supor que esta é uma tag de parágrafo e aqui eu defini o ID e IE que é igual a demo. E aqui eu tenho que escrever que esta é uma etiqueta de parágrafo, ok? Agora aqui eu tenho escrever tag script onde eu tinha que executar seção aqui onde você pode ver que eu tenho que primeiro definir o custo como uma palavra-chave. As constantes significa que o valor não pode ser alterável. E aqui eu escrevo 2.3.14, que é o valor de i. E este é o valor aqui, ok? Agora aqui você pode ver que depois de declarar off, depois de atribuir esse valor, eu apenas escrevo pi novamente, que é igual a 3,14 saltos, você obtém isso. Então aqui, na primeira fase você pode ver que esta é uma constante, que é o valor não é mutável. E então aqui você pode ver que eu tenho, eu tenho que reatribuir esse valor aqui, que é 3,14. Ok? Então agora você pode ver que eu tenho que escrever que isso está pegando uma víbora aqui. E o erro aqui é que eu tenho que escrever esse documento ponto getElementByID, onde o id aqui é demo. E então aqui eu tenho escrever que este é ponto HTML interno. E então aqui você pode ver que eu tenho que gerar um erro aqui. Ok? Agora aqui você pode ver que o erro aqui está gerando um erro aqui que você não pode alterar o valor. Ok? Agora aqui estou eu apenas executando este núcleo. E você pode ver aqui que você não pode alterar o valor, que é a minha declaração aqui, que é a minha, esta tag de parágrafo aqui. E aqui você pode ver que depois disso, você pode ver que este é um erro de tipo e a atribuição para a variável constante, ok? O que significa que não podemos redeclarar uma variável após Constante, nossa esta variável espera que você obtenha isso, que como podemos criar uma constante no ES6. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 69. Para o loop no ES6: Ei pessoal, bem-vindos a esta palestra. Você já estudou sobre o loop for no JavaScript. Aqui eu vou dizer-lhe que como você pode criar um loop for em ES6, o loop for irá executar um bloco de código é especificado o número de tempo, e ele pode usar para I28 ou um conjunto fixo de valores como, como um árabe. Vamos ver como podemos criar um loop for em JavaScript ES6. Aqui você pode ver que eu tenho que criar para, para como uma palavra-chave aqui. Então aqui eu descrevi deixar. Vamos, estou apenas criando uma variável temporária aqui. Agora aqui você pode ver que eu estou apenas inicializando o valor de i e um valor para i aqui é 0. Então aqui eu ataco J, que é igual a um. E então aqui você pode ver que j, que é menos de 30. Ok? Agora aqui você pode ver que eu tenho que escrever temporário, temporário, que é igual a i. E então aqui você pode ver que eu ouvi certo? Eu, que é igual a j. ok? Então depois disso aqui você pode ver que eu tenho direito, coma e G, que é igual a i e i mais temperatura. Ok? Agora aqui você pode ver que eu tenho console direito, log console. E o registro aqui é que estou apenas imprimindo o valor do G aqui. Então aqui você pode ver que eu estou apenas executando o exemplo de série de fibra bem onde você pode ver que eu tenho que atribuir um múltiplo expressões aqui, ok, dois combinando o loop for. Então você pode ver aqui em primeiro lugar, eu apenas defino os quatro. Em seguida, vamos ter uma palavra-chave. Então estes dois são a palavra-chave. Então vamos é uma variável aqui. Então aqui eu apenas criar isso como uma variável temporária e eu também é variável temporária, desculpe, i é também um lead tem uma variável. E então aqui estamos definindo um valor do j. aqui. Só estou definindo a expressão aqui. Vamos supor em exemplo variável, que é uma abordagem baseada em função onde você pode ver que você tem que definir vamos supor que eu que é igual ao número. Então você tem que definir i que é maior ou menor que, que é igual a 30. E então você tem que definir i plus. Mas aqui você pode ver que eu tenho que definir isso como quatro, deixe variável temporária então aqui é definido em você. Cada variável é i, e então aqui a variável é j. Então aqui nós definimos a condição variável aqui. Então aqui você pode ver que eu começo variável temporária, que é i e i, que é igual a j e j que é igual a I mais variável temporária, que significa que se você é variável temporária é igual a I e II aqui é 0, ok? Então aqui está 0, que é igual a um neste estágio, ok? Então aqui você pode ver aquele que é igual a 00 mais um, ok? Agora aqui você pode ver que, que o nosso V1, que é igual a um mais um. Então isso irá executar a pesquisa assim, ok, inicialmente isso resultará em valor será um, depois 12, depois 358, e assim por diante. Ok, vamos verificar a saída para este curso. E aqui você pode ver que eu tive que executar isso no modo de inspeção do navegador e aqui o console. Então você pode ver aqui o valor aqui é um, que é um duas vezes aqui. Você pode ver que então aqui temos 2358132134 bem aqui. Espero que você entenda isso, é assim que podemos executar um for-loop no ES6, ok? Se você encontrar algum problema aqui nesta palestra, por favor me avise e obrigado por assistir esta palestra. 70. Literais de modelos: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre literais de modelo em JavaScript. Nesta palestra, você aprenderá sobre o literal tentado pelo JavaScript. É um amor que você trabalhe conosco. Modelo de string simples, que é muito mais fácil. Como período para ES6, você pode usar aspas simples ou aspas duplas para chicotear uma string literais. E a string tem uma funcionalidade muito limitada para permitir que você resolva problemas mais complexos, que é literais modelo ES6 fornece a sintaxe que permitem que você trabalhe com é string de uma forma mais eficaz e mais limpa é o nosso modelo literal. Template literais são uma string literal Isso é permitir expressões incorporadas e você pode usar linhas poderosas é cordas e cordas como interpolações recursos com eles. Eles são chamados de literais modelo. Aqui você pode ver que eu estou apenas escrevendo alguns dos seguintes programas para os nossos literais modelo onde você pode ver seus olhos, certo? Vamos e deixe aqui é strings e as strings que é igual a aqui, você pode ver que eu tenho que escrever essas aspas sinal, e aqui dentro este é um modelo literal. Ok, e eu tive que fechar este núcleo aqui. Então aqui você pode ver que você tem que definir um poderoso é string aqui. E você também pode usar a formatação de string para sua string aqui. Ok? Agora aqui você pode ver que se você obter o resultado dele aqui é certo, esse console e arquivo console.log aqui é, Eu tenho que escrever que este é strings e legis verificar o resultado eo valor dele. Onde eu tenho que executar esta string literal. E você pode ver, você pode ver isso no modo de inspeção e então aqui você, então você pode ver aqui que este é o nosso modelo literal, ok? Agora aqui você também pode encontrar o comprimento do seu literal também. Como você pode ver aqui eu tinha console direito e ponto console aqui eu escrevo log e log aqui é que eu tenho que escrever strings. E ponto de corda. Aqui eu só encontro o comprimento da minha corda também. Ok? E você também pode gravar o log do console. E aqui você tem o tipo certo de, Você também pode encontrar o tipo de sua palavra-chave, tipo de sua variável, bem como com a ajuda deste tipo de palavra-chave. Então aqui você pode ver que temos um erro bem aqui que está em comprimento, é comprimento de ponto string aqui. E vamos apenas verificar o erro. O erro aqui é aqui que eu defino String capital. Vamos rodar esse código de novo. Então você pode ver aqui em primeiro lugar, temos que obter os modelos retro, então o comprimento deste literal aqui é 1027. E então aqui temos, certo, temos que obter o tipo é string. Aqui, por que usamos os literais modelo? Vamos supor que aqui eu estou apenas criando chave, eu estou apenas criando uma variável. A variável aqui é uma string, um, que é igual a aqui está certo. Eu só escrevo, vamos supor aqui. Se eu definir essas aspas aqui, então você pode ver aqui eu dentro. Então, quando eu definir isso, então você pode ver aqui isso não está tomando como as aspas em sua string. Ledges verificar com uma string literal. Então seu modelo literal, então estamos aqui, e aqui está, o modelo é certo que este é um modelo literais. E agora aqui eu tenho escrever console.log. E o arquivo de log aqui é que eu tenho que escrever que esta é uma string número um. Ok, vamos rodar este código agora mesmo. Então você pode ver aqui, isso é turnê é vir para cima com aqui. E aqui você pode ver que esta é uma aspas bem em sua string. Espero que você entenda agora que como você pode executar seu exemplo com literal de modelo no Java escapou. Então este é o nosso exemplo hoje. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 71. Parâmetros de função padrão de ES6: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o parâmetro da função padrão no java é webbed ES6. Então aqui você vai ver que como podemos lidar com o parâmetro da nossa função padrão. Aqui eu estou apenas criando uma função, função que é Olá. Ok, então dentro da tag script, estou apenas declarando a função. E a função aqui é Hello. Esta é uma função, função é olá. E eu só dirijo isso. Ok? Agora aqui você pode ver que eu estou apenas pausando pedômetro como a mensagem. E aqui você pode ver que eu estou atribuindo o valor a este valor é Olá. Eu sou função. Agora, como podem ver aqui, estou atacando o console. arquivo de log do ponto do console aqui é, eu estou apenas executando este parâmetro aqui, que é a mensagem aqui. E como você pode ver aqui, eu estou apenas executando esta função, ou eu estou chamando esta função bem aqui. Então, o valor padrão do parâmetro message aqui é que você pode ver que isso está na função hello e o valor da função aqui é Olá, I am function. Em JavaScript, os parâmetros da função permitem inicializar o pedômetro de nome com um valor padrão. E se nenhum valor ou um indefinido é passado para um legado de função, qual é a saída dele? E aqui você pode ver que eu estou indo para o inspecionar mais e console aqui. Então você pode ver aqui, este é o valor da função. Aqui. Ajuda você a entender agora que qual é o parâmetro da função padrão neste ES6 em JavaScript? Se você encontrar qualquer outro problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 72. Funções de arrow ES6: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre a função de seta no JavaScript. As funções de seta foram introduzidas com ES6 como um novo conjunto enviado decola escrita função JavaScript. Este CVS desenvolvedores vezes e simplificar a função é escopo. Aqui eu vou lhe dizer que quais são as funções de seta? As funções de seta também são chamadas de seta de gordura de você pode, se você usar o café é cortado como a linguagem trans compilada. Então r, estes são os cientistas mais concisos fora escrevendo a expressão de função e eles utilizam um novo token, que é supor que é igual e maior do que sinal traço olhar como uma seta gorda. Aqui você pode ver o que é igual e maior que sinal. Está bem? Assim, as funções de seta de função são anônimas e que mudou a forma como isso por trás disso se liga na função. Está bem? Assim, a expressão de funções de seta é cientificamente compacto ícone natureza para as expressões de funções regulares através sem está na ligação para o, este argumento e super palavras-chave, novas palavras-chave porta alvo. Assim, funções de seta, expressões estão situadas como o método e eles não podem ser usados como um construtor. Vamos verificar sobre o exemplo da função de seta e vamos ver que como podemos usar isso. Então eu só escrevo uma tag de script aqui. E dentro desta tag script, eu estou apenas escrevendo a constante como a palavra-chave, que é para declarar a variável aqui. Então vamos supor que eu estou apenas escrevendo materiais constantes, que é igual a que eu apenas defino o material aqui. Então constante significa que o valor não pode estar mudando bem, ok? Agora aqui você pode ver que os materiais aqui são em primeiro lugar, eu estou apenas escrevendo os materiais do carro. Ok. Então aqui você pode ver que, como você pode ver aqui, eu estou apenas criando um array. Então isso está dentro dos suportes aqui. Então aqui você pode ver que eu estou apenas escrevendo o material do caminhão. Então ofereça estes cabelos. Você pode ver que eu tenho direito, esse material simples. Então aqui você pode ver que no último cabelo eu tentei isso. Vamos supor materiais de ciclo. Então, como você pode ver aqui, eu estou apenas definindo alguns tipos de AD está aqui. E agora aqui você pode ver que eu estou apenas recebendo o comprimento dele. Então você pode ver aqui eu estou apenas definindo console.log. E aqui você pode ver que eu tenho material derivado, material Durham apenas usando mapeá-lo. E então aqui você pode ver que eu tinha material de escrita que é igual e maior que sinal, que é um sinal de função seta aqui. Espero que você entenda isso. Agora aqui você pode ver que material ponto Loc, desculpe, Material ponto aqui é definido ou bainhas recebendo o comprimento desses locais aqui. Legis verificar a saída esperada para este acorde. Onde você pode ver aqui é certo, Eu só executar isso no Google Chrome e, em seguida, aqui console. Então você pode ver aqui o ar é tamanho aqui é quatro, e então o primeiro valor Quaresma aqui é 131515 aqui. Então você pode ver aqui este é um protótipo de uma matriz aqui. Ok, espero que você entenda agora. Então, onde usamos a função de seta? Então esta é aqui, função de seta, que é uma seta gorda aqui. Se você descobrir que eu sabia o problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 73. Cursos de ES6: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre as aulas no ES6. Orientação a objetos é um software desenvolvido em Paradise Grom que seguiu a modelagem do mundo real. Orientações de objetos consideram um programa como as coleções dos objetos que se comunicam entre si através do mecanismo dos métodos. Es6 suporta esses componentes orientados a objeto para onde você tem que definir o objeto, onde você tem que definir esse comportamento estado e identidade. Então você tem que declarar as classes também, onde uma classe no termo de orientada a objeto com programação orientada a objeto, que é um blueprint para criar o objeto e uma classe encapsular os dados para o objeto, então você tem que usar os métodos também. Você também pode usar construtor e função também. Assim, o construtor é responsável por alocar a memória para um objeto na classe e as funções são representam a ação do objeto pode tomar. Tomemos o exemplo de criar uma classe e criar o objeto para ele no ES6. Aqui você pode ver que vamos criar uma classe. A classe aqui é que eu apenas criar uma classe de polígono. Nós, você tem que ver que primeiro, eu estou apenas criando o construtor. Então, como eu apenas digo que o construtor aqui para alocar a memória, onde eu tenho que definir a altura variável. E o molhado. Aqui eu apenas escrevo esta altura ponto, que é igual a IS direita, que esta é uma altura aqui. Então aqui depois disso, eu estou apenas usando este ponto W. Então W é para molhado, e aqui eu tive que definir a amplitude disso. Agora aqui devo definir o teste. Então eu estou apenas testando essas condições que controlam ou registram. E o log aqui é i é definido, esta é a altura do polígono. E então aqui você viu que eu tinha direito, esta ponta de ponto. Ok? Agora aqui você pode ver que eu tive que definir molhado e molhado do polígono. E aqui está definido eu ponto w aqui, desculpe, este ponto w aqui. Agora aqui estou eu discutindo a instância da classe aqui onde você pode ver que o cabelo é tingido OBJ Pauli, ok, onde você pode ver este objeto aqui e aqui é um novo. E novo. Aqui está um polígono dentro de um nome de classe. E então aqui eu defino a altura que é 20 e onde que é igual a 250 aqui. Ok? Agora aqui você pode ver que eu tenho direito OBJ, OBJ polly dot aqui. Eu só estou executando a função de teste aqui. Então, neste exemplo, você viu que estamos criando uma classe que é um polígono. E o construtor de classe leva dois argumentos aqui, que é a altura e o veterinário, que respeitosamente respeitam a v. Ok, então aqui vocês podem ver que eu acabei de usar essa palavra-chave. Então, esta palavra-chave refere-se à instância atual da classe que é esconder e, em seguida, o molhado. Em outro construtor de palavras aqui é inicializado duas variáveis, que é h e w, com o valor de parâmetros passado para o construtor. Aqui você pode ver que eu estou apenas executando as funções de teste na classe, que imprime o valor da altura e da largura. Ok? Torne os scripts funcionais. O objeto da classe aqui é criado neste objeto mal. Então aqui você pode ver que isso se refere a uma variável aqui e aqui estou discutindo o objeto. Ok, vamos apenas verificar a saída para isso. E você pode ver aqui, eu só vou inspecionar mais e console. Então você pode ver aqui a altura do polígono é 20 e a largura do polígono aqui é 50. É assim que você pode declarar suas classes no ES6. Espero que você entenda agora, se você não entender o ponto aqui, por favor me avise e obrigado por assistir a esta palestra. 74. Os parâmetros de descanso: Ei pessoal, bem-vindos a esta palestra. E nesta palestra você vai aprender como usar o pedômetro de descanso Javascript para reunir o parâmetro e colocá-los em tudo em árabe. Como o ES6 fornece novos tipos de parâmetros. Então cartão, pedômetro, pedômetro de prisão que tem um prefixo de três pontos. Os outros pedômetros permitem que você represente um número indefinido de argumentos como um Eddie. Como você pode ver isso? Vamos supor que este é um dentro desta tag script. Estou apenas criando uma função. A função aqui é, você pode ver que esta é uma função e aqui eu Stride parâmetro a, b. E aqui você pode ver que eu apenas escrever três pontos onde eu apenas digo. E então aqui eu apenas defino argumentos para ele. Então último argumento pedômetros é prefixado com três pontos, que é chamado pedômetro de descanso. Todos os argumentos que você postar nas funções serão mapeados para uma lista pedômetro no texto enviado aqui você pode ver. E o primeiro argumento é mapeado para um, eo segundo argumento é mapeado para B. E o terceiro, quarto, etc, será tão rasgado no parâmetro resto, que é argumento, ok? Como uma edição. Aqui você pode ver que eu estou apenas executando exemplo. Pessoal, estamos aqui. Você pode ver que esta é uma função. E aqui você pode ver que isso é um argumento. Ok. E agora aqui você pode ver que eu estou apenas recebendo o valor de retorno dos argumentos. Aqui estão os argumentos aqui. Só estou definindo o Reduce vermelho. Então, como você pode ver aqui, que eu estou apenas definindo o pedômetro de descanso aqui. Agora aqui eu apenas escrevo que isso é pré-visualização ou cabelo. Ele está certo de que isso é anterior. E então aqui, depois disso você pode ver que eu estou apenas definindo o parâmetro como a corrente aqui. Ok? Onde eu acabei de definir esta função de seta. E agora aqui você pode ver que eu tenho que definir o valor de retorno. E o valor de retorno aqui é anterior mais corte. Ok? E eu tinha dois núcleos mais próximos aqui. Agora aqui você pode ver seus olhos definir valor de corte, consolado ou log. Onde em primeiro lugar eu ouvi para definir o nome da função ou eu tenho que chamar o nome da função onde eu apenas somar esses valores que estamos, você pode ver que Harris, direita, 1234. E depois deste cabelo, você pode ver que eu tenho console direito e arquivo console.log aqui é que eu tenho que definir a função. Tenho que chamar a função. Somos gelo, certo? 12456. Ok, e aqui eu tenho que fechar o placar. Agora. Só estou colocando isso no navegador. Então você pode ver aqui inspecionar Console. Então o primeiro valor aqui é dez e, em seguida, 18. Então dez aqui é 236 e este é dez. E então aqui você pode ver aquele salmão. E aqui você pode ver o 1313 mais seis. Aqui está, você pode ver que o valor aqui é 18. Ok? Este é o nosso pedômetro de descanso em JavaScript ES6. Espero que você entenda agora, se você não está entendendo nenhuma planta aqui nesta palestra, por favor me avise. E obrigado por assistir a esta palestra. 75. O operador espalhado: Ei pessoal, bem-vindos a esta palestra. Nesta palestra você vai aprender sobre o JavaScript é bastante operador que está espalhado os elementos de um objeto iterável. Es6 fornece um novo operador, que é cartão é jogado operador que consiste em três pontos como parecem pedômetros de descanso. Assim, eles separam operadores permitem que você divida a esperança elemento e objetos rotativos, como um adicionar um conjunto de mapa, etc Aqui você pode vê-los. E enquanto você encontra essa tag de script, e dentro dessa tag de script, estou definindo a constante como uma palavra-chave ou qualquer coisa. Então eu só tentei constante ou que é igual a aqui, m está definindo a adição lá. Suponha que um a cinco, desculpe, uma vírgula dois vírgula cinco. Ok. Então aqui, uma vírgula três, vírgula phi porque estamos aqui, estou apenas criando o número do pedido Eddie. E aqui salmão também. Ok, agora aqui você pode ver que eu tenho uma constante certa. E a constante aqui é que eu apenas definir uma outra variável que é combinada e a combinada que é igual a aqui, é certo que isso é, vamos supor 2468. E aqui você pode ver que eu estou apenas definindo o operador de grade onde eu tive que redefinir três pontos seno. E então aqui eu tenho escrever ou assim r é minha variável aqui. Aqui eu tenho que escrever console, arquivo console.log, onde você pode ver que aqui eu estou apenas executando este valor combinado. Ok. Esta é a minha variável aqui. Então vamos verificar esta saída para o navegador e inspecionar Console. E aqui você pode ver que Eris tem oito. Então aqui você pode ver que eu sou apenas combinado esses dois valores sem constante. Então 2468123 e célula ou um valor par aqui, ok? Agora aqui neste exemplo você viu que o foco principal aqui é, é pago operador, onde o operador de rotação está localizado na área 4d aqui, onde você pode ver que estes são os US $3 sinais e o operador tira é descompactar o elemento de uma matriz aqui. Ok? Então também usamos esses três pontos ciência para os parâmetros restantes também. Mas os pedômetros Dreze estão usando como argumentos em sua função. Mas aqui você pode ver que estamos usando isso como um operador aqui. Espero que você consiga isso. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 76. Assignment de Destructuring: Ei pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre a interrupção da atribuição em JavaScript. Atribuições de interrupção permitem atribuir as propriedades de uma matriz ou objeto a variável usando a frase que é semelhante a literais de matriz ou objeto. Destruir atribuições é um recurso mais legal que veio junto com ES6. Interromper atribuições é um Java é expressões que tornam possível descompactar o valor de áreas ou propriedades de objetos na variável distinta. Ou seja, podemos extrair os dados da matriz e objetos e atribuí-los a uma variável. Olhe pergunta por que, por que é necessário usar atribuições de destruição. Vamos ver, imagine v0, v1 para extrair dados de LA. Então, como isso será feito, você já estudou a matriz. Agora aqui você pode ver que estou apenas criando uma variável. Variável aqui é, você pode ver que eu estou passando introdução variável, que é igual a, Eu estou apenas aparafusando a seta ao ar. Então, muito alto local. Aqui eu escrevo i. Então aqui eu escrevo I m. E aqui você pode ver lá eu estou apenas criando outra variável, desculpe, sob matriz indexada aqui e aqui está, certo, aquele programador alto funky. Ok? Então aqui, como você pode ver, eu estou apenas criando o array. E então aqui você pode ver que eu estou distribuindo a variável. Variável aqui é que estou escrevendo esta é uma variável para a saudação. E então aqui estou eu discreto pegando este Adi, e eu só quero imprimir a via aérea no índice número 0. O mesmo é o caso, como aqui. Eu só, eu só quero imprimir, vamos supor que o nome e o nome aqui é, eu só quero imprimir o nome desse funky aqui. Então você pode ver aqui, eu só quero imprimir, desculpe, 0123. E então eu só queria imprimir este índice número três aqui, que é o meu nome. Ok. Então aqui como você pode ver que eu apenas chegar a valores de índice aqui, que é 03. Ok? Então d rho 0 é alto. A entrada aqui é descolada. Ok? Esta é uma área normal, o que estou descrevendo aqui, certo? Agora aqui você pode ver que eu sou reta meses alma console.log. E então aqui em primeiro lugar eu estou apenas imprimindo esta saudação variável. E então aqui depois disso, eu tenho que imprimir este nome de variável. E aqui você pode ver que eu só quero imprimir o nome aqui. Ok, agora aqui você pode ver que eu estou executando este programa e ir para o console. E aqui você pode ver. Ele normalmente irá nos imprimir o índice 0 e o índice número três, que é o nosso funky aqui. Então, podemos ver que quando queremos extrair os dados da matriz, tivemos que fazer a mesma coisa uma e outra vez significa que se você quiser obter o valor número de índice 0, então temos que obter o valor 0000 uma e outra vez. Assim, as atribuições de destruição do ES6 facilitam a extração dos dados. Como fazer isso? Então vamos ver agora. Agora aqui eu estou apenas executando exemplo eliminando um exemplo básico sobre esta perturbação destruindo atribuições. Agora aqui você pode ver que eu cisne para imprimir o roteiro. Agora aqui, eu só tenho essa era aqui. Então você pode ver aqui esta é a minha adição. Agora aqui estou apenas criando a variável. Variável. Aqui é em primeiro lugar, você pode ver que eu estou apenas excluindo a variável aqui. Em primeiro lugar, esta é a variável para saudação. E então aqui, se você quiser obter o nome, tão simples, você tem que escrever o nome aqui. Então, o que é igual a Harris, certo? Introdução. Espero que você consiga isso. Agora aqui eu tenho console de gravação, arquivo de log do console. E aqui depois disso, recebo saudações. Desculpe, aqui só recebo saudações. E então aqui eu vou obter Console e console.log. E o registro aqui é que eu tenho que saber o nome disso. Ou aqui você pode ver que já temos o nome. Então aqui estou eu escrevendo isso. Jurei imprimir o pronome. E aqui você pode ver que o pronome aqui, ok, agora aqui você pode ver seus olhos ir para o navegador e atualizar isso. Então você pode ver aqui política que vai me imprimir lendo mensagem que é alta, e então que vai me imprimir o pronome, que é eu aqui. Ok? Então, como você pode ver aqui, que como podemos atribuir um básico é caminhão destruição básica, ok? Agora, você pode ver como eu estou apenas declarando uma variável com isso, ok, agora aqui você pode ver que esta é uma tag de script. Agora aqui estou apenas copiando isso e imprimindo aqui. Então aqui eu só removo este ar é valores e aqui você pode ver. Então esta é a minha variável aqui onde eu estou apenas criando, que é saudação e pronome. Espero que você consiga isso. Agora aqui com a ajuda dessas variáveis. Então eu apenas atribuo as variáveis a estes array. Então, como você pode ver aqui, que isso é saudação e o pronome aqui. Agora que é igual a oi, eu sou programador funky. E aparentemente você só quer chegar aqui. Então, como você pode ver, eu apenas reformulá-lo para que você possa ver aqui difusa que irá imprimir oi, e então eu ouço, espero que você consiga que como podemos usar ou como podemos atribuir as variáveis antes, como podemos declarar as variáveis antes de atribuir. Agora aqui você pode notar que as variáveis são definidas da esquerda para a direita, como você pode ver aqui. Assim, a primeira variável obtém o primeiro item na matriz e as segundas variáveis obtêm as segundas variáveis na matriz e assim por diante. Se você quiser imprimir um pouco do outro valor como I, M, e então aqui você tem que criar uma outra variável. Ok? Então é assim que podemos declarar as variáveis antes da atribuição no método de destruição. Ok, espero que você entenda isso e seu conceito é muito mais claro sobre este tópico hoje, que está interrompendo a atribuição. Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 77. Assignment 2: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre os geradores de script java. O gerador de scripts java ou as funções do gerador são uma das características menos conhecidas dos scripts Ekman. É que é ES6. Eles podem parecer um pouco estranhos. Nesta palestra, vou dizer-lhe que como você pode usá-lo. Então agora você pode ver o que nosso gerador, gerador, fica em algum lugar entre I traidores e funções. A forma como as funções normais funcionam é muito simples. Quando você invoca uma função, ela retornará até que seja concluída. Ele irá executar todo o código dentro dele ou até que ele encontra a instrução return. Eu trabalho do Twitter de uma maneira semelhante. Como vamos tomar o exemplo do loop for e imaginar que você tem uma matriz com alguns dados ou que você deseja usar para loop eu negociar ou ele, quando o for loop ele iniciar, ele irá retornar, ele irá executar o Until, ele irá executar até que ele parou pelas condições que você especificá-lo. Ou ele irá identificar que isso é o que distingue entre o script java I traidores das funções e I traidores. Desculpe, os geradores de script java das funções. E a primeira diferença é que o gerador não executará seu código quando você envolvê-los. Em vez disso, eles vão retornar é PESTLE objeto, que é chamado gerador. A segunda diferença é que, ao contrário de um loop, você não obterá todo o valor de uma só vez. Quando você usa o Generator instalado, você obtém cada valor somente se você quiser hit espera que você obtenha isso. Saiba quais são as vantagens do gerador e por que os usamos. Este é um modelo de evoluções que atrasa a evolução de uma expressão até que seu valor seja necessário. O gerador, nossa memória eficiente e é como identificar a área de repetição e técnicas de geração são identificadores. Ok? Agora aqui, você pode ver que aqui vamos executar exemplos no gerador aqui. Então o primeiro exemplo aqui é eu apenas executar um exemplo de função regular primeiro para vocês. Para sua melhor compreensão. Aqui, você pode ver que eu tinha que escrever função que é ABC. E então aqui você pode ver que eu tenho que escrever isso. Vamos supor que este é console e console.log aqui é que eu tenho escrever que este é I. Então aqui você pode ver que gelo alto, certo? Eu, então aqui eu escrevo M programador funky. Ok? Agora aqui você pode ver que este é o nome da função que é ABC. E aqui você pode ver que estes são alguns dos valores que eu acabei de atribuir aqui. E aqui você pode ver que eu tenho que escrever que este é ABC e eu estava chamando esta função aqui. Agora aqui você pode ver que eu apenas coloquei isso no navegador. E você pode ver aqui os valores resultantes, que é Oi, eu sou programador funky. Esta é uma função normal. O que já estudamos. Agora aqui você pode ver como nós podemos. Converta um funções regulares para o gerador de funções ou o gerador. Aqui. Você pode ver que pessoalmente eu estou apenas escrevendo a estática para ele, que é Tarik ABC ou aqui você pode ver que é Tarik gerar. Então você entendeu isso. Então, como você pode ver aqui agora, nosso nome de função é gerar, ou se você quiser escrever a, b, c, dois, isso depende de você. Agora aqui, você pode ver que eu tenho que escrever log de pontos console. Aqui você pode ver que eu tenho que escrever isso. Isto é que eu tenho que escrever isso é em caminhou e andou os olhos dela, certo? Esta é a primeira vez. Então eu só quero envolver essa função. E então aqui você pode ver que eu tenho que escrever isso em caminhada segunda vez. Ok? Agora aqui você pode ver que eu tenho direito? No entanto, como uma palavra-chave. Ok, mas como uma palavra-chave, OK, primeira vez. E então aqui você pode ver que eu tenho direito, gritou e gritou para adicionar o segundo bronzeado. Então, em primeiro lugar, você viu que nós seguramos direito é tomar primeiro com a palavra-chave função, como você pode ver aqui, para fazer esta função como um gerador. Então é estática. Estática doa que funções de taxa de agenda ou isso é agora, isso agora não é uma função normal aqui. Ok? Na segunda declaração, você viu que temos direito ainda declarações vis retornar um valor e pausar a execução da função. Espero que você entenda isso, que assim podemos usar declarações de grito, ok? Mais uma vez, vou explicar esta declaração de grito. Então, como você pode ver, isso gritou, Aqui está uma palavra-chave. É um pouco como retorno, mas não devolvido. Simplesmente a dívida retornará após uma chamada de funções e não permitirá que você faça nada depois de retornar esta declaração. Ok, agora aqui você pode ver que eu tenho que executar este código aqui. E aqui você pode ver que nosso, desculpe, sim, ok. Aqui temos um pequeno erro onde temos, você pode ver que aqui temos o ABC certo, ok. E aqui eu tenho que escrever let lead gen, que é igual a aqui, é certo, gerar. Então, como podem ver aqui, estou recebendo um gerador aqui. E então aqui estou eu apenas, eu apenas invoco o gerador aqui, macarrão, você não viu nada no console como você pode ver aqui se eu apenas executar isso. Então você pode ver aqui, ok? E depois disso, você pode ver aqui, eu estou certo. Eu só tentei console, console.log e log aqui é que eu só imprimir gerador aqui. Agora é só refrescar. Então aqui você pode ver que o gerador aqui está suspenso, ok, quando eu apenas clicar sobre isso. Então você pode ver aqui que o status do gerador está suspenso. E aqui você pode ver que é um receptor de função. E as escovas aqui são três. Este é um exemplo do que nós criamos nos razões gerador falando sobre os exemplos mais no gerador aqui, onde você pode ver que eu tenho escapamento direito, Desculpe, tag script. Onde você pode ver que aqui eu tinha função certa. E a função aqui é cansativa. Caso semelhante como o nosso exemplo aqui está certo, abc. Ok, agora aqui eu escrevo deixe. Deixe aqui é o índice em 0. Agora aqui você pode ver que eu tenho que escrever loop while. Enquanto loop aqui é a declaração. Se a declaração aqui é verdadeira, significa que o 0, então você tem que simplesmente escrever ainda como uma palavra-chave. E então aqui eu tenho o índice correto e o índice mais, mais, que é o meu operador de incremento. Ok? Então este é, este será o meu operador de incremento aqui. Agora, depois disso você pode ver aqui eu tenho escrever deixe F, que é igual a, aqui eu tenho escrever que este é abc. Então este é um objeto onde estou afirmando aqui. Então isso é supor que nossa variável e, em seguida, aqui eu estou apenas chamando a função. Ok, agora para isso aqui eu tenho que escrever consolado ou arquivo de log onde eu tenho escrever f dot próximo valor, desculpe, f ponto próximo valor. Ok? Então este é o ponto F próximo valor. E aqui eu tenho que fechar isso. Então meu próximo que você ouvir, próximo queimar seu cabelo será resultado esperado como 0, então aqui um, depois dois. Ok, você pode ver aqui. Agora aqui, vá para o navegador, atualize isso. Então aqui você pode ver que o valor aqui é 0 do que falso valor um, em seguida, cai, value2, em seguida, cai. Então aqui temos três valores e índice y, isto é dois valores, como você pode ver aqui. Então é assim que você pode ver que nós vamos imprimir nossos geradores aqui. Espero que você consiga isso, que o que é um gerador e como usamos, e qual é o benefício muitos rodapé linha dele? Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 78. Geradores de ES6: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre os geradores de script java. O gerador de scripts java ou as funções do gerador são uma das características menos conhecidas dos scripts Ekman. É que é ES6. Eles podem parecer um pouco estranhos. Nesta palestra, vou dizer-lhe que como você pode usá-lo. Então agora você pode ver o que nosso gerador, gerador, fica em algum lugar entre I traidores e funções. A forma como as funções normais funcionam é muito simples. Quando você invoca uma função, ela retornará até que seja concluída. Ele irá executar todo o código dentro dele ou até que ele encontra a instrução return. Eu trabalho do Twitter de uma maneira semelhante. Como vamos tomar o exemplo do loop for e imaginar que você tem uma matriz com alguns dados ou que você deseja usar para loop eu negociar ou ele, quando o for loop ele iniciar, ele irá retornar, ele irá executar o Until, ele irá executar até que ele parou pelas condições que você especificá-lo. Ou ele irá identificar que isso é o que distingue entre o script java I traidores das funções e I traidores. Desculpe, os geradores de script java das funções. E a primeira diferença é que o gerador não executará seu código quando você envolvê-los. Em vez disso, eles vão retornar é PESTLE objeto, que é chamado gerador. A segunda diferença é que, ao contrário de um loop, você não obterá todo o valor de uma só vez. Quando você usa o Generator instalado, você obtém cada valor somente se você quiser hit espera que você obtenha isso. Saiba quais são as vantagens do gerador e por que os usamos. Este é um modelo de evoluções que atrasa a evolução de uma expressão até que seu valor seja necessário. O gerador, nossa memória eficiente e é como identificar a área de repetição e técnicas de geração são identificadores. Está bem? Agora aqui, você pode ver que aqui vamos executar exemplos no gerador aqui. Então o primeiro exemplo aqui é eu apenas executar um exemplo de função regular primeiro para vocês. Para sua melhor compreensão. Aqui, você pode ver que eu tinha que escrever função que é ABC. E então aqui você pode ver que eu tenho que escrever isso. Vamos supor que este é console e console.log aqui é eu tenho escrever que este é I. Então aqui você pode ver que gelo alto, certo? Eu, então aqui eu escrevo M programador funky. Está bem? Agora aqui você pode ver que este é o nome da função que é ABC. E aqui você pode ver que estes são alguns dos valores que eu acabei de atribuir aqui. E aqui você pode ver que eu tenho que escrever que este é ABC e eu estava chamando esta função aqui. Agora aqui você pode ver que eu apenas coloquei isso no navegador. E você pode ver aqui os valores resultantes, que é Oi, eu sou programador funky. Esta é uma função normal. Sobre o que já estudamos. Agora aqui você pode ver isso como nós podemos. Converta um funções regulares para o gerador de funções ou o gerador. Aqui. Você pode ver que pessoalmente eu estou apenas escrevendo a estática para ele, que é Tarik ABC ou aqui você pode ver que é Tarik gerar ajuda você a obter isso. Então, como você pode ver aqui agora, nosso nome de função é gerar, ou se você quiser escrever a, b, c, dois, isso depende de você. Agora aqui, você pode ver que eu tenho que escrever log de pontos console. Aqui você pode ver que eu tenho que escrever isso. Isto é que eu tenho que escrever isso é em caminhou e andou os olhos dela, certo? Esta é a primeira vez. Então eu só quero envolver essa função. E então aqui você pode ver que eu tenho que escrever isso em caminhada segunda vez. Ok? Agora aqui você pode ver que eu tenho direito? No entanto, como uma palavra-chave. Ok, mas como uma palavra-chave, OK, primeira vez. E então aqui você pode ver que eu tenho direito, gritou e gritou para adicionar o segundo bronzeado. Então, em primeiro lugar, você viu que nós seguramos direito é tomar primeiro com a palavra-chave função, como você pode ver aqui, para fazer esta função como um gerador. Então é gênero Tadic, estética doa que funções de taxa de agenda ou isso é agora, isso não é uma função normal aqui. Está bem? Na segunda declaração, você viu que temos direito ainda declarações vis retornar um valor e pausar a execução da função ajuda você a obter isso, que como podemos usar declarações de grito, ok? Mais uma vez, vou explicar esta declaração de grito. Então, como você pode ver, isso gritou, Aqui está uma palavra-chave. É um pouco como retorno, mas não devolvido. Simplesmente a dívida retornará após uma chamada de funções e não permitirá que você faça nada depois de retornar esta declaração. Ok, agora aqui você pode ver que eu tenho que executar este código aqui. E aqui você pode ver que o nosso, desculpe, sim, ok. Aqui temos um pequeno erro onde temos, você pode ver que aqui temos o ABC certo, ok. E aqui eu tenho que escrever let lead gen, que é igual a aqui, é certo, gerar. Então, como podem ver aqui, estou recebendo um gerador aqui. E então aqui estou eu apenas, eu apenas invoco o gerador aqui, macarrão, você não viu nada no console como você pode ver aqui se eu apenas executar isso. Então você pode ver aqui, ok? E depois disso, você pode ver aqui, eu estou certo. Eu só tentei console, console.log e log aqui é que eu só imprimir gerador aqui. Agora é só refrescar. Então aqui você pode ver que o gerador aqui está suspenso, ok, quando eu apenas clicar nisso. Então você pode ver aqui que o status do gerador está suspenso. E aqui você pode ver que é um receptor de função. E as escovas aqui são três. Então este é um exemplo do que criamos nos livros do gerador falando sobre os mais exemplos no gerador aqui, onde você pode ver que eu tenho escapamento direito, Desculpe, tag script. Onde você pode ver que aqui eu tinha função certa. E a função aqui é, é cansativa. Caso semelhante como o nosso exemplo aqui está certo, abc. Ok, agora aqui eu escrevo deixe. Deixe aqui é o índice em 0. Agora aqui você pode ver que eu tenho que escrever loop while. Enquanto loop aqui é a declaração. Se a declaração aqui é verdadeira, significa que o 0, então você tem que simplesmente escrever gritou como uma palavra-chave. E então aqui eu tenho o índice certo e índice é mais, mais, que é o meu operador de incremento. Está bem? Então este é, este será o meu operador de incremento aqui. Agora, depois disso você pode ver aqui eu tenho escrever deixe F, que é igual a aqui eu tenho escrever que este é abc. Então este é um objeto lâmpadas chegando aqui. Então isso é supor que nossa variável, e então aqui eu estou apenas chamando a função. Ok, agora para isso aqui eu tenho que escrever consolado ou arquivo de log onde eu tenho escrever f dot próximo valor, desculpe, f ponto próximo valor. Está bem? Então este é o ponto F próximo valor. E então aqui eu tenho que fechar isso. Então meu próximo que você ouvir, próximo queimar seu cabelo será resultado esperado como 0, então aqui um, depois dois. Ok, você pode ver aqui. Agora aqui, vá para o navegador, atualize isso. Então aqui você pode ver que o valor aqui é 0 que falso valor um, em seguida, cai, value2, em seguida, cai. Então aqui temos três valores e índice y, isto é dois valores, como você pode ver aqui. Então é assim que você pode ver que nós vamos imprimir nossos geradores aqui. Espero que você consiga isso, que o que é um gerador e como usamos, e qual é o benefício muitos rodapé linha dele? Se você encontrar algum problema relacionado a esta palestra, por favor me avise e obrigado por assistir esta palestra. 79. Os geradores são ESS6 iterable: Ei pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre que os geradores são ossos gelados e objeto é um iterável se ele define o comportamento nutricional, tais como quais valores são looped ou em quatro, construir. Alguns tipos internos, como Eddie ou mapeia como as iterações padrão comportam. Enquanto outros tipos, como um objeto não são, a fim de permitir que um objeto deve implementar I traidor importava. Isso simplifica. Isso simplesmente significa que o objeto ou um dos objetos de suas cadeias protótipo, cadeia deve ter uma propriedade com um símbolo ponto i Turquia. Eu triplo objetos é a nossa generalização de adicionar. Dívida é um conceito que nos permite fazer qualquer objeto utilizável ou utilizável em um for, de loop. Certo, claro, em um gravável. Mas há muitos outros objetos embutidos de Belton que são problemas oculares como espero que você entenda agora. Agora aqui você pode ver que eu estou apenas gerando ou eu estou lutando com um dos exemplos aqui e deixar seu conceito mais claro. Então, como você pode ver, tag script. Aqui, eu tenho função de escrita, função. Eu só faço isso funcionar como um gerador. Então aqui você pode ver que eu tinha onde eu gerar e gerar aqui. E agora aqui você pode ver que eu tive que escrever que isso é gelificado como uma palavra-chave, valor número um, então aqui quando o número 23. Então, como você pode ver, bem, você sabe 23 aqui. Ok? E aqui você pode ver que eu começo o gelo, certo? Que este é o valor de retorno. Agora eu tenho direito, vamos, vamos aqui, você pode ver que isso é gerar, que é igual a Harris escritor, este é um valor gerado. Então, como você pode ver aqui, esta é uma variável aqui. E agora aqui você pode ver que eu tenho direito for-loop para deixar o valor de gerar. Ok? Agora aqui você pode ver que eu tenho que imprimir a mensagem de alerta sobre os valores. Então isso irá imprimir o valor 12, não três. Ok? Agora aqui você pode ver que eu vou te dizer uma outra coisa bem aqui, que como nós usamos iterações. O iterador de script java é um objeto que é definido uma seqüência de potencialmente de valor de retorno após esse encerramento. Como você pode ver aqui em nosso último exemplo que temos os valores e feito os locais significa que o próximo valor na sequência de iteração com 012 e, em seguida, é uma média densa verdadeira. Isso é verdadeiro se o último valor na sequência já tiver sido consumido. Se o valor está presente ao longo do lado, então é o I triplo E será retornar os valores aqui. Ok? Agora aqui você pode ver lá, vamos apenas verificar a saída para isso. E aqui estava eu a executar esta saída. Como você pode ver aqui, que esta saída não está executando o resultado aqui. Ok? Então vamos apenas verificar agora novamente que o que nós, que erro que nós fizemos aqui. Aqui, nós cometemos um pequeno erro lá. Queremos obter esta variável aqui. Ok, agora aqui estou eu apenas refrescando isso. Então você pode ver aqui em primeiro lugar, nós recebemos a mensagem de alerta sobre o valor um e depois dois. Então é assim que podemos eu negociável aij i problemas ou o gerador. Então você pode ver aqui para esse propósito eu estou apenas usando o loop FOR aqui. Então espero que você entenda agora e se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 80. Método de mediadores: Pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre o método iterador de ponto de símbolo. Símbolo dot i traidor é o protocolo que faz objeto nato como Eris definir e mapeia TI dobrar a tabela de itens, fornecendo uma esperança em recursos de linguagem como para loops. E há operador de propagação. Aqui. Só estou fazendo os exemplos. Vocês, onde vamos verificar que como usamos símbolo Senhor método iterador. Eu só uso deixar o alcance. Então intervalo aqui é a função. Ok? Então, por que usamos a função de intervalo? E a função de intervalo é uma função que basicamente tomar um índice inicial e índice final que é retornado uma lista de todos os inteiros do início ao fim. Aqui eu greve a partir do, de significa o valor que vamos começar. Então eu passo um. E então aqui eu tenho direito também. Então eu só escrevo o valor dez aqui. Ok? Então, em vez de função de intervalo, você também tem que usar para loop também. Ok? Agora aqui você pode ver que eu estou apenas usando gerador, em seguida, aqui usando símbolo e símbolo método iterador ponto. Ok? Depois disso aqui, eu estou apenas usando 44 valor let, que é igual a aqui, Eu digo este ponto de. E então aqui você tem que ver que eu tenho direito, que um valor e valor que é menor ou igual a. Então, isto é muito curativo. E aqui está este ponto dois. Como você pode ver aqui, Cito se valor esta porta de é igual a n valor que é menor ou igual a este ponto t2. Então simplesmente você tinha o valor certo mais, mais, ok? E então aqui você pode ver que eu tenho o canto azul mais próximo. Ok? Agora aqui você pode ver, então para chumbo. Agora aqui, depois disso eu tenho escrito que isso é gritado como a palavra-chave. E gritou aqui é que eu estou apenas rendendo o valor aqui. pontuação mais próxima mostra a mensagem de alerta, onde eu tenho que escrever primeiro parênteses. Então aqui eu tenho que escrever que este é um sinal de suporte e aqui eu apenas imprimir o intervalo aqui. Ok, é espalhar palavra-chave. Então vamos verificar quais são os valores esperados aqui. E eu só corro este acorde. Então você pode ver aqui minha disfunção não está funcionando legis verificar o átomo agora. Então temos alguns tipos de estaca aqui, que são três pontos. E isto é de, Ok, agora eu só rode este código aqui. Então você pode ver aqui que vai me dar o intervalo de um a dez valores aqui. Este método iterador de ponto de símbolo. Então, como você pode ver que o símbolo dot i Twitter é um protocolos que fazem o objeto da OTAN como Eddie. E isso disse Editar, conjuntos e mapa. E este é o i tratável, fornecendo uma esperança em nossos recursos de linguagem como for-loop e operador espiritual. Então aqui você pode ver seus olhos usa operador orou. Este é o loop for e aqui este é um intervalo onde definimos o intervalo de um a dez. Então você começa que, em seguida, como podemos trabalhar com símbolo Senhor, I método iterador. Se você encontrar algum problema em relação a esta palestra, por favor me avise e obrigado por assistir esta palestra. 81. Adição de gerador: Pessoal, bem-vindos a esta palestra. Nesta palestra vamos falar sobre o método de lançamento gerador. O método de lançamento do gerador é usado para passar um erro para o rendimento. O gerador retoma as execuções após lance foi esculpido lançando um erro e retornando as propriedades FID objeto feito n valores. Como observamos em um exemplo como símbolo gerador I métodos de grupo de comércio e geradores são exemplo duplas de TI. Então o fora, o código que usamos aqui passa o valor para o gerador como resultado ainda. Mas também pode, Eu troco jogar um erro aqui também. Vamos ver como podemos usar gerador lance matéria no script java. Aqui eu escrevo script tag. E dentro desta tag script, eu tenho que escrever uma função. Acabei de fazer esta função como o gerador aqui. E então aqui eu estou apenas usando a exceção para lançar um erro aqui. Aqui eu só escrevo deixar, resultado e resultado que é igual a aqui, Eu tenho que escrever que isso ainda é. Então aqui eu tinha direito, dois mais dois que é igual a. Então esta é apenas uma declaração aqui, que é dois mais dois, que é igual a o. novamente. Agora aqui estou apenas mostrando a mensagem de alerta. E a mensagem de alerta aqui é que eu ouvi direito, que a execução não chega aqui porque a exceção é lançada. Ok? Porque estamos lançando uma exceção de tinta separada aqui. Ok. Você pode vê-lo. Agora, depois disso, eu tenho que ir para o extrato de captura e o extrato de caixa aqui é e. E então aqui eu tenho que pegar a exceção bem aqui, que é minha variável e. que é minha variável e. Então aqui é que esta exceção, exceção catch irá nos mostrar o erro. Ok? Agora aqui você pode ver que eu tenho que escrever deixe. E vamos aqui, você pode ver que eu tenho gerador direito que é igual a gen como um nome de função. E agora aqui você pode ver que eu tenho direito? Vamos ter uma pergunta certa, que é igual a Harris, certo? Ponto gerador próximo. Ok. Aqui você pode ver que eu tenho ponto direito próximo valor. Ok. Agora aqui como você pode ver que este gerador onde nós movemos para o próximo valor bem aqui. Agora aqui, você pode ver que eu tinha o gerador certo ponto lance matéria. Então eu só usei jogar matéria aqui que irá gerar um novo erro aqui. E como você pode ver e ouvir É certo que a resposta não é telefone. Vamos supor que eu decidir que a resposta não é encontrada no meu banco de dados ou no registro, não é encontrado no meu registro. E eu tenho que fechar este código aqui. Agora aqui você pode ver que eu tenho que executar este código que é o método lance gerador. E você pode ver isso aqui. Eu vou apenas para o console e você pode ver aqui, ok, como você pode ver aqui, que VR tom um erro aqui, mas esta mensagem de alerta não está mostrando qualquer erro. Vamos verificar o nosso código aqui. Agora aqui temos um pequeno erro que é o próximo, e esta é a declaração e este ponto e vírgula, desculpe, parênteses atribuídos aqui são, desculpe, registro acadêmico, sinal de cabelo estão atrás deste headlock. Vamos executar este código novamente. E você pode ver aqui que vai nos mostrar a era em que esta resposta não é encontrada no meu registro aqui. Ok. Então, como você pode ver aqui que estamos mostrando um erro que é reboque como exceção no gerador, que é, você pode ver aqui nesta linha, que é gerador de chumbo, que é igual a gerador. E depois disso, isso irá imprimir as iterações do Anexo II aqui, ok, aqui como você pode ver que eu estou escolhendo uma palavra-chave grito neste exemplo com a ajuda de tentar e Ted, Porque estamos jogando um somador aqui. Ok. Espero que você entenda agora. Então este é um generator.me em um JavaScript. Se você não está entendendo nenhuma planta aqui, a qualquer momento, que não está claro para você, por favor me avise e obrigado por assistir esta palestra. 82. ITeradores de sincronização: Ei pessoal, bem-vindos a esta palestra. E nesta palestra vamos falar sobre sincronizações. I traidor idade sincronizar I traidores permitem-nos iterar sobre os dados que vieram de forma assíncrona sob demanda, como o instante em que baixamos algo pedaço por pedaço ou uma Rede. E é síncrono, os geradores tornam mais conveniente. Vamos ver como podemos usar um único traidor assíncrono I. Nesta palestra. Aqui, você pode ver que eu tive que escrever tag script. E dentro desta tag script aqui eu estou escolhendo deixar, deixar organizar, e aqui eu estou apenas definindo o intervalo aqui onde o intervalo está começando, começando de um. E então ouvir que Phil sobe para dez. Ok? Agora aqui você pode ver que eu tenho que escrever símbolo e símbolo ponto aqui eu tive que escrever iterador. Ok? Então aqui depois disso, eu estou apenas abrindo os colchetes. Então isso está usando quatro chamadas desativadas. Este método usando significa um muito, Este método está usando no início. Ok? Agora aqui vou mostrar-lhe que como você pode retornar o objeto iterador. Vamos ver aqui é escrever retorno. Ok? E voltar aqui é só usar o valor atual, ok? E a corrente aqui é este ponto de. Ok? Agora aqui você pode ver que eu tenho que pegar isso. E então aqui eu tenho o último valor certo. E o último valor aqui é este ponto dois. Ok? Agora aqui, isso também funcionará para off, que é o objeto, que está pedindo os próximos valores de iteração. Ok? Agora aqui você pode ver que eu só uso o próximo aqui. Então, como você pode ver aqui, a próxima é uma palavra-chave. E então aqui você pode ver que eu estou apenas usando uma declaração if. Então, como podem ver aqui, vou chamar isto de seguida. Ok? Então, se este ponto valor atual e o valor atual que é menor ou igual ao sinal. E aqui dentro deste ponto último valor, o que significa que em primeiro lugar nós vamos obter o valor atual e, em seguida, que vai obter o último valor. Agora aqui, eu tinha direito, que este é o retorno. E o retorno aqui é que eu tenho que usar dun. Dun aqui é falso. Nós já estudamos sobre eles em nossa palestra do gerador. E então aqui, depois disso, escrevemos valor. Então o valor aqui é que eu tenho que escrever que este cão valor atual, ok? E então aqui eu tenho que usar sinais de concatenação fora dele, que é mais. Agora, depois disso, você pode ver aqui que eu tinha que escrever outra declaração como que é um valor de retorno e S, que é o valor de retorno. E o valor de retorno aqui é, você pode ver que isso é feito e, em seguida, aqui é verdade. Ok? Agora aqui eu tenho que fechar este núcleo. E então aqui você pode ver que eu tenho que fechar este código aqui também. Ok? Desculpe. O código mais próximo aqui, e então eu tenho que fechar o placar aqui também. Agora, você pode ver que eu tenho que escrever para loop. Então, para deixar o valor e o valor da chuva, o que significa que o valor do intervalo, o que definimos aqui, ok, estamos tomando o foreloop. Então simplesmente nos mostre a mensagem de alerta, que é o valor. E eu tenho o acorde mais próximo aqui. Agora aqui nosso código está completo e aqui o intervalo que é equilíbrio. Agora, aqui estou eu a rodar este núcleo para vocês. E como você pode ver aqui, meu loop for está sendo executado e mostra um valor bem aqui. Você pode ver aqui que isso é assíncrono, ok? Que é como nossos arquivos de download, que é pedir um por um. Ok? Agora aqui você pode ver que, que esses valores vão até o dez, ok, como você pode ver aqui, e o loop terminará aqui. Então isso é assíncrono I traidores e geradores bem aqui nesta palestra. Espero que você entenda agora, se não estiver, por favor me avise e obrigado por assistir a esta palestra.