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

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

27/39
Recursos

DOM, Document Object Model, √© como interagimos com a p√°gina HTML. √Č a forma como manipulamos bot√Ķes e caixas de texto, por exemplo. Para instanciar elementos que foram declaramos na p√°gina HTML, usamos os seguintes m√©todos do JavaScript:

  • document.getElementById() - retorna um objeto pertencente ao elemento que tem o ID determinado.
  • document.getElementByClassName() - retorna uma lista de objetos que t√™m a classe determinada.
  • document.getElementByTagName() - retorna uma lista de objetos com aquela tag.

BOM, Browser Object Model, √© como interagimos com o navegador. Usado para pedir permiss√Ķes para enviar notifica√ß√Ķes, consultar a URL atual, verificar as dimens√Ķes da janela ou a geolocaliza√ß√£o do usu√°rio. Alguns m√©todos para interagir com o BOM s√£o:

  • console.log() - imprime algum texto no console.
  • console.warn() - imprime um aviso no console indicando a localiza√ß√£o do aviso no c√≥digo.
  • console.error() - imprime um erro no console indicando a localiza√ß√£o do erro no c√≥digo.
  • alert(‚Äô‚Äô) - mostra um pop-up na tela com uma mensagem de alerta.
  • prompt() - mostra uma pop-up com uma caixa de texta para entrada de dados.

Contribui√ß√Ķes 4

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.

Aprender a manipular a DOM é imprescindível. Estou gostando bastante das aulas de JS

show

Eu estou no Ubuntu e na consola do Firefox o código abaixo não devolvia as coordenadas, enquanto no Google Chrome elas sim eram devolvidas. Sabem o por quê?

navigator.geolocation.getCurrentPosition((pos) => console.log(pos));```