Primeiro Programa em JavaScript

O início da jornada no desenvolvimento com JavaScript requer apenas duas ferramentas essenciais: um editor de código eficiente e um navegador web atualizado.

A escolha do ambiente de escrita é flexível. O mercado oferece excelentes opções como Atom, Sublime Text ou Notepad++. No entanto, este material utiliza como referência o Visual Studio Code, reconhecido por ser uma das ferramentas mais completas e acessíveis da atualidade. A verificação do resultado final será realizada através do navegador Google Chrome.

O passo inicial consiste na organização do espaço de trabalho. Recomenda-se a criação de uma pasta dedicada ao projeto, nomeada, por exemplo, como app, em um local de fácil acesso no computador. Dentro deste diretório, cria-se o arquivo base da aplicação, denominado index.html. Este arquivo atuará como a estrutura fundamental da página web.

Primeiro script em JavaScript

Com o arquivo aberto no editor, a seguinte estrutura de código deve ser inserida:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Programício</title>
  </head>
  <body>
    <script>
      alert("Primeiro programa em JavaScript");
    </script>
  </body>
</html>

Código no editor de código

O exemplo acima apresenta os blocos de construção de uma página HTML padrão. O documento divide-se em cabeçalho (head), onde residem as configurações como a codificação de caracteres e o título da aba, e o corpo (body), local destinado ao conteúdo visível e estrutural da página.

A lógica em JavaScript deve ser delimitada pela tag <script>. Embora a linguagem permita a inserção desta tag no cabeçalho, uma prática recomendada é posicioná-la no final do corpo, imediatamente antes do fechamento da tag </body>. Essa estratégia garante que o navegador carregue e renderize os elementos visuais da página antes de processar o código de script, o que otimiza a percepção de velocidade pelo usuário.

Em tutoriais e documentações mais antigas, é comum encontrar a declaração <script type="text/javascript">. Nos padrões atuais da web, o atributo type tornou-se desnecessário. Os navegadores modernos interpretam automaticamente qualquer código dentro da tag <script> como sendo JavaScript, simplificando a escrita.

No código apresentado, o script realiza uma única operação:

alert("Primeiro programa em JavaScript");

Esta linha é responsável por chamar a função alert(). O objetivo dessa função é interromper momentaneamente a execução para exibir uma janela flutuante (conhecida como modal ou pop-up) contendo a mensagem de texto definida entre aspas. O ponto e vírgula inserido ao final da linha indica o encerramento daquela instrução específica, uma convenção importante para manter a organização do código.

Para executar o programa, o arquivo index.html deve ser aberto no navegador. O carregamento da página disparará imediatamente a janela de alerta com a mensagem configurada.

Navegador executando o código

Resumo

Ambiente: Necessita de um editor de texto (ex: VS Code) e um navegador.
Arquivo: O código é inserido em um arquivo com extensão .html.
Tag Script: O código JavaScript reside dentro da tag <script>.
Posicionamento: Recomenda-se colocar o script ao final do body para melhor performance de carregamento.
Sintaxe: O atributo type="text/javascript" é obsoleto em navegadores modernos.
Função Alert: O comando alert() exibe uma caixa de diálogo com uma mensagem para o usuário.