Bem-vindo e introdução

1

O que vamos aprender no curso?

2

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

Começando com JavaScript

3

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

4

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

5

Vari√°veis

6

Fun√ß√Ķes

7

Condicionais: if e else, operador tern√°rio e switch

8

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

9

Escopo

10

Tratamento de erros (try, catch e finally)

Atribui√ß√Ķes e Operadores

11

Adição e subtração

12

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

13

Comparação de valores

Tipos de referência

14

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

15

Object

16

Array

17

Desestruturação de objetos e arrays

18

Date

19

Express√Ķes regulares

Fun√ß√Ķes

20

A palavra reservada this

21

Par√Ęmetros opcionais

22

Par√Ęmetros rest

Classes

23

Criando e utilizando classes

24

Declarando propriedades e métodos

25

Propriedades e métodos estáticos

26

Herança

JavaScript no navegador

27

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

Eventos

28

O que é um evento?

29

Reagindo a eventos

30

Propagação de eventos

Programação assíncrona

31

Callbacks

32

Promises

33

async e await

Como seguir em frente

34

Modularizando seu código com ES modules

35

Conhecendo o Prettier

36

Continuando com Prettier

37

Conhecendo o ESLint

38

Conhecendo o Webpack

39

Encerramento do Curso

Você não tem acesso a esta aula

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

Reagindo a eventos

29/39
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:

As contribui√ß√Ķes, perguntas e respostas s√£o vitais para aprender em comunidade. Registre-se ou fa√ßa login para participar .

otima aula