\u00a0Node JS tutorial? Temos! Este artigo \u00e9 um bom lugar para entender os conceitos e se sentir mais confiante na hora de criar aplica\u00e7\u00f5es de ponta a ponta. Criaremos uma r\u00e9plica do Twitter com um passo a passo bem did\u00e1tico.<\/p>\r\n\r\n\r\n\r\n
Dividiremos em 2 partes: na primeira parte aprenderemos a criar um servidor back-end<\/a> para nossa aplica\u00e7\u00e3o utilizando Node JS<\/a> tutorial, Express e outras ferramentas que nos ajudar\u00e3o no processo de desenvolvimento. No fim, teremos uma aplica\u00e7\u00e3o completa, incluindo rotas, autentica\u00e7\u00e3o e persist\u00eancia de dados.<\/p>\r\n\r\n\r\n\r\n J\u00e1 na segunda parte faremos a parte do front-end<\/a> integrando com o nosso servidor e criando uma vers\u00e3o totalmente funcional.<\/p>\r\n\r\n\r\n\r\n O tutorial visa atingir pessoas com pouco ou nenhum conhecimento sobre programa\u00e7\u00e3o, sendo que n\u00e3o \u00e9 necess\u00e1rio conhecimento avan\u00e7ado para conseguir acompanhar. Por\u00e9m, \u00e9 recomendado um conhecimento b\u00e1sico de JavaScript<\/a>.<\/p>\r\n\r\n\r\n\r\n Tamb\u00e9m \u00e9 indicado que voc\u00ea tente fazer seguindo os passos do tutorial para ir aprendendo com seus pr\u00f3prios erros e para que os conceitos fixem melhor na sua mente. O c\u00f3digo da aplica\u00e7\u00e3o est\u00e1 em no meu GitHub <\/a>caso prefira ir direto para a implementa\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n \u00c9 necess\u00e1rio que voc\u00ea:<\/p>\r\n\r\n\r\n\r\n Para criarmos o ambiente de desenvolvimento temos que criar um diret\u00f3rio e inicializar o projeto:\u00a0<\/p>\r\n\r\n\r\n\r\n Dentro do diret\u00f3rio, voc\u00ea deve encontrar um arquivo chamado package.json<\/em>, que \u00e9 o arquivo de configura\u00e7\u00e3o inicial para aplica\u00e7\u00f5es que se baseiam em Node JS tutorial, por exemplo. Nele s\u00e3o declarados as depend\u00eancias do projeto, os scripts dispon\u00edveis e vers\u00e3o atual do software. No nosso caso este arquivo est\u00e1 com a configura\u00e7\u00e3o m\u00ednima de um projeto.<\/p>\r\n\r\n\r\n\r\n\r\n\r\n Nosso c\u00f3digo principal ficar\u00e1 dentro do arquivo Express <\/a>\u00e9 uma biblioteca que facilita o desenvolvimento de servidores, ainda mais quando se trata de Node JS tutorial. Com ela podemos implementar rotas, middlewares e gerenciadores de erros de forma f\u00e1cil e pr\u00e1tica.<\/p>\r\n\r\n\r\n\r\n Atualmente, Express \u00e9 uma das libs mais usadas para cria\u00e7\u00e3o de servers em JavaScript<\/a>, com uma curva de aprendizado \u00e9 relativamente f\u00e1cil de construir aplica\u00e7\u00f5es totalmente \u00fateis.<\/p>\r\n\r\n\r\n\r\n A cria\u00e7\u00e3o do Express ser\u00e1 feita no arquivo Requisitos para fazer uma aplica\u00e7\u00e3o<\/h2>\r\n\r\n\r\n\r\n
\r\n
Iniciando Node JS tutorial<\/h2>\r\n\r\n\r\n\r\n
mkdir<\/strong> twitter-app<\/strong>
cd<\/strong> twitter-app<\/strong>
yarn init -y <\/code><\/p>\r\n\r\n\r\n\r\nsrc\/app.js<\/code><\/em>, ent\u00e3o vamos cri\u00e1-lo: mkdir\/src && touch app.js<\/code><\/em>. No caso de voc\u00ea n\u00e3o ter notado o package.json<\/code><\/em> apresenta uma refer\u00eancia para o c\u00f3digo principal chamado de main<\/code><\/em>, como esse valor n\u00e3o bate com o nosso arquivo devemos alter\u00e1-lo para src\/app.js<\/code><\/em>.<\/p>\r\n\r\n\r\n\r\nPrimeiros passos com Express<\/h2>\r\n\r\n\r\n\r\n
src\/app.js<\/code><\/em>, precisamos de:<\/p>\r\n\r\n\r\n\r\n\r\n