Caraca, esse cara domina tanto oq ta fazendo que ele passa de uma forma, que o que é difícil, parece até facil. QUE DINÂMICA DO CARALHOOOOO. Pena que n consigo bancar uma semana em SP para fazer um intensivo na CAELUM!
wallkr faz bastante sentido. Provável que eu explique isso em algum momento em uma das lives que estou fazendo de segunda a sexta que começa próximo das 21hrs. Aparece por lá, só clicar no link: bit.ly/twitch-live-collabcode Daqui a uma semana eu também voltoa a fazer vídeos para o RUclips
Olá, 2 anos depois eu apareci para te ajudar hahhahahahah Você pode utilizar PATH para ajudar a enviar um arquivo html pelo res.send(). Neste caso você vai precisar fazer um require para o PATH, depois disso no res.send você acrescenta o File e passa como parametro __dirname (significa que o arquivo HTML está no mesmo local que o seu projeto está), e passa também o local exato (caso esteja em uma pasta e afins). Vai ficar assim: res.sendFile(path.join(__dirname, '/client/contato.html')); Ops, esqueci de falar que precisar pôr o .join após o path
Olá Marco! Bom o vídeo, mas você não explicou como definir uma resposta padrão quando o usuário digita uma url que não existe. Tens algum material explicando isso ou até algum curso na Alura, pois sou aluno lá. Abraço, sucesso.
Opa Marco, tudo bem? Saberia me dizer porque não consegui te acesso ao e-mail digitado pelo usuário utilizando o código server.post('/contato', (req, res) => { res.send(`Email digitado pelo usuário: ${req.body.email}`) }) na tela retorna TypeError: Cannot read property 'email' of undefined
Você precisa instalar e configurar o body-parser Se tiver mais dúvidas cola no discord da collabcode, meio que só eu vejo os comentários e de vez enquanto demoro para responder. Desculpa a demora! discord.gg/FP5UaAG
Você tem que usar uma view engine. A padrão no ExpressJS é a EJS mas eu gosto mais da Nunjucks feita pela Mozilla empresa que criou o Firefox, mas eu sou bem suspeito porque sou muito fã da Mozilla :-) Se quiser posso fazer um vídeo mostrando como faz. Você quer?
@@MarcoBrunoDev Muito obrigado Marco ... vou tentar quebrar a cabeçá um pouco aqui... eu tentei criar um servidor com Express js com o gerador de projeto, ele crio de boas .. só que ele criou com os documentos 'ejs' ao invés de html.... e a minha ideia era botar por cima o Angular js.... pergunto : é possível ? não estarei forcando de mais? existira um jeito mais elegante caso estiver fazendo errado?
Quando faço o upload dos arquivos do meu projeto de site para um host para que o site fique live, como faço pra rodar o servidor em express no qual meu site é baseado com ele dentro do host?? Sou novo na área. Espero que alguém possa ajudar! :P
Curti muito a aula, só não fez muito sentido você pegar o texto 'Precisamos aprender a pegar os valores que o usuario digitou' e inserir manualmente dentro do h1 no server.js (em server.post).. Acredito que o ideal e mais sensato seria encaminhar o texto que foi digitado pelo usuário no textarea Mensagem para a nova rota chamada no form (contato), usando por exemplo bodyParser.. Mas já ajudou bastante, essa parte do bodyparser consegui adicionar como dependência no package.json e resolver pelo stackoverflow..
Se você usar o --savs-dev esse pacote não será instalado quando você for rodar em produção. Todo pacote que no momento da instalação você usar a flag --save-dev você está dizendo que ele não será necessário para colocar o projeto em produção ele é apenas necessário para o ambiente de desenvolvimento
Raul Esteves você usa o middleware que é um método chamando use() que você acessa pela variável app. Explicar por texto fica um pouco complicado. Se quiser tirar sua dúvida por vídeo aparece em uma das lives que estou fazendo de segunda a sexta, ela começa perto das 21hrs. Clica no link e cola lá na live que te explico ao vivo: bit.ly/twitch-live-collabcode
Collab, claramente colocar o html no server.send n é pratico, como eu faria para colocar um arquivo html? Andei pesquisando e achei um tal de static, seria isso mesmo?
O recomendado é usar uma views engine a padrão do express é uma chamada EJS, mas eu gosto bastante de uma chamada handlebars. Mas tem muitas outras ;-) Acho que isso já vai te ajudar na suas pesquisas, se não achar fala que mando uns links
Feliz que tenha gostado. Sim o foco é o conteúdo. Só sou dev mesmo não sei esse negócio de edição. Muito obrigado pelo feedback, no vídeo de quarta vou melhorar essa parte do tamanho da minha câmera. Gosto sempre dos feedbacks negativo porque é com ele que posso melhorar. Se tiver mais algum ponto que te incomodou me fala? :-)
Nesse vídeo ficou complicado de entender pq não tenho muito conhecimento com Javascript, se vc puder passar uma explicação antes do que se trata esse tipo de servidor seria mais legal.
Faz sentido. Acabei focando pra quem já tem uma ideia do que é um servidor web. Desculpa cara :-( Vou terminar essa série e planejar uns vídeos para explicar o que é um servidor HTTP e como ele funciona além de um outro de JavaScript básico. Só um dúvida. Você chegou a assisir o vídeo abaixo? ruclips.net/video/ZPdYdVPtWNo/видео.html
Marco Bruno Pronto vou cobrar a explicação kkkk. Sobre o vídeo eu assisti sim, o vídeo todo, mas como é novo pra mim eu n entendi muito, mas vou me jogar no assunto agora kk
Boa Noite :) Tive leve problema na declaração do (req, res) me retorna que o req foi declarado e/ou não tinha valor. Encontrei a solução por esse post: www.reddit.com/r/typescript/comments/9zp4co/parameters_not_used_in_function/ O código ficou assim: server.get('/', (_req, res) => { //usei um _ antes do REQ res.send('Home') }) server.post('/contato', (_req, res) => { res.send('Precisamo aprender a pegar o valor que o usuário digitou') Acho que pode te ajudar :)
ME SALVOU DE UMA LUTA DE 4 DIAS ESSE VIDEO KKK
Você explica bem de mais cara kkkkk muito divertido
Aí sim Jefter. Fico feliz que esteja gostando dos vídeo e das explicações :-)
Segunda é dia de mais um vídeo...rs
Vc é o cara Marco.
Ótimas informações.
Obrigado daSilva.
Volta a fazer seus vídeo em. Estou esperando pra assistir mais no seu canal :-)
Ah! Vamos marcar um collab no meu canal? Topa?
Ai sim =D Boto fê !
Cara.
Excelente amigo
E.X.C.E.L.E.N.T.E.
SUA EXPLICAÇÃO E INCRÍVEL CARA.
Sucesso
Fico feliz que tenha gostado :-)
Explicação zica da galaxia
Caraca, esse cara domina tanto oq ta fazendo que ele passa de uma forma, que o que é difícil, parece até facil. QUE DINÂMICA DO CARALHOOOOO. Pena que n consigo bancar uma semana em SP para fazer um intensivo na CAELUM!
Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !
Fácil demais usando express! Muito obrigado pelo vídeo, ficou ótimo!
Também acho muito mais fácil. Fico feliz que tenha gostado Carlos :-)
Mais um vídeo super legal
Show!!!
Ow, bom demais! Sou iniciantezão e ajudou um milhão.
Tiago Lubiana show. Fico feliz que você tenha compreendido :-)
Ensina depois como fazer uma estrutura limpa e organizada de arquivos no node js! E como servi-los também. Boa explicação!
wallkr faz bastante sentido. Provável que eu explique isso em algum momento em uma das lives que estou fazendo de segunda a sexta que começa próximo das 21hrs. Aparece por lá, só clicar no link: bit.ly/twitch-live-collabcode
Daqui a uma semana eu também voltoa a fazer vídeos para o RUclips
Bom demais......
Aí sim. Caramba um elogio de você me deixa mais feliz que o normal :-)
kkdkkskdk adorei, não cria mais um Framework de javascript pq já tem muito
Justo!
Muito Bom! : D
Show. Feliz que tenha gostado :-)
Tem mais vídeo amanhã
Top mano!
Valeu!
Sabe muito
Olá Marcos! Em vez do método ter, posso usar o posto para camuflar o caminho pós "/" ?
opa amigo muito bom , consegue fazer video sobre o carregamento de arquivos html etc no servidor
Olá, 2 anos depois eu apareci para te ajudar hahhahahahah
Você pode utilizar PATH para ajudar a enviar um arquivo html pelo res.send().
Neste caso você vai precisar fazer um require para o PATH, depois disso no res.send você acrescenta o File e passa como parametro __dirname (significa que o arquivo HTML está no mesmo local que o seu projeto está), e passa também o local exato (caso esteja em uma pasta e afins).
Vai ficar assim: res.sendFile(path.join(__dirname, '/client/contato.html'));
Ops, esqueci de falar que precisar pôr o .join após o path
@@pedrocampelo8302 Pra mim e os próximos que tiverem essa dúvida vai ajudar, valeu!
Olá Marco!
Bom o vídeo, mas você não explicou como definir uma resposta padrão quando o usuário digita uma url que não existe. Tens algum material explicando isso ou até algum curso na Alura, pois sou aluno lá.
Abraço, sucesso.
Muito bom!
Queria tirar uma dúvida, e se caso eu precisar setar a pasta do projeto pra ele exibir tudo? css, js e etc.
Como ficaria?
Você precisar configurar isso antes das suas rodas com o seguinte código: server.use(express.static('public'))
Instalar o nodemon tbm é uma boa.
É uma ótima dica, acho que o nodemon e o dotenv estão em todos projetos feito com Node :-)
Opa Marco, tudo bem? Saberia me dizer porque não consegui te acesso ao e-mail digitado pelo usuário utilizando o código
server.post('/contato', (req, res) => {
res.send(`Email digitado pelo usuário: ${req.body.email}`)
})
na tela retorna TypeError: Cannot read property 'email' of undefined
Você precisa instalar e configurar o body-parser
Se tiver mais dúvidas cola no discord da collabcode, meio que só eu vejo os comentários e de vez enquanto demoro para responder. Desculpa a demora!
discord.gg/FP5UaAG
Não poderia utilizar o nodemon? Não precisaria ficar parando e iniciando o servidor... Esse pequeno detalhe não tira o mérito do excelente vídeo!!!
Não mostrei o nodemon pra não deixar o vídeo maior. Acho ruim mostrar algo sem explicar :-)
Excelente aula Marco...
Mas, uma pergunta... como faço para ao invés de passar as tag de html passar o arquivo html?
Você tem que usar uma view engine. A padrão no ExpressJS é a EJS mas eu gosto mais da Nunjucks feita pela Mozilla empresa que criou o Firefox, mas eu sou bem suspeito porque sou muito fã da Mozilla :-)
Se quiser posso fazer um vídeo mostrando como faz. Você quer?
@@MarcoBrunoDev Muito obrigado Marco ... vou tentar quebrar a cabeçá um pouco aqui... eu tentei criar um servidor com Express js com o gerador de projeto, ele crio de boas .. só que ele criou com os documentos 'ejs' ao invés de html.... e a minha ideia era botar por cima o Angular js.... pergunto : é possível ? não estarei forcando de mais? existira um jeito mais elegante caso estiver fazendo errado?
Resolvi... com http-server!!
Quando faço o upload dos arquivos do meu projeto de site para um host para que o site fique live, como faço pra rodar o servidor em express no qual meu site é baseado com ele dentro do host?? Sou novo na área. Espero que alguém possa ajudar! :P
Curti muito a aula, só não fez muito sentido você pegar o texto 'Precisamos aprender a pegar os valores que o usuario digitou' e inserir manualmente dentro do h1 no server.js (em server.post).. Acredito que o ideal e mais sensato seria encaminhar o texto que foi digitado pelo usuário no textarea Mensagem para a nova rota chamada no form (contato), usando por exemplo bodyParser.. Mas já ajudou bastante, essa parte do bodyparser consegui adicionar como dependência no package.json e resolver pelo stackoverflow..
Faz sentido. Mas se fizesse isso no vídeo ele ficaria enorme :-)
Qual seu contato gostaria de falar com você
Porque mesmo sem usar "--save-dev" na hora de instalar o Express o modulo ficou salvo como dependência no "package.json"?
Se você usar o --savs-dev esse pacote não será instalado quando você for rodar em produção. Todo pacote que no momento da instalação você usar a flag --save-dev você está dizendo que ele não será necessário para colocar o projeto em produção ele é apenas necessário para o ambiente de desenvolvimento
@@MarcoBrunoDev Entendi. Muito obrigado :-)
Marco e qd a url não for encontrada, como fazer aparecer uma msg, como apareceu no video q fizemos o server na mão?
Raul Esteves você usa o middleware que é um método chamando use() que você acessa pela variável app. Explicar por texto fica um pouco complicado. Se quiser tirar sua dúvida por vídeo aparece em uma das lives que estou fazendo de segunda a sexta, ela começa perto das 21hrs. Clica no link e cola lá na live que te explico ao vivo: bit.ly/twitch-live-collabcode
Collab, claramente colocar o html no server.send n é pratico, como eu faria para colocar um arquivo html? Andei pesquisando e achei um tal de static, seria isso mesmo?
O recomendado é usar uma views engine a padrão do express é uma chamada EJS, mas eu gosto bastante de uma chamada handlebars. Mas tem muitas outras ;-)
Acho que isso já vai te ajudar na suas pesquisas, se não achar fala que mando uns links
@@MarcoBrunoDev eu posso usar sem uma Engine dessa? Já tô apanhando muito pro node por estar aprendendo agora.
@@henriqueramos3816 pode sim. Só não vale a pena, a view engine te dará mais controle da camada de Front End
@@MarcoBrunoDev caso eu não use uma Engine, o melhor seria separar o front do back e caso queira fazer requisiçoes no back usaria fetch?
@@henriqueramos3816 esse é um caminho. Aí é provável que você use algm framework no front como o #React
Muito bom conteúdo, só uma dica... o tamanho do seu quadrado explicando atrapalha um pouco. O foco é o conteúdo certo?
Feliz que tenha gostado. Sim o foco é o conteúdo. Só sou dev mesmo não sei esse negócio de edição. Muito obrigado pelo feedback, no vídeo de quarta vou melhorar essa parte do tamanho da minha câmera. Gosto sempre dos feedbacks negativo porque é com ele que posso melhorar. Se tiver mais algum ponto que te incomodou me fala? :-)
Boa Acompanhando a série!! Parabéns pela iniciativa aguardando o express session haha
Bom tema esse do express session :-)
Nesse vídeo ficou complicado de entender pq não tenho muito conhecimento com Javascript, se vc puder passar uma explicação antes do que se trata esse tipo de servidor seria mais legal.
Faz sentido. Acabei focando pra quem já tem uma ideia do que é um servidor web. Desculpa cara :-(
Vou terminar essa série e planejar uns vídeos para explicar o que é um servidor HTTP e como ele funciona além de um outro de JavaScript básico.
Só um dúvida. Você chegou a assisir o vídeo abaixo?
ruclips.net/video/ZPdYdVPtWNo/видео.html
Marco Bruno Pronto vou cobrar a explicação kkkk. Sobre o vídeo eu assisti sim, o vídeo todo, mas como é novo pra mim eu n entendi muito, mas vou me jogar no assunto agora kk
Ksksksksksk ficou um pouquinho mais fácil o patrocínio
Sim!
Boa Noite :)
Tive leve problema na declaração do (req, res) me retorna que o req foi declarado e/ou não tinha valor.
Encontrei a solução por esse post:
www.reddit.com/r/typescript/comments/9zp4co/parameters_not_used_in_function/
O código ficou assim:
server.get('/', (_req, res) => { //usei um _ antes do REQ
res.send('Home')
})
server.post('/contato', (_req, res) => {
res.send('Precisamo aprender a pegar o valor que o usuário digitou')
Acho que pode te ajudar :)
A gente não sabe se ele errou sem querer ou de propósito kmm