Node.js - "Olá Mundo" em JS com HTML para web
Após criar o nosso primeiro projeto "Olá Mundo" em JavaScript com Node.js, é hora de avançar e aprimorar a apresentação utilizando HTML.
No post anterior, mostramos como iniciar um projeto simples com Node.js, mas o código retornava texto básico sem formatação. Agora, vamos incorporar HTML para dar uma aparência mais profissional à página.
Como configurar o servidor para responder com HTML formatado no Node.js
Abra o arquivo do seu projeto chamado olamundo.js e insira o seguinte código:
var http = require('http');
http.createServer(function(req, res) {
res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
res.end('<h2>Olá Mundo!</h2>');
}).listen(3000);
console.log('Servidor iniciado em localhost:3000. Pressione Ctrl+C para encerrar…');
Note que alteramos o cabeçalho HTTP para indicar que a resposta é HTML, definindo o Content-Type como text/html com charset UTF-8. Agora, a mensagem será renderizada com a formatação HTML definida pelo elemento <h2>.
Ao executar o projeto com este script, abra seu navegador e acesse localhost:3000. Você verá a mensagem Olá Mundo! exibida em formato de título, com o estilo padrão do navegador para um h2.
Importância dessa abordagem para desenvolvimento web
Incorporar HTML permite que você adicione estilos, links, imagens e outros elementos que enriquecem a experiência do usuário em seu servidor Node.js. Essa técnica é essencial para construir aplicações web dinâmicas, responsivas e compatíveis com os padrões atuais.
Além disso, é possível expandir essa base para servir páginas mais complexas, integrar frameworks front-end ou até gerar conteúdo dinâmico a partir do backend.
Recomendações para seguir aprendendo e expandir seu projeto
- Explore o uso de templates HTML para facilitar a manutenção do código.
- Considere integrar CSS externo no seu template do Blogger para estilização avançada.
- Teste seu servidor com outras rotas e conteúdos para entender melhor o funcionamento do Node.js.
- Use wallets e ferramentas seguras, como MetaMask para projetos envolvendo criptomoedas.
Aviso: Este tutorial é educacional. Para projetos financeiros ou de investimento, analise cuidadosamente os riscos e busque informações confiáveis antes de aplicar recursos.
Essa evolução no seu projeto Node.js mostra como pequenas mudanças podem transformar a apresentação e usabilidade do seu servidor local.
Continue acompanhando os conteúdos para aprender como integrar CSS, JavaScript avançado e outras tecnologias modernas ao seu ambiente Node.js.