Boa noite, faltam muitas informações no curso, achei pouco completo. Por exemplo, em nenhuma das aulas ensina como criar o arquivo html e vincular ele ao código de programação. Como eu começo do zero, sem nenhum arquivo, a programar os desafios da aula 02 por exemplo? É possível rodar um programa no Java sem o HTML, como na linguagem C++? Sou novo em programação, então me perdoem qualquer equívoco.
Oi Jean, como vai?
É ótimo que você esteja buscando entender todos os passos para começar a programar. Vamos esclarecer suas dúvidas!
Criar um arquivo HTML e vincular ao JavaScript: Para criar um arquivo HTML e vincular ao JavaScript, você pode seguir esses passos simples:
Criar o arquivo HTML: Abra um editor de texto (como o Visual Studio Code, Sublime Text, ou até mesmo o Bloco de Notas) e crie um novo arquivo chamado index.html. Nele, você pode adicionar a estrutura básica de um documento HTML (você pode usar um atalho que é digitar o caractere "!" no início de um arquivo vazio e apertar a tecla tab):
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Primeiro Programa</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>
Criar o arquivo JavaScript: No mesmo diretório onde você salvou o index.html, crie um novo arquivo chamado script.js. É nesse arquivo que você vai escrever seu código JavaScript.
Vincular o JavaScript ao HTML: No exemplo acima, a linha <script src="script.js"></script> dentro da tag <body> faz a vinculação do arquivo JavaScript script.js ao seu HTML.
Rodar um programa em JavaScript sem HTML: Sim, é possível rodar JavaScript sem HTML, mas isso geralmente é feito em um ambiente Node.js, que permite executar JavaScript no lado do servidor, similar ao que você faria com C++.
No entanto, para os desafios do curso que você mencionou, a ideia é praticar a interação com o usuário através do navegador, então o HTML é necessário para criar essa interface.
Exemplo Prático: Vamos pegar um dos desafios que você mencionou e ver como ele seria implementado. Por exemplo, o desafio 1:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Desafio 1</title>
</head>
<body>
<script>
let diaSemana = prompt("Qual é o dia da semana?");
if (diaSemana === "Sábado" || diaSemana === "Domingo") {
alert("Bom fim de semana!");
} else {
alert("Boa semana!");
}
</script>
</body>
</html>
Salve esse código em um arquivo index.html e abra-o no seu navegador. Ele vai perguntar o dia da semana e mostrar a mensagem correspondente.
Espero ter ajudado e bons estudos!