Solucionado (ver solução)
Solucionado
(ver solução)
8
respostas

marko vs html

Boa tarde, e possível utilizar somente o html no lugar do marko? Quero dizer montar o html na na pasta lista e chamar ele no arquivo rotas? obrigado.

8 respostas
solução!

Oi, Marcelo, tudo bem?

É possível sim, mas o professor utilizará as ferramentas do Marko, como loop de elementos, para fazer o projeto, poder esse que o HTML5 não detém. Então, pode ser que o seu aproveitando durante o curso não seja o mesmo. Durante o curso, o professor irá explicar como funciona o Marko e com a ajuda da documentação, a aplicação dentro do projeto se torna tranquila.

Obrigado, Lais.

Olá Laís.

Você poderia mostrar como importar um arquivo HTML dentro de um JS? Queria comparar as duas formas.

Gostaria ou do código ou de uma direção sobre onde/como achar essa resposta. Procurei bastante mas nao encontrei.

Oi Lais, gostaria de saber o mesmo que o Vinicius =).

Oi, gente, segue um código de modelo:

Um código simples em html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Agora usando o HTML</h1>
</body>
</html>

E o código server, em que o módulo fs é o File System que é capaz de ler arquivos e precisa ser importado, assim como o http para fazer a conexão.

Para utilizar o html, criamos a função requestHTML onde passamos a requesição e resposta e pedimos para fazer uma requisiçãio com um conteúdo de texto/hmtl. Em seguinda, pedimos para que seja lido o arquivo através do fs com o método readFile e uma função onde irá verificar se deu errado a requisição ou se certo. No fim, pedimos para que a função seja carregada na porta 8000.

const http = require('http');
const fs = require('fs');

function requestHTML(req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    fs.readFile('./index.html', null, function(error, data) {
        if (error) {
            res.writeHead(404);
            res.write('Arquivo não encontrado!');
        } else {
            res.write(data);
        }
        res.end();
    });
}

http.createServer(requestHTML).listen(8000);

Caso queira testar, o arquivo package.json é necessário. Em seguida npm install e logo após, npm start

Para saber mais: https://nodejs.org/api/fs.html#fs_file_system

Espero ter ajudado vocês!

Ajudou sim Lais, obrigado

Ajudou muito Laís.

Estava com essa duvida, porque estava criando um blog e nao estava conseguindo acessar um arquivo HTML em uma outra pasta. Não estava criando com um servidor ativo, mas apenas localmente. Quando fiz o curso de Node daqui que entendi melhor.

Uma pergunta: para abrir/ler um arquivo HTML (ou outro tipo), preciso obrigatoriamente criar um servidor né? Quando tentei deu um erro de política de acesso (CORS).

Oi, Vinicius!

Sim, o servidor de exemplo que fiz está acima com requisição da porta 8000. E também precisrá do package.json, você pode usar o do curso de Node para testar.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software