Node.js API [C01P01] - Iniciando o projeto configurando Node js, Typescript, yarn e module-alias

Подписаться 23 тыс.

Просмотров 26 тыс.

50% 1

No primeiro video do primeiro capitulo da nossa série Node.js com Typescript começamos fazendo a inicialização do ambiente de desenvolvimento utilizando Git, yarn também conheceremos o módulo module-alias e faremos a configuração do Typescript.
💎 Quer ter acesso a mais conteúdo como esse? Então venha para a comunidade Tech Leads club e tenha acesso a conteúdo sobre desenvolvimento de software e liderança técnica para além do nível sênior. Acesse agora bit.ly/join-tl...
🔗Referências utilizadas no video
👉 www.typescript...
👉 yarnpkg.com/
👉 www.npmjs.com/...
👉 • Mini-curso de TypeScript
✅Código no Github e diferença entre os passos
👉 github.com/wal...
💬Participe da nossa comunidade
👉 join.slack.com...

Опубликовано:

17 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 101

@AnnielMenezesCruz 4 года назад

Pessoal, tem o pacote gitignore no npm que cria um arquivo .gitignore baseado na linguagem/framework que estivermos usando. Só precisamos usar o npx gitignore node, por exemplo ;)

@WaldemarNetoDevLab 4 года назад

Ótima dica!

@ffpthai 3 года назад

Gande dica, valeu.

@luancampos5186 2 года назад

Quando vai criar api com node.t q criar manualmente, a não ser que se utilize framework que já traz api quase pronta tipo adonis

@AnnielMenezesCruz 2 года назад

@@luancampos5186 nada impede que você de remover arquivos que não quer ignorar antes de commitar o .gitignore

@geisonsn 4 года назад

Parabéns, Waldemar, pela generosidade de compartilhar sua experiência e seu tempo! Você é inspirador, amigo.

@leonardograndi1367 5 месяцев назад

Excelente!!!

@leonardolins70 4 года назад

como dar like mil vezes? Conteúdo de altíssima qualidade. You're the best!!!

@leosilvawalkthrough 4 года назад

Top demais! Tem conteúdo pago por ai que não chega nem perto da qualidade deste curso!

@diogenesrafael 4 года назад

Parabéns cara. Agradeço muito por compartilhar o seu conhecimento.

@jeffersonferreira43 4 года назад

Caraca Man, tudo de uma vez? Não está pra brincadeira mesmo, tenho certeza que o conteúdo será de ótima qualidade como tudo neste canal

@WaldemarNetoDevLab 4 года назад

Jefferson Ferreira valeu! São os 3 primeiros capítulos! Ainda faltam 6, semana q vem sai mais

@danilopedrosa7032 4 года назад

Bom que você voltou cara! Essa série vai ser incrível!

@WaldemarNetoDevLab 4 года назад

Danilo Pedrosa 💪💪

@gabriellapugno9919 3 года назад

Esse curso vai me ajudar muito no estágio. Obrigada por compartilhar conhecimento!

@WaldemarNetoDevLab 3 года назад

Boa! comenta depois como foi

@tabathapradier6175 Год назад

Achei uma mulher na comunidade aqui! hahaha você ainda tá no estágio? Iniciei faz 2 meses como backend dev

@leandrohendrix6487 2 года назад

Parabéns, Waldemar,

@Defdark23 3 года назад

Começando hoje, conteúdo fera.

@canalluanoliveira 3 года назад

Sempre procurei um conteúdo assim. Eu já entendo um pouco de node e typescript, mas não tenho tanta noção das melhores práticas. Obrigado!

@paulosoares8626 2 года назад

Show de bola, acho q vou aprender bastante nesta série:)

@rauloliveiraferreira7395 3 года назад

Cara, muito bom o conteúdo. Tá de parabéns pela forma que explica, ganhou mais um inscrito que vai consumir todo o conteúdo que você postar ;)

@mateusbentes2679 4 года назад

Começando essa série maravilhosa. Obrigado por compartilhar esse conhecimento com a comunidade

@ffpthai 3 года назад

Começando esse grande curso!!!

@osdenisadzinski 4 года назад

Parabéns! Projeto show, boa didática...

@LucasPereira-mk1zl 4 года назад

Caraca mano que conteúdo bom Continue , demais demais

@LeoDMello 4 года назад

Tu é o cara Waldemar! Valeu!

@riadnav 4 года назад

A bíblia diz que Deus quando olha para a terra procura os homens de boa vontade. Obrigado pela sua boa vontade, ajudará a muitos.

@tabathapradier6175 Год назад

Terminei esse primeiro vídeo hoje. Bora!

@WaldemarNetoDevLab Год назад

Vamoo

@GuilhermeGomes1 3 года назад

O conteúdo do curso ta top demais irmão, parabéns!

@DanielMedeirosSamurai 4 года назад

Parabéns!! Muito Obrigado!! Agora é assistir e codar!!!

@LucasSoaresAraujo 4 года назад

Show! Obrigado pelo conteúdo!

@caiocutrim3596 11 месяцев назад

Faz uma cota que não pego bons tutoriais aqui no youtube. To no primeiro video aqui e acho que é promissor.

@danilolosi745 4 года назад

Cara, muito obrigado!!

@viniiciiu 4 года назад

Eu dou logo o like antes para não esquecer depois ;)

@bughunter94 3 года назад

cara, muito obrigada por este material

@nicolasteofilo 3 года назад

Muito obrigado por compartilhar, volte a postar vídeos :)

@ducabyte 9 месяцев назад

Mano, tenta aumenta a fonte ou dar zomm que melhora a visualização

@joaohenrique-hy7pw 4 года назад

Existe um pacote no npm chamado "ntl", www.npmjs.com/package/ntl, é só instalar global e usar no terminal, ai você não vai mais precisar rodar os comando "npm run build" ou "npm start", ele lista todos os comandos em um menu no terminal e você escolhe qual rodar :D

@WaldemarNetoDevLab 4 года назад

Boa! vou testar

@eduardobertozi8506 Год назад

Muito bom!

@kennedy202 4 года назад

Parabéns!!!!

@vcinfor 4 года назад

Com o conteúdo desse curso esta fantástico, sempre pulo os anuncio, mais dessa vez tenho o prazer deixar , pq de alguma forma possa esta ajudando Waldemar Neto Dev Lab a colocar conteúdo desse, meu muito obrigado

@ercioalendre 2 года назад

A opção strict = true ativa as seguintes opções de compilador: alwaysStrict strictBindCallApply strictFunctionTypes strictNullChecks strictPropertyInitialization noImplicitAny noImplicitThis useUnknownInCatchVariables A opção esModuleInterop = true irá habilitar também allowSyntheticDefaultImports. Apenas algumas opções que estão "redundantes" no tsconfig.json e poderiam ser removidas.

@GabrielPereira-hd8tc 3 года назад

Muito bom mano!

@Kimitri Год назад

Gente pra quem não tiver conseguindo fazer o module-alias rodar, é porque você tem que importar esse arquivo de configuração na primeira linha do arquivo de entrada da sua aplicação.

@raidertm1653 6 месяцев назад

Qual arquivo?

@felipeduartebarbosa7009 3 года назад

se vc colocar strict: true no tsconfig, as outras opcoes vc nao precisa declarar --noImplicitAny, --noImplicitThis, --alwaysStrict, --strictBindCallApply, --strictNullChecks, --strictFunctionTypes --strictPropertyInitialization

@rafaelbarros4704 4 года назад

Top!!!

@MichaelDev 4 года назад

Muito bom mano

@danilochagasdev 3 года назад

Eu tenho uma dúvida imensa. Quando vou iniciar um projeto de onde retiro (sites, blogs etc) as dependências que vou usar?

@leoamorimrosa 4 года назад

Parabéns pela iniciativa de compartilhar conhecimento. Para que servem essas dependências @types/?

@WaldemarNetoDevLab 4 года назад

@types são os tipos do typescript www.typescriptlang.org/

@PabloTeixeirapst7 4 года назад

Sabe tudo de computador

@fernandovargas_me 3 года назад

No meu caso o index foi gerado direto na raiz do dist ao inves de dist/src

@v1ctor206 4 года назад

Quais as suas configurações do vim Waldemar?

@WaldemarNetoDevLab 3 года назад

Opa! ta tudo aqui github.com/waldemarnt/dotfiles

@v1ctor206 3 года назад

@@WaldemarNetoDevLab Obrigado, comecei a usar o vim por causa do seu curso e to curtindo demais kkkk as minhas configs github.com/maybeABug/my-nvim-config

@jonatasfreitas3823 Год назад

@@WaldemarNetoDevLab eu ia perguntar o mesmo que o Victor, achei dhr demais.

@_.gabrielllopes 3 года назад

da pra fazer o curso usando o express apenas ? como framework

@WaldemarNetoDevLab 3 года назад

Opa! Da sim, o framework que usamos e o OvernightJS que é feito em cima da expressa a unica diferença é que ele adiciona o Typescript e annotations. Mas se tu quiser usar só express é só utilizar, vai ser bem simples

@alanpenteado2616 3 года назад

Estou começando agora a série, pode me dizer se esse curso ainda está atualizado ou alguma indicação antes de iniciar?

@Defdark23 3 года назад

I ae Waldermar blz cara, consegue me ajuda aqui por favor rs Eu fui usar o path mapping em um aplicação que estou fazendo, e estou com problema na hora de compilar para js, na pasta dist, não tava achando os modulos por causa do "@", ai tive que mudar tudo na mão pra funciona colocando o caminho ../../ kkk, para depois tentar colocar em produção a aplicação. Sabe me dizer sé e possível que ele faça a compilação para js de maneira que mantenha os caminhos certo, é alguma configuração no tsconfig ? Obrigado pela conteúdo.

@WaldemarNetoDevLab 3 года назад

Opa! Tu precisa configurar os alias como aqui github.com/waldemarnt/node-typescript-api/blob/master/src/util/module-alias.ts Tu pode fazer isso direto no package.json também como no exemplo da documentação deles github.com/waldemarnt/node-typescript-api/blob/master/src/util/module-alias.ts E também configurar o typescript github.com/waldemarnt/node-typescript-api/blob/master/tsconfig.json#L22

@henriquembotelho 3 года назад

Como você volta pro mesmo arquivo após abrir a definição do método no nvim?

@WaldemarNetoDevLab 3 года назад

Opa! control + o volta e control + i vai pro ultimo ponto

@RodrigoMedeirosBrazil 4 года назад

show! vai manter o video no ar?

@WaldemarNetoDevLab 4 года назад

Rodrigo Medeiros sim! Vai ficar pra sempre 😀

@BrendonHudsonCardoso 3 года назад

Por que a pasta "test" entra no "include" do tsconfig.json? Há necessidade de compilar os testes para o js da dist que será executado em produção?

@WaldemarNetoDevLab 3 года назад

Opa Brendon! pretendo fazer um video sobre build pra produção falando sobre essas otimizações, mas respondendo a tua pergunta os testes podem ser excluidos do build final usado em produção, otimo ponto!

@BrendonHudsonCardoso 3 года назад

@@WaldemarNetoDevLab Entendi, perfeito! Muito obrigado. Parabéns pelo conteúdo, está incrível!!!

@Kimitri Год назад

Alguém aí conseguiu fazer esse module-alias funcionar? porque eu já perdi a semana toda e não consigo de jeito nenhum, tô pra desistir de usar isso

@WaldemarNetoDevLab Год назад

Oi o código tá todo no Github link tá na descrição, compara o teu com o que tá lá ou entra no meu slack que te ajudo, link também tá na descrição

@Kimitri Год назад

@@WaldemarNetoDevLab eu tentei fazer igual o do git, não sei o que eu posso tá errando, eu entrei no seu slack e postei lá, não sei se postei no lugar certo, mas foi no node-typescript-api.

@Kimitri Год назад

@@WaldemarNetoDevLab estou tentando aplicar em um projeto meu que estava funcionando com o tsconfig-paths mas isso só funciona em desenvolvimento

@joaoteles4758 Год назад

Oioi, estou fazendo o projeto agora também e acho que você está tendo o mesmo problema que eu tive, que é quando ia transpilar o código estava dando erro. Solucionei da seguinte forma: no arquivo tsconfig.json, na linha 8, estava escrito "outDir": "dist", e corrigi para "outDir": "./dist/"

@eduardowallacetech 4 года назад

Conteúdo bacana ! mas poderia aumentar o tamanho da letra ou aproximar do código o vídeo, eu que sou cego não consigo ver direito ! hahaha

@rafaelaugustomachadoescoba8091 4 года назад

Estou com bug, quando realizo o build esta gerando a pasta dist sem a pasta src dentro, apenas os arquivos. Mas se eu crio um arquivo vazio dentro da pasta teste 'index.test.ts', ele cria a pasta dist corretamente com a pasta 'src' e 'test'. Meus sistema operacional é windows. Muito obrigado pelo curso, essa série vai ser top.

@WaldemarNetoDevLab 4 года назад

Opa! Da uma comparada com a parte 1 aqui no github github.com/waldemarnt/node-typescript-api/tree/step1 deve ter algo diferente

@anglesson 3 года назад

Rafael consegui resolver? Estou tbm com este bug.

@anglesson 3 года назад

Consegui achar o bug, o meu moduleAlias estava sem o parametro `files` no path. Por esse motivo ele nao mapeava a pasta.

@mateusnicolau6712 2 года назад

Opa, caso alguém ainda passe por esse problema. verifique se a pasta test possui algum arquivo. Motivo é que se não tiver nenhum arquivo dentro da pasta ele não cria, deixando sem um diretório, ou seja, não vai haver src ou test, apenas o conteúdo da src estará na dist. --> dist/index.js

@GustavoHenrique-xg4ey 3 года назад

aqui o module alias nao funciona bem, as vezes ele implica com alguns arquivos. Cannot find module '@src/xxx'

@WaldemarNetoDevLab 3 года назад

Opa Gustavo, não deveria. Poem teu código no Github que ajudo a arrumar.

@thetrustedwayofhealthy Год назад

Eu estava empacado neste erro e não sabia como resolver, até pesquisar e ver que na aplicação o primeiro import precisa ser dessa lib senão o resto buga, ou seja, no server.ts a primeira linha tem que ser: import './util/module-alias';

@rmunhozdev 3 года назад

segui os passos .. fiz o npm run build .. e ele n levou o index.js para o dist/, alguém sabe o que pode ser?

@rmunhozdev 3 года назад

já peguei o erro kkkk , eu coloquei index.js mas tem que ser index.ts

@icaroteles5301 2 года назад

No meu yarn start deu esse erro: $ yarn build && node dist/src/index.js node:internal/modules/cjs/loader:936 throw err; ^ Error: Cannot find module 'C:\Users\├ìCARO TELES\AppData\Roaming pm ode_modules\yarn\bin\yarn.js' at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) at node:internal/main/run_main_module:17:47 { code: 'MODULE_NOT_FOUND', requireStack: [] }

@icaroteles5301 2 года назад

Minha solução provisória foi usar "start': "npm run build && node dist/src/index.js". Por algum motivo alguns comandos de yarn não funcionam no meu PC. O "engraçado" é que o yarn start funciona. Também estudo Front-End e quando fui tentar fazer yarn create react-app myapp/ também dava esses erros e tenho que usar o npm.

@andrisbuscariolli3648 3 года назад

Man, qual font face e color scheme tu usa?

@WaldemarNetoDevLab 3 года назад

Opa! É o onedark github.com/waldemarnt/dotfiles/blob/master/.vimrc#L196

@AlkateiaGameSZ 4 года назад

Man, eu preciso configurar o module alias dentro do typescript e so encontro para JS, você tem algum video para me ajudar ?

@WaldemarNetoDevLab 4 года назад

Opa! não sei se entendi bem a pergunta, durante o curso usamos module-alias com Typescript, o que mais tu precisa?

@AlkateiaGameSZ 4 года назад

@@WaldemarNetoDevLab Estava seguindo seus passos para implementar o Alias no meu projeto Type, mas ele não compila, acaba dando erro e não consigo importar o que preciso.

@JoaoOliveira-bl2wn 4 года назад

Também tive o mesmo problema. Eu não consigo fazer o module-alias funcionar. Na hora de rodar o server, ele diz que não encontrou o módulo '@abc.def'

@JoaoOliveira-bl2wn 4 года назад

Consegui "resolver". Percebi algumas diferenças no meu projeto. Uma delas, é que meu build não gera um arquivo 'src' dentro da pasta 'dist', o que penso estar gerando uma bagunça nas rotas na hora de fazer o alias após a transpilação. O que resolveu o problema pra mim foi usar a configuração '_moduleAliases { ... }' dentro do package.json, onde apontei meus 'aliases' para 'dist/folder'. É a abordagem recomendada inicialmente aqui www.npmjs.com/package/module-alias.

@WaldemarNetoDevLab 4 года назад

Qualquer problema comparem com o codigo do passo 1 no github, ta aqui github.com/waldemarnt/node-typescript-api/tree/step1 Joao, a gegnte adiciona a pasta src e test com um arquivo qualquer para a o build gere a estrutura certa, ta uma olhada no codigo ali. Abraco!

@alexmedeiros7169 4 года назад

estou tendo problema com em dar o build do projeto pra ver se esta tudo correto e aparece isso: tsc /bin/sh: 1: tsc: not found error Command failed with exit code 127. info Visit yarnpkg.com/en/docs/cli/run for documentati.....

@WaldemarNetoDevLab 4 года назад

Opa Alex, instalou o Typescript como no video?