Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
As janelas apareceram antes da mensagem em html, mesmo que a mesma tenha sido escrita antes dos comandos em javascript. Achei que o navegador lia o codigo linha por linha e dessa forma o texto apareceria primeiro e logo depois as janelas?
<meta charset="UTF-8">
<h1>Bem vindo ao meu primeiro programa!</h1>
<script>
alert("Esse foi");
alert("o primeiro programa");
alert("de muitos que virão!");
</script>
Boa noite Fabio,
Isso depende de navegador para navegador, mas normalmente o HTML e o Javascript são processados juntos, portanto o que costuma ser feito é executar o javascript somente quando o HMTL estiver renderizado.
Faça esse teste:
<meta charset="UTF-8">
<h1>Bem vindo ao meu primeiro programa!</h1>
<script>
window.ready = function() {
alert(document.querySelector('h1').innerHTML);
}();
</script>Veja como no exemplo acima o Javascript conseguiu exibir o conteúdo de um elemento HTML. Ou seja, ele rodou somente depois de o HTML estar disponível para interações. Mesmo parecendo que ele ainda não foi renderizado.
Abraços
Entendi. Obrigado!