Uma outra ferramenta que passei a usar bastante recentemente, principalmente para debugar códigos de teste unitários, é o terminal de debug do javascript: JavaScript Debug Terminal. Assim posso rodar um único arquivo de teste, por exemplo usando o Jest: 'jest exemplo-teste-unitario.spec'. (excelente vídeo)
@rocketseat3 жыл бұрын
Faaaala, Sérgio! Valeeeu! 💜 Poxa, que bacana! Valeu demais pela dica! 😉 Parace ser massa e super prático! 👀
@kaua_sa_nzx2 жыл бұрын
9:37 "O VSCode tem uma ferramenta muito legal que é essa barata" kkkkk valeu Diego e equipe da rocketseat aprendi muito com o canal de vocês e ate hoje aprendo
@eduwric4 жыл бұрын
Então é pra isso que serve a baratinha do VS Code... haha... eu sabia que era uma ferramenta de Debug, mas não sabia como configurar. Já configurei em uma aplicação que estou desenvolvendo e já testando. Muito Obrigado.
@rafaelcascalho41805 жыл бұрын
Mais uma vida salva...nem todo herói usa capa. kkkk Valeu Diego
@marcusandre8897 Жыл бұрын
rapaziada, não se iludam com a velocidade que ele escreve o código, provavelmente ele já escreveu esse mesmo código milhões de vezes ! Programar é muito mais ficar horas olhando pra tela do que digitando. resumindo: não se sinta 'menos' por não programar tão rápido, isso é normal !!! e por ultimo, parabéns pro autor do vídeo, ficou excelente!!!
@paulohigortavaresfreire3102 жыл бұрын
Mano que video maravilhoso, eu tava apanhando pra debugar o AWS SAM e não achava nada especifico mas esse video me salvou
@guilhermecardosodealmeida94985 жыл бұрын
Adorei o vídeo, mas eu queria mesmo, era ver como configurar o Debug do VS para o react e react-native... Abraço !!!
@relfarias5 жыл бұрын
guilherme cardoso de almeida eles ja fizeram algo so n lembro se esta no youtube ou no skylab
@guilhermecardosodealmeida94985 жыл бұрын
@@relfarias puxa muito obrigado ! se vc puder me mandar o link Agradeço muiiiito, eu vou tentar procurar aqui no canal
@albuquerquedev52003 жыл бұрын
@@guilhermecardosodealmeida9498 e o cara não mandou...
@carlosjunior53715 жыл бұрын
Muito bacana essa possibilidade usando node. Recurso bem corriqueiro para nós, desenvolvedores em back com Java(Eclipse) e .NET.(VS Full). Parabéns
@andrepsjp2 жыл бұрын
Além de manjar sabe ensinar. Parabéns.
@sama_gotec4 жыл бұрын
Mudou minha vida... Eu que usava o visual studio com C# debugava muito, e sentia falta disso no VS Code.... Muitoooooooooooooooooooooo Obrigado
@studiocampelo3 жыл бұрын
show de bola. console.log é valido sempre, mas com certeza o debug desta forma da muito mais opções e controle do que esta acontecendo no código.
@rocketseat3 жыл бұрын
Realmente, né!? Muitooo mais completo dessa forma! 😉 💜
Vídeo sensacional como sempre. Bom saber que é de boa trabalhar com Debug no Node, tava tão acostumado com o console.log que nunca nem tinha ido atrás
@wiltonvieira82015 жыл бұрын
Excelente!!! Fica uma sugestão para o próximo vídeo: PWA, como fazer a implementação com React Web... VALEU!!
@Alexedtion5 жыл бұрын
Maravilha. Principalmente service workers.
@REDBLACK0075 жыл бұрын
Como fui achar um canal dahora desse final de ano, eu precisava ter conhecimento comesso de 2019
@ThiagoDevBR5 жыл бұрын
Ótimo vídeo, Parabéns!!!! Fiquei também na vontade para também ver como funcionaria o Debug utilizando o React Native e React!!!!
@relfarias5 жыл бұрын
Yayyy Thank u!!! Como sempre otimos conteudos Preciso aprender debug d node p serveless usando servless offline Isso vai me ajudar tanto espero
@gabrielblpapera5 жыл бұрын
Ótimo vídeo Diego :) Uma sugestão de podcast seria o tema Desing Pattern, quais vocês (da Rocketseat) acham bacana, quais funcionam no mercado, pontos positivos e negativos, etc
@agusmao5 жыл бұрын
Muito bom. Pra aplicações React seria ótimo pois é minha principal ferramenta.
@rafaelvieira89573 жыл бұрын
mais um incrivel conteúdo da Rocketseat, salvou o meu dia com esse video kkk
@MarcusPaulo5 жыл бұрын
Parabéns pelo excelente vídeo, seria muito interessante mostrar o Debug no ReactJS e no React-Native.
@rudarabellodasilva61492 жыл бұрын
Gostaria de ver esse conteúdo no ReactJS
@annielmenezescruz90423 жыл бұрын
Revendo o vídeo descobri uma funcionalidade legal do VS Code que é o auto attach. Ctrl (command no macos)+Shift+P > Debug: Toggle Auto Attach e eu sempre seleciono with flag, isso faz o debug já dar o attach sem precisar do play da aba de debug
@AdsonCicilioti5 жыл бұрын
Top Diego!! Traz mais Crodrops de Debuggers inclusive usando o Chrome. Show mano.. Massa demais!
@kesleydaviddev55695 жыл бұрын
Muito massa, e seria perfeito o video de debug para front react
@hidemitsugoncalveshashimot61775 жыл бұрын
Otimo video. Quero muito um video de debug para React e React Native. Hoje eu uso console.log em tudo hahaha, ficam 30 linhas de console haha.
@joaoleno77003 жыл бұрын
Kkkkk que aula maneira, minhas análises com console.log são exatamente assim
@fernandocamilopro4 жыл бұрын
Vamos tirar os insetos do code obrigado diego... Rocketseat é top demais...
@rocketseat4 жыл бұрын
Xô, barata! 🚫🚫 😂😂😂 Valeu pelo feedback, Fernando! 💜
@leandrom.dasilva68584 жыл бұрын
A explicação que eu precisava. Excelente!
@mattfelix49905 жыл бұрын
Diego, mostre alguma coisa do Figma, muito show essa ferramenta, eu estava procurando algumas coisas e me deparei com o Aplicativo Figma Mirror que espelha a sua tela de prototipação no seu celular, muito foda mesmo!
@dcabib5 жыл бұрын
Muito legal... parabéns pelo Code/Drops...
@spwwmtb2 жыл бұрын
como sempre TOP né diegão!
@kamikaisan5 жыл бұрын
Como sempre ótimo video, Diego! Acho q não vou conseguir evitar de usar os console logs, mas com certeza agora vou reduzir bastante!! Sempre quis saber como configurar o debug do vs code usando nodemon, mas nunca encontrava nada muito explicativo. Graças ao seu video finalmente vou conseguir debugar de forma mais direta e menos verbosa!! XD Mais uma vez obrigado pelo conteúdo!! E feliz ano novo!! XD
@edivaldo.silva435 жыл бұрын
Muito show! Para se livrar de vez do console.log faz com REACT e REACTNATIVE.
@lucianodouglasmachadochaga99994 жыл бұрын
Achei a idéia bastante legal! Mostra também as técnicas de geração de liga com o winston js ou pino js
@felipecss32955 жыл бұрын
Mesmo assim amo usar meu *console.log* hehe...belo vídeo
@3dsonluiz5 жыл бұрын
Isso aí Diego, nada de ferramenta de debug, é ferramenta da barata (baratinha para os íntimos).
@brunomello74995 жыл бұрын
Fiz meu trabalho de estrutura de dados em 2018.2 debuggando puramente pelo printf no terminal. Lembro que na parte final do trabalho eu fiquei mais de um dia debuggando. Algumas semanas depois aprendi a debuggar um programa em C no vscode e resolvi bugs mais complexos em alguns minutos. Rimos muito, meu computador levou dois tiros.
@ryannnkl5 жыл бұрын
SEMANA OMNISTAAAAAAACK!!!!!!
@brunokiafuka5 жыл бұрын
Muito massa Diego 🚀
@wayderloyola13732 жыл бұрын
Muito bom o vídeo, gostaria de ver como configurar o Debug do VS para o react e react-native... Abraço !!!
@GabrielRodrigues-rh1eg3 жыл бұрын
Simplesmente sensacional!!!!!!!!! Obrigado
@rocketseat3 жыл бұрын
Faaaala, Gabriel! AAAAAAAA! Valeu demais! 💜 😍
@LewisSenpai Жыл бұрын
Valeu, Diego. Sensacional Da para fazer um mostrando como debugar no React?
@thiagotibau15125 жыл бұрын
Tras pra gente um vídeo falando de debug em front! Forte abraço!
@lucasmaciel86054 жыл бұрын
Antigamente eu tinha medo de utilizar debug, pois tinha uma dificuldade de entender as funcionalidades e achava mais pratico utilizar o console.log do Js ou print em Python. Mas depois que comecei a estagiar, utilizando Java no backend em aplicações reais, percebi que utilizar debug é algo obrigatório, até porque não da para ficar escrevendo System.out.println() toda hora sendo que o console já fica co bastante informação relacionada ao proprio servidor da aplicação.
@pallomagualter12184 жыл бұрын
Adorei o vídeo e console.log é vida..kkkkkkk BRINKS, mas ainda uso.
@douglasoliveira87893 жыл бұрын
Muito bom o vídeo, parabéns Rocket!
@thassinhu2 жыл бұрын
Diego, quais as extensions que vc usa no VSCode pra trabalhar em node js?
@arturcadorin952 жыл бұрын
Loool. I legit spend 6 years using gms before finally getting serum. I was making blown out saw softs and exporting them to Edison
@FelipeEBatista5 жыл бұрын
Kkkk Eu faço exatamente isso coloco vários console.log("chegou aqui") Kkkkkk
@gabrielalvescunha94055 жыл бұрын
Caramba!! Bota isso no próximo omnistack!!
@RafaelFernandes-ut2dg Жыл бұрын
cara me ajudou muito!!! Rocket é rocket
@rafaelalbano85613 жыл бұрын
Como usar essa ferramenta de debugger juntamente com o docker, como ficaria para inspecionar o container criado ?
@tentandosertrader41664 жыл бұрын
Sou desenvolvedor de aplicações desktop em C#, Delphi, C, C++ e em linguagens Web programo PHP e estou estudando React Native. Mas inventam uma tecnologia pra agilizar a escrita do código, mas praticamente temos que desenvolver outra aplicação de tanta configuração só pra fazer um simples debug do código e ainda assim não consegui fazer funcionar aqui, vou ficar com o bom e velho console.log. Essa é a vantagem em desenvolver aplicações desktop, com apenas um click iniciamos a depuração do código.
@rick72425 жыл бұрын
Dica muita fera, thanks.
@LucianaKeiko4 жыл бұрын
Obrigada Diego! Seus vídeos são sempre muito bons!
@rocketseat4 жыл бұрын
Vaaaleu pelo feedback, Luciana! 💜 Diego é top né? 💜
@aleodoni4 жыл бұрын
Agora falta o vídeo de debug do ReactJS. Abraço !!!
@rocketseat4 жыл бұрын
Valeeeu pela sugestão, Alexandre! 💜
@nathanbarsoti49774 жыл бұрын
Fala Diego, muito massa o vídeo, ajuda dms! Seria legal um Code/Drops sobre swagger no node [ ]s
@andersonsantanna64015 жыл бұрын
Mostra fazendo no react e react native, obrigado pelo conteúdo!!
@gersonrevoredo53132 жыл бұрын
opa, só pra saber, saiu algum vídeo sobre debug de aplicações web utilizando React ? valeeeu
@victormacgrath5 жыл бұрын
Curti muito, ja estava ha tempos querendo saber sobre o debug no vscode. O que você está usando no terminal para ter o auto complete?
@adrianbgois4 жыл бұрын
tambem quero saber
@walkdead947 ай бұрын
Muito obrigado! Me salvou! :DDD
@williamdantas-dev5 жыл бұрын
A intro sempre me lembra o programa de "fale com o fábio" do canal The Hardware Show
@viniciossilva54145 жыл бұрын
Exatamente @Larissa Dantas
@paivamarcelo3 жыл бұрын
Porque não utilizar o require mesmo, ao invés de acrescentar mais código e dependências para utilizar o import ??
@andrefelipe75304 жыл бұрын
Teria como fazer um vídeo de debug usando o TS?
@gustavopoa5 жыл бұрын
Muito bom video, seria legal mostrar debug no React e debug dentro de um contêiner Docker, vlw
@projetoslinux5 жыл бұрын
Muito legal...já usava...mas descobri novas funções...queria tb ver xdebug do react e react-native
@wagutoxD2 жыл бұрын
Eu não entendi nada... e achei legal mesmo assim! Sou muito novato. Ver tudo isso é maneiro, mas bate aquela insegurança, pois parece impossível lidar com tanta coisa... Mas ainda vou ser um programador minimamente respeitável!
@PauloDaniel-di6vj Жыл бұрын
Adorei o video, sensacional. Gostaria de saber como debugar no reactJS e react native
@MarceloPereiraSongs5 жыл бұрын
Muito bom Diego.Ótima ferramenta! Valeu!!!
@sergio453 Жыл бұрын
Muito bom camarada!!!
@obiwankenobi71255 жыл бұрын
Muito bom! Volta com os vídeos de TypeScript!
@paulojosedesouzamello98914 жыл бұрын
Diego, Me tira uma duvida, queria fazer um middware de erro para pegar erros de execução, rotas e gravar isso em um.log teria um video explicativo para isso?
@nikannakin5 жыл бұрын
Vídeo muito daora, quais suas configurações no terminal?
@fernandocoelho13345 жыл бұрын
Like. Bem prático. Se puder usar com o Angular, vou gostar mais ainda.
@marivaldomario38955 жыл бұрын
Ótimo vídeo! Agora se for utilizar o expo, como se faz?
@arthurgrigoletto5 жыл бұрын
Diego e comunidade, é possível usar essa estratégia para debugar uma aplicação rodando dentro do docker?
@neilordev5 жыл бұрын
Top Cara, parabéns pelo ótimo trabalho! Traz pra nós aí a stack de debug no front end! React e RN
@sandroverissimo67133 жыл бұрын
O "skipFiles" não está funcionando no request "attach", fica exibindo os processos internos do express. Alguma dica?
@aprendaprogramacaogratis5 жыл бұрын
No C# usando visual studio, nos conseguimos usar o debugger e ir passando linha a linha, mas conseguimos voltar em linhas que já passamos também
@GustavoGAvila5 жыл бұрын
Excelente dica! Obrigado! Consegui configurar para o ReactJS, mas apenas no modo launcher. No modo attach, que é bem melhor, não consegui ainda :( De acordo com a documentação do Chrome Debugger, é necessário iniciar uma instância do Chrome no modo de debug. Alguém sabe como configurar para o React já abrir o Chrome com essa flag de debug? Valeu!
@thomasjardanedeoliveirabou99933 жыл бұрын
Eu sempre acho estranho ver essas funcionalidades que eu nunca ouvi falar, por exemplo, entendo que call stack é um conceito fundamental do node, mas onde que eu posso encontrar essas informações? ou Heap, ou o -inspect, a documentação do node parece ser muito extensa de informações especificas de mais e não parece ser uma boa fonte. As vezes parece que existe algum local cheio dessas informações que todo mundo sabe menos eu, é muito estranho.
@thsurf5 жыл бұрын
Da próxima poderia usar o debug com react.
@msrcio3 жыл бұрын
Alguém pode me ajudar com uma dúvida , quando rodo um código a minha sentença não aparece . Uso o vscode
@FelipeSilva-ix9to5 жыл бұрын
Fala Diego, qual é esse Shell que você usa?
@eduardoleaoleao88602 жыл бұрын
abri a configuraçao do debug "protocol": "inspector" apareceu a mensagem de error Property protocol is not allowed. alguem mim ajudar como resolvo
@AionAngell5 жыл бұрын
Muito bom o video ! Parabens! Tabem gostaria de saber como voce faz para debugar no react e react native, seria massa!
@geovaniperez97775 жыл бұрын
Se eu estiver rodando a aplicação dockerizada, como eu faço o inspect dentro de um docker por exemplo: funciona na minha máquina só que no cloud não funciona kkkk
@guuhzo4 жыл бұрын
Está em algum repositório git? Se sim, tenta usar o gitpod, já ouviu falar ? Um vscode em cloud, você consegue ate subir a aplicação nele
@ENYO2009155 жыл бұрын
tem como aplicar isso no angular tbm?
@felins0135 жыл бұрын
Muito top, material de extrema qualidade. E pro react fazemos como?
5 жыл бұрын
e o Cypress? vc utiliza?
@emersonjr.22192 жыл бұрын
Consigo usar esse servidor para testar um site com html, css e js?
@felipeleite115 жыл бұрын
Debug no React seria excelente!
@pedrolira35243 жыл бұрын
quando eu click no play para debugar da errado(olha o que acontece) abre uma pagina nova do visual code vazia e o point red muda p/ a cor cinza, quem poder me ajudar?
@brunokotesky59655 жыл бұрын
E usando babel ou tsc?
@romaosanches5 жыл бұрын
Show de bola, mas seria muito interessante como funciona o debug no react e react-native.
@wallaceviterbino9925 жыл бұрын
Ótimo video Diego, como sempre conteúdo de qualidade! Gostaria de saber qual é o modelo desse monitor q vc usa?? Vlw
@tokomilano5 жыл бұрын
Eae mano, tudo bem? Você poderia fazer um vídeo que mostrasse todos os app que um programador deve usar??? Se baseando nos softwares que você usa??
@gubmt5 жыл бұрын
Essa ferramenta funciona para o frontend também?
@felipeluckemeyer52955 жыл бұрын
Pelo que entendi, é possível se fazer em aplicações que utilizam o ReactJS e React Native, ou seja, frontend também!^^
@Anderson-Rocha5 жыл бұрын
Quero um curso com vc, vc ensina também pra quem queira iniciar com JavaScript ?