O que é JavaScript?

Uma linguagem executada em diferentes ambientes

JavaScript é uma linguagem de programação usada em navegadores, servidores e ferramentas. Na interface web, pode reagir a interações, consultar serviços e atualizar o documento. Em outros ambientes, pode processar arquivos, atender requisições ou executar automações.

A linguagem oferece construções como variáveis, funções e objetos, às quais o ambiente de execução acrescenta recursos próprios. O navegador, por exemplo, disponibiliza o DOM para interagir com a página, enquanto um runtime de servidor pode oferecer acesso ao sistema de arquivos.

Essa diferença significa que um código não funciona automaticamente em qualquer lugar apenas por estar escrito em JavaScript. Uma chamada a document.querySelector depende de um documento disponível naquele ambiente. Um script de servidor comum não possui a mesma página do navegador.

Variáveis, funções e eventos

Uma variável associa um nome a um valor que o código pode consultar, enquanto uma função reúne instruções para executar quando for chamada. Um evento representa uma ocorrência, como um clique, à qual o programa pode associar essa função.

const botao = document.querySelector('#orientacao')
const mensagem = document.querySelector('#mensagem')

if (botao && mensagem) {
botao.addEventListener('click', () => {
  mensagem.textContent = 'Preencha o nome para iniciar o cadastro.'
})
}

O exemplo pressupõe que os elementos já estejam disponíveis quando o script executar. Ele procura o botão e a área de mensagem, depois associa uma função ao clique. A condição evita acessar elementos inexistentes, mas você ainda precisa conferir se os identificadores correspondem ao HTML.

Alterar a tela não confirma uma operação

Ao receber código gerado para uma tela de cadastro, abra a aba Network e acione o envio com valores fictícios. Confira se houve chamada ao backend e se a mensagem apresentada corresponde ao retorno. Uma alteração local do texto pode demonstrar a interface sem ter criado o registro anunciado.

Operações assíncronas e respostas

Chamadas de rede não costumam entregar o resultado imediatamente. JavaScript usa recursos como promises e async/await para organizar esse processamento. A interface precisa representar a espera e tratar falhas conforme o serviço acessado.

Com fetch, receber um status HTTP de erro não rejeita automaticamente a promise. Uma resposta 404, por exemplo, ainda precisa ser examinada pelo código. Já certas falhas de rede impedem a obtenção de uma resposta e seguem outro caminho de tratamento.

Links, formulários e controles nativos do HTML oferecem comportamentos que podem atender à interação sem JavaScript adicional. Um formulário com destino e método definidos, por exemplo, pode usar o envio nativo do navegador, desde que o serviço de destino aceite a chamada.

Como investigar um script que falhou

Abra o console e confira a primeira mensagem de erro relevante, incluindo arquivo e linha. Se um seletor não encontrar um elemento, querySelector retorna null. Verifique o identificador e o momento da execução, em vez de presumir que o clique deixou de existir.

Para uma integração, observe também a aba Network. Um script sem erro de sintaxe ainda pode enviar campos incorretos ou interpretar mal uma resposta. O verbete de frontend explica como esses comportamentos participam da interface completa.

Aplicação na formação

Vibe Coding: Do Zero ao MVP

JavaScript pode tratar interações e respostas da API durante a construção das funcionalidades da interface.

Conhecer a formação →