Curso de Introdução ao JavaScript
Curso de Introdução ao JavaScript

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

Se você já tem uma conta,

Curso de Introdução ao JavaScript

Curso de Introdução ao JavaScript

Luis Rudge

Luis Rudge

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:

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

lucianodiisouza

lucianodiisouza

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

mayarasilva

mayarasilva

otima aula.

Daniel Afanador

Daniel Afanador

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));```
Nathan Pereira

Nathan Pereira

show