Icon HTML5

Exemplos de tags

JavaScript é uma linguagem de programação amplamente utilizada para tornar páginas web interativas e dinâmicas. Enquanto o HTML estrutura o conteúdo e o CSS cuida da aparência visual, o JavaScript permite que o navegador responda a ações do usuário, manipule elementos da página em tempo real, valide formulários, crie animações, carregue dados sem precisar atualizar a página (usando AJAX), entre muitas outras funcionalidades. Por ser uma linguagem interpretada diretamente no navegador, o JavaScript é essencial para o desenvolvimento front-end moderno e é suportado por todos os navegadores atuais.

Além disso, o JavaScript evoluiu bastante e hoje também é usado no desenvolvimento de aplicações no lado do servidor, através de ambientes como o Node.js. Isso permite que desenvolvedores usem uma única linguagem para construir tanto o front-end quanto o back-end de um site ou aplicativo. O JavaScript é uma linguagem de programação versátil, baseada em protótipos, que suporta programação orientada a objetos, funcional e imperativa, tornando-a poderosa e flexível para uma ampla variedade de projetos na web e além.

Principais Objetos

Nome Descrição Exemplo
documentRepresenta a página web atual (DOM).document.getElementById()
windowObjeto global que representa a janela do navegador.window.alert()
ArrayEstrutura para armazenar listas ordenadas.let arr = [];
MathFornece propriedades e métodos matemáticos.Math.random()
DateRepresenta datas e horas.new Date()
StringObjeto que representa texto e seus métodos."texto".length
JSONObjeto para manipular dados JSON.JSON.parse()
RegExpObjeto para expressões regulares./ab+c/.test('abc')
PromiseObjeto para tratamento assíncrono.new Promise()
consoleObjeto para debug no navegador.console.log()

Principais Métodos

Nome Descrição Exemplo
getElementById()Seleciona elemento HTML por id.document.getElementById('id')
querySelector()Seleciona o primeiro elemento que corresponda ao seletor CSS.document.querySelector('.classe')
addEventListener()Adiciona um ouvinte de evento a um elemento.element.addEventListener('click', fn)
push()Adiciona elemento ao fim de um array.arr.push(10)
pop()Remove e retorna o último elemento do array.arr.pop()
slice()Retorna uma cópia de parte do array ou string.arr.slice(1,3)
replace()Substitui parte de uma string por outra.str.replace('a', 'b')
toFixed()Formata número com casas decimais.(3.1415).toFixed(2)
toUpperCase()Converte string para maiúsculas."abc".toUpperCase()
includes()Verifica se array/string contém valor.arr.includes(3)

Principais Funções

Nome Descrição Exemplo
alert()Exibe caixa de alerta com mensagem.alert('Olá!')
console.log()Exibe mensagens no console para debug.console.log('teste')
setTimeout()Executa função após delay em milissegundos.setTimeout(fn, 1000)
parseInt()Converte string para número inteiro.parseInt('123')
parseFloat()Converte string para número decimal.parseFloat('3.14')
isNaN()Verifica se valor não é número.isNaN('abc')
JSON.parse()Converte string JSON em objeto JS.JSON.parse('{}')
JSON.stringify()Converte objeto JS em string JSON.JSON.stringify(obj)
prompt()Exibe caixa para entrada do usuário.prompt('Seu nome?')
confirm()Exibe caixa para confirmação do usuário.confirm('Confirma?')