Bem-vindo de volta.
Então eu tenho algumas boas notícias.
Finalmente, é hora de tirar o javascript e combiná-lo com o H. M. S. avaliar.
Esta é, de longe, minha unidade favorita.
Meu tópico favorito para ensinar tudo o que passei ensinando minha vida.
É realmente onde o javascript começa a pagar.
Então, estamos fazendo alguns aplicativos simples até este ponto.
muito emocionante, mas isso vai mudar agora porque estamos prestes a liberar o poder do Javascript.
Lista fácil de usar usando alertas e avisos e eu sei que não é
E então, esta unidade, vamos fazer coisas como fazer um jogo interativo, vamos fazer uma
lista real para fazer com um formulário real com botões e caixas de seleção reais e Javascript por trás dele e animações
e todo tipo de coisas interessantes realmente interessantes onde você realmente sente que fez algo não apenas uma
pequena linha de comando ou um pequeno aplicativo de console javascript, mas algo real que você poderia compartilhar.
Assim, a maneira como fazemos tudo isso é através de uma tecnologia chamada DOM. Isso é isso.
Então, esta lição vai servir como uma introdução ao DOM que vai falar sobre algumas coisas
nos próximos vídeos.
Eu quero começar por definir o que o DOM é o que essas cartas representam.
Eu quero que você tenha uma boa compreensão de por que isso é emocionante.
Eu vou mostrar-lhe alguns aplicativos legais que outras pessoas construíram usando essas coisas que vamos
aprender, então vamos falar sobre o que eu chamo de selecione, em seguida, manipule o fluxo de trabalho.
Então vamos começar.
Então, por que você se importaria com tudo isso.
Bem, há tantos motivos.
o cão interagindo com cada equipe e com a SS Então, interagimos com o Dom para fazer coisas como jogos.
Praticamente todos os grandes aplicativos da Web lá, agora, coisas como Twitter e Facebook Instagram YouTube Gmail,
todos eles usam uma tonelada de javascript e a maioria desses javascript está interagindo com
Poderíamos fazer tic tac toe, poderíamos fazer uma plataforma como um jogo como o Mario, podemos
usá-lo para fazer coisas mais práticas, como menus suspensos, como validações.
É assim que fazemos as páginas da web interativas.
É como podemos adicionar animações.
últimos anos, use muitos JavaScript para manipular o Dom, como mencionei anteriormente, vou mostrar alguns
exemplos antes de começarmos a definir Estes termos falam sobre o que o DOM é como funciona.
E o último aqui realmente resume tudo praticamente todo o site fantástico, embora, mesmo
que nos
Quero mostrar-lhe alguns sites.
Então, o primeiro é apenas o google e não sei o quanto você presta atenção nisso,
mas quando você começa a procurar algo no Google, como o Halo.
Observe como eu obtenho essa coisa que parece que isso é tudo seu Timo. Este é algum tipo de div ou
algo que está sendo atingido e mostrado e está mudando à medida que escrevo coisas como se eu digite hello kitty.
Obtenho novos resultados.
Isso é feito com javascript, mas esse é o tipo de coisa que poderemos fazer depois
de alguns vídeos.
Claro que não seremos capazes de escrever o backend que o Google tem, mas nós poderemos fazer as coisas
do front-end aqui.
Todo o HMO, todo o sucesso, todos esses efeitos que você vê serão facilmente replicáveis.
Então, a próxima coisa que eu quero destacar é no site do Tomi, há um botão de cursos do Brough
e quando eu clicar nisso, eu recebo o menu de deslize para fora, que empurra tudo para a direita e
eu tenho todas essas categorias para escolher.
E, como um hover sobre uma categoria, você pode ver esse submenu que aparece.
Então, é tudo isso que javascript as coisas estão sendo adicionadas à página que ele novo criou.
Estes são provavelmente itens de lista e tags de âncora.
Eles estão sendo adicionados à página que está sendo escondida e mostrada na cor está mudando à medida que
eu rolo sobre coisas muito interatividade.
Então, a próxima coisa que eu quero mostrar é um dos meus favoritos.
É um site chamado ataque pad.
Então isso é um pouco diferente.
Não é realmente uma aplicação web que você usaria, mas é um brinquedo muito divertido e uma excelente demonstração tecnológica do que você pode
fazer com H. T. rato.
SS Em javascript, recomendo que você vá em frente e tente isso por conta própria.
Patta tap dot com e eu tenho que fazer é começar a digitar no meu teclado em cada tecla que eu pressionar corresponde a um
som que toca e uma animação legal que é reproduzida.
Então, deixe-me mostrar um exemplo.
Aqui está mais um.
Então você pode se perder em algum lugar.
Então, isso resume o tipo de coisa que podemos fazer.
Nós temos interatividade onde eu estou pressionando uma tecla para que o código esteja sendo executado somente
quando eu pressionar uma determinada chave e esse código não está apenas sendo reproduzido como som, mas também está mudando o que vemos visualmente.
Portanto, não é apenas o login constante, não é apenas o uso de alertas, está realmente mudando
a tela que saiu na CSSA que vemos.
Então, espero que esses exemplos tenham ficado um pouco excitados sobre todas as coisas incríveis que estamos
prestes a aprender.