02. Node.js - Como criar o primeiro projeto?

[Música] fala pessoal beleza mais uma vez seja bem-vindo ao canal Procópio na rede Se você não me conhece eu sou professor Fábio e aqui a gente fala sobre diversos assuntos no vídeo passado nós temos início ao curso intitulado programação com acesso a banco de dados naquele vídeo eu mostrei para vocês como instalar o modem como instalar o Type script E também como instalar o visual estudo code que vai ser a ideia que nós vamos utilizar aí para construir os nossos códigos então o vídeo anterior era apenas para preparar o ambiente com as ferramentas que a

gente vai utilizar aqui no curso tá esse vídeo nós vamos construir o nosso primeiro projeto utilizando o note JS Então a primeira coisa que eu vou fazer é criar uma pasta aqui na minha área de trabalho para facilitar eu vou chamar de projetos dentro dessa pasta eu vou fazer o seguinte eu vou clicar com o botão direito e vou chamar aqui o Power abrindo o terminal certo ele vai abrir aqui para mim o powershells de repente você não conseguir fazer isso pode fazer isso aqui ó você vai mandar procurar por powershell tá aqui ele certo

você abre ele e aí ele vai trazer um caminho padrão aqui aí eu vou mudar para área de trabalho que seria CD desktop E aqui nessa pasta desktop que a minha área de trabalho eu vou mudar para ceder projetos p a b d é a mesma coisa certo então eu vou considerar que você consegue fazer isso aqui clicando com o botão direito abrir no terminal ele vai me trazer para cá beleza CLS screen eu vou limpar aqui a tela ok e agora pessoal o que eu vou fazer aqui é instalar o Express que é um

Framework que é utilizado para desenvolver aplicações web no JS tá então eu vou falar assim ó npm install certo menos menos Global a instalação Global menos menos e também eu vou instalar o Express Gmail certo então ele instalou aqui 60 67 pacotes foram modificados né em 11 segundos Então nós vamos fazer o seguinte agora eu vou limpar aqui a tela novamente tá e o nosso próximo passo vai ser o seguinte nós vamos informar aí qual é a via indiaine que o nosso projeto vai utilizar então uma vila indiana ela tem um papel em facilitar a

criação de páginas HTML certo e também facilitar o envio das informações do lado do node para essas páginas HTML Então ela faz o meio de campo entre o backing nosso caso aqui é o do JS frontiene que nós vamos utilizar Aqui as nossas páginas HTML certo então para informar isso eu vou dizer Olha nós vamos utilizar que vai ser a ejs Existem várias vias mas a gente vai utilizar aqui a viu é JS e o projeto que eu vou criar vai ser o projeto biblioteca tá veja aqui ele criou aí uma estrutura de pastas a

gente precisaria criar isso aqui no braço Mas ele já criou para a gente essa estrutura de pasta certo e o que ele instruir a gente é mudar para o diretório biblioteca Então vamos mudar aqui um CD biblioteca que foi o projeto que acabou de ser criado e ele pede para gente instalar aí as dependências do nosso projeto certo então vou instalar assim ó npm install conforme ele tá orientando aqui né Então veja que ele instalou disse que tem aqui algumas vulnerabilidades certo então eu vou fazer o seguinte eu já vou pedir para auditar essas vulnerabilidades

e fazer Força aí o atualização dessas vulnerabilidade tá então vou colocar assim npm auditar essas vulnerabilidades de repente o seu não aparecer essas observações em relação ao vulnerabilidade beleza tem problema nenhum você dá continuidade certo e agora o nosso próximo passo vai ser o seguinte uma vez que nós já criamos o projeto dissemos Qual a Vila indiai nós vamos utilizar nós vamos fazer agora com que o servidor no JS ele passa a rodar então eu vou rodar com npm Start Então veja que ele já tá com servidor rodando certo e agora nós vamos testar para

ver se de fato o servidor tá rodando então eu vou lá para o browser para verificar se de fato o nodo ele tá rodando pessoal mas antes disso você chegou até esse momento é porque com certeza esse conteúdo aqui tá sendo interessante para você dá uma força para o canal se inscreve ativa as notificações porque a cada nova postagem que eu fizer por aqui você vai ficar sabendo e também deixe seu like para que esse vídeo consiga chegar a quantidade de pessoas e também se ele é recomendado para pessoas que tenham interesse semelhante ao seu

aí então nós vamos fazer o seguinte nós vamos abrir o endereço localhost na porta 3.000 que a porta em que o note vai rodar errou o problema aqui pessoal é que eu coloquei o servidor para rodar e fechei a tela em que ele tava rodando então eu vou abrir novamente a pasta biblioteca que tá dentro daquela pasta projetos PB e vou colocar o note para rodar novamente certo então vamos lá eu tô aqui dentro da pasta biblioteca veja que quando eu rodei aquele comando né o MP Store Ele criou toda essa estrutura de pasta aqui

para mim eu vou fazer assim ó clicar com o botão direito abrir no terminal e novamente eu vou rodar npm serviço está rodando agora eu vou lá para o browser e rodar no browser para ver se de fato vamos lá então tô aqui novamente na página certo para fazer o teste mandar carregar e olha só Aí rodando beleza pessoal então muito obrigado por sua companhia por sua parceria deixe seu like se inscreve no canal e eu espero reencontrar você no próximo vídeo [Música]