@CanalQb

Node.js - "Olá Mundo" em JS - Incluindo HTML



Após criar o nosso primeiro projeto "Olá Mundo" em JavaScript com Node.js, agora é hora de dar um passo adiante e melhorar a apresentação utilizando HTML.

No post anterior, abordamos como iniciar um projeto simples, mas o código estava em formato texto básico, sem formatação. Agora, vamos aprimorar o projeto, incorporando uma aparência mais profissional com HTML.

Abra o arquivo do seu projeto "olamundo.js":
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…');
Realizamos algumas pequenas alterações. Mudamos a linha Content-Type': 'text/plain para Content-Type': 'text/html, e agora podemos adicionar a leitura de HTML utilizando <h2> Olá Mundo! </h2>.
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…');
Ao executar o projeto, agora você verá uma mensagem formatada em HTML quando acessar "localhost:3000" no navegador.

Parabéns! Você deu um passo adiante na construção do seu primeiro projeto, incorporando elementos HTML para uma apresentação mais atrativa.


A ideia de informar a possibilidade deste complemento HTML é mostrar que podemos personalizar e melhorar ainda mais nossas atividades, vinculado itens como CSS, outros JS e conteúdos de HTML5

#Mobile #Node.js - #Olá #mundo #JS #HTML #AirdropsQb