Reagindo a eventos

Curso de Introdução ao JavaScript

Bem-vindo e introdução

O que vamos aprender no curso?

Apresentando codesandbox.io, o ambiente de desenvolvimento que será utilizado ao longo do treinamento

Começando com JavaScript

Ambientes que utilizam JavaScript: Web, Servidor (Node.JS).

Tipos de dados: String, Boolean, Number, Undefined e Null, Object.

Variáveis

Funções

Condicionais: if e else, operador ternário e switch

Laços: while e do... while, for, for...in e for...of

Escopo

Tratamento de erros (try, catch e finally)

Atribuições e Operadores

Adição e subtração

Multiplicação, divisão e módulo

Comparação de valores

Tipos de referência

Qual a diferença entre tipos de valor e tipos de referência?

Object

Array

Desestruturação de objetos e arrays

Date

Expressões regulares

Funções

A palavra reservada this

Parâmetros opcionais

Parâmetros rest

Classes

Criando e utilizando classes

Declarando propriedades e métodos

Propriedades e métodos estáticos

Herança

JavaScript no navegador

DOM (Document Object Model) e BOM (Browser Object Model)

Eventos

O que é um evento?

Reagindo a eventos

Propagação de eventos

Programação assíncrona

Callbacks

Promises

async e await

Como seguir em frente

Modularizando seu código com ES modules

Conhecendo o Prettier

Continuando com Prettier

Conhecendo o ESLint

Conhecendo o Webpack

Encerramento do Curso

Você não tem acesso a esta aula

Continue aprendendo! Junte-se e comece a impulsionar sua carreira

Se você já tem uma conta,

Recursos

Para executar alguma ação quando um evento é disparado, utiliza-se o método addEventListener, que fica “ouvindo” se certo evento é executado, com uma arrow function como segundo parâmetro.

O método addEventListener pode ser usado em diversos elementos da página, o que é útil para saber se o evento foi acionado por uma mudança de estado na janela, num botão, numa caixa de texto ou outro elemento da página.

Exemplo:
const botao = document.getElementById(‘botao’);
botao.addEventListener('click’, () => {
console.log('botão clicado’);
});

    const texto = document.getElementById('texto');
    texto.addEventListener('keyup’, (evento) => {
            console.log(evento.target.value);
    });

Contribuições 1

Perguntas 0

Ordenar por:

Quer ver mais contribuições, perguntas e respostas da comunidade?

mayarasilva

otima aula