PARA DE USAR CONSOLE.LOG!!!!

Hoje iremos falar sobre como ir Além do Console.Log()
Falaremos sobre comandos como :
- console.groupEnd
- console.trace
- console.table
- console.dir
- console.time
Deixa nos comentários, se já conhecia ou não,
Sobre o canal:
• Aprenda a Programar - ...
Inscreva-se para mais conteúdos como este!

[@onielsantiago7433]

Simples e prático. Obrigado.

[@DigitaCodigo]

Muito prático mesmo, acelera muito o Debug. Que bom que gostou, sempre teremos dicas boas assim

[@fhorray]

o Monark dev é real.

[@DigitaCodigo]

@@fhorray hahaha tenho ouvido muito disso, valeu mesmo !

[@brunoqduarte]

Rapaz eu entrei no canal só pra fazer essa piada. Mas pare e que não fui o único. Então a cara dele praticamente um click bate kkkk

[@DigitaCodigo]

@@brunoqduarte hahaha será que sou ele em outro universo? 🤣

[@brunoqduarte]

@@DigitaCodigo 😂

[@Aaa-ow4rb]

krl literalmente

[@UmaVertice]

1:13 floor arredonda pra baixo. Ta até no nome: floor (chão). Para arredondar pra cima é .ceil (teto), ou quando é x,5 ou maior arredonda pra cima e 0,49 pra baixo arredonda pra baixo é .round. Mas essas dicas são muito boas, obrigado!

[@DigitaCodigo]

Show, eu cometi a falha mesmo, mas vocês são incríveis. Gravei um próximo vídeo falando de Debugger, onde citei o .Ceil. Mas a forma que explicou aqui foi excelente!! Já viu a Dica de Bookmarklets? É sensacional também, fica no vídeo Automatizando com Javascript.

[@andreovo]

Sensacional, entrei esperando pouca coisa e aprendi de forma simples algo muito valioso! Parabéns pelo canal!

[@DigitaCodigo]

Haaa hoje foi um dia Top para mim, por conta destes feedbacks, não vou parar não. Não deixa de ver o vídeo sobre Bookmarklets, foi um dos primeiros do canal, mas é conteúdo bom demais tbem kzbin.info/www/bejne/gnTVkoR9n62roKs

[@andreovo]

@@DigitaCodigo já vi uns 3 ou 4 vídeos do canal kkkkk vou assistir esse também! Conteúdo muito bom

[@felipegueller8950]

O tão subestimado console possui funções tão poderosas, muito bacana esse ensinamento! 👏👏

[@DigitaCodigo]

Pois é, e da uma velocidade na hora de fazer o debug. Mas no canal tem outro vídeo falando no Debugger no Dev Tools que tbem é top

[@waskarali]

Eu só conhecia o .table além do .log, foquei muito feliz em aprender esses novos recursos!

[@DigitaCodigo]

Top né, valeu

[@felipegoncalves1195]

ganhou um William, parabens! Um ano e meio estudando programação e nunca tinha visto um método de console alem de log. Gostei muito do agrupamento e do depurador

[@DigitaCodigo]

Pois é, eu amo estes macetes haha Já viu o video de bookmarklet ? kzbin.info/www/bejne/gnTVkoR9n62roKs Ele é um pouco mais moroso, pq foi um dos primeiros do canal, mas é um conteúdo muito maneiro para quem curte Javascript.

[@felipegoncalves1195]

@@DigitaCodigo ainda não vi, obg pela indicação

[@bakuraryo7426]

"Pare de usar console.log" chama bem mais atenção do que "alternativas a console.log". Fiquei esperando por uma explicação no aspecto de performance ou segurança, sei lá. Não veio. O título não diz nada sobre a proposta real do vídeo. Ainda bem que se pode assistir acelerado e não perder tanto tempo. Dicas bacanas, aliás.

[@DigitaCodigo]

Obrigado pelo Feedback, nesta linha, já estou produzindo um vídeo sobre o Debugger. Estou mesmo dedicando ao canal, para crescer a cada vez mais. Tem este outro vídeo sobre Bookmarklets em javascript, foi um dos primeiros vídeos do canal kzbin.info/www/bejne/gnTVkoR9n62roKs Mais para frente regravo para ficar mais dinâmico

[@yanntinoco]

Pow Monark, dando aula pra Senior e ainda ensinando de fato!? Maravilhaaa! Manda maaais meu jovem!

[@DigitaCodigo]

Haha o Github é uma das poucas redes que tenho acesso, então vamos que vamos haha

[@fabiomoraes5597]

@@DigitaCodigo kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

[@RonaldoSilvaAccountant]

Cara sensacional, essa eu não conhecia e vale medalha de ouro 🏅

[@DigitaCodigo]

Haaa valeu!!

[@bragagnollo]

Excelente conteúdo, só um ponto que é o do Math.floor que arredonda para baixo e não para cima, mas o conteúdo está muito bom!!! Obrigado por compartilhar o conhecimento !!!

[@DigitaCodigo]

@@bragagnollo nossa bem lembrado, confundi feio com a Math.Ceil

[@DigitaCodigo]

@@bragagnollo sem dúvidas é a melhor observação! Obrigado

[@Hiiiiii_Guys]

Muito bom. Já estou seguindo!!!

[@DigitaCodigo]

Haaa show, gratidão,

[@TalesGrechi]

Ótimo vídeo! Me deixou curioso para saber quais outros métodos o "console" tem! Acho que o único ponto que me incomodou um pouco é o que título "pare de usar console.log" todo em caps lock não representa muito bem o vídeo, já que (na minha opinião) eu esperava uma outra forma totalmente diferente de usar os logs e debubar a aplicação, mas só mudar o método usado não necessariamente se enquadra nisso, apesar de que, de fato, muito gente não conhece essas funcionalidades.

[@DigitaCodigo]

Bem observado, e me abriu a mente aqui de mostrar como fazer o debugger pelo navegador que também é muito útil! Obrigado pela dica, Estou trabalhando para oferecer cada vez mais no canal, os últimos vídeos estou procurando ser mais direto ao ponto. Valeu!

[@wesleymendess4435]

Minha opinião... de fato é estranho , pare de usar x coisa e no codigo ele usa x coisa. mas vale lembrar que estamos no youtube, ele esta usando estrategias para atrair viewers e ele esta certo nisso. Ó incomodo esta em mim e nao sobre ele. por mim faça o que for necessario para evoluir o canal. obrigado pelas dicas eu nao conhecia.

[@fabiojuniorxD]

cara, um belo vídeo. Apenas isso. Continue! (E mesmo essas dicas que são simples são valiosas, trabalho em uma empresa canadense e mesmo o pessoal com 10 anos trabalhando com js não conhece essas coisas, ficaram de cara uma vez quando mostrei o console.table, ou ainda quando colori o console.log pra diferenciar umas fases de execução)

[@DigitaCodigo]

Da hora, é por aí mesmo, valeu pelo continue, me anima muito. Amanhã sai outro falando de Debugger, e tem um mais antigo no canal, falando de Automatizando com Javascript Bookmarklets, este é simples e impressionante...

[@gabrielmendescoutinho3800]

que top, nao conhecia e mais... excelente didatica! Parabens!! Inscrito!

[@DigitaCodigo]

Haa valeu, outro conhecimento interessante é sobre Automatizando com Javascript Bookmarklets, o vídeo é mais antigo, mas tem no canal

[@HenriqueLimaFerreira]

Interessante e prático para alguns cenários, parabéns pelo vídeo.

[@DigitaCodigo]

Ha obrigado, é sempre bom pegar estes macetes né, valeu

[@marcelofeiteiro9853]

Foi muito bom...parabéns

[@DigitaCodigo]

Muito obrigado

[@Fenanx]

nossa, que emoção, se eu não tivesse visto este vídeo, nunca teria reparado no autocomplete do LSP do meu editor ou MDN e testado as opções do console 😅👍

[@DigitaCodigo]

Haha booa !

[@eltrem_th]

uso prático e simples de alguém que leu a documentação rsrsrs

[@DigitaCodigo]

Hahaha falou tudo! Mas eu mesmo demorei anos para ler a documentação e descobrir, mas hoje meu papel é fazer com que todos aprendam o quanto antes hehe

[@eltrem_th]

@@DigitaCodigo eita mestre não fale isso kskskskks, obrigado demais por seu ensinamento

[@nilolima5401]

Gostei das dicas, mas o console.log geralmente usamos para ver se chegou algum ponto e ver valores de forma rapida, ao inves do debug. Isso eu usaria para analisar algo mais profundamente e para apresentar a outros Devs. Logo, a proposta do console.log para a maioria dos Devs é diferente dessa. De toda forma, vou começar a usar isso para algumas situações sim, valeu

[@DigitaCodigo]

Boa observação

[@jhowgama2024]

Monark dev existe msm hahahahaha, valeu pela dica mano

[@DigitaCodigo]

Hahaha que chegue no Monark está campanha kkkk Já estou assumindo o apelido novo kkk

[@janpalach2443]

rapaz, eu achei que vc ia falar para a galera usar debugger. Mas ainda assim, bem interessante as infos do vídeo eu não conhecia.

[@DigitaCodigo]

Éé fiquei com vontade de mostrar o Debugger agora hehe, logo sai mais um vídeo

[@andreferreira7388]

Bem legal! Não conhecia outros métodos além do console.log().

[@DigitaCodigo]

Ha que bom que curtiu, no canal sempre teremos mais

[@bralada3998]

cara sei que o canal é pequeno, mas continua firme pq o conteúdo está de qualidade

[@DigitaCodigo]

😊 Hoje tive um dia muito feliz, de ver vocês gostando do meu conteúdo sim. Vou continuar com certeza, amanhã já tem agendado um vídeo sobre Python com Flask

[@jcpadua2161]

Bacana demais cara, o que achei mais interessante foi o console.table e o console.time, vai ser muito útil. Valeu 👍

[@DigitaCodigo]

Legal é bom mesmo, E tem um novo vídeo com uma dica do Debugger , tbem recomendo

[@myltianealvesdelima9700]

caraca do nada apareceu esse vídeo pra mim top de mais hein estava morrendo debugando um código

[@DigitaCodigo]

@@myltianealvesdelima9700 ha então aproveite o novo video com a dica do Debugger , vai ajudar ainda maaais aí

[@myltianealvesdelima9700]

@@DigitaCodigo já estou assistindo também

[@luffyfat2]

Massa demais! qual essa ext que coloca os emojis man?

[@StefanoCibi]

Up

[@DigitaCodigo]

😊 Windows é só apertar a tecla Windows e ponto ( 🪟 . ) No linux costuma ser Botão direito no Campo, e Inserir Emoji No macbook Pressione Fn + E e selecione Editar > Emoji e Símbolos. Os emojis são equivalentes a caracteres normal em qualquer campo de texto. Se achar mais fácil, tem site que te deixa copiar www.invertexto.com/emojis-para-copiar

[@DigitaCodigo]

Conseguiu pegar a dica Stefano ?

[@StefanoCibi]

@@DigitaCodigo sim, muito obrigado mesmo

[@lfsever]

"Friends don't let friends use console.log (or var_dump, etc)"... Porém, testar funcionalidades async no debugger não é tão simples assim. Às vezes, acaba sendo mais fácil usar o log mesmo.

[@DigitaCodigo]

Tem razão, até gravei um vídeo de Debugger também, mas fez sentido sua observação.

[@ricardodeoliveiraalves339]

Um junior fica impressionado... Mas essas Apis de console não são suportadas amplamente daí o motivo de serem desconhecidas do grande público. Por exemplo console.trace o próprio chrome possui versões que não o suportam e infelizmente muita coisa ainda tem que funcionar em navegadores mais antigos. Mas a dica é boa. Continue.

[@DigitaCodigo]

Boa, conferi a documentação o trace funciona desde o Chrome 2. Mas entendo sim a sua preocupação, e tem razão. Eu sou muito rígido em Code Review, para não deixar passar nada que não seja padrão do projeto, sem ter avaliado a compatibilidade. Percebo sua senioridade pelo comentário, parabéns

[@RuiAndrada]

Mandou muito bem! Eu já conhecia alguns desses métodos, mas adorei os exemplos práticos que você deu porque vão me ajudar muito a lembrar de usá-los. Ainda não vou me inscrever no canal agora, mas em breve, com certeza! Tenho certeza de que o KZbin vai me recomendar outro vídeo seu em breve, e dependendo do conteúdo, estarei inscrito na hora. Continue com o ótimo trabalho! ✌😉

[@DigitaCodigo]

Haaa que bom que gostou, e é sempre bem vindo sim... Eu não vou parar, então quando deparar com um conteúdo meu, só diga "Falei e voltei" que já vou lembrar de ti! Vlw

[@thymarques]

Em 0:49, você vai fazer uso do objeto Math, e do método floor(). Correção... de resto tá legal !!

[@DigitaCodigo]

Boa obrigado pela participação!!

[@sr.maktub2108]

Muito boa a dica

[@DigitaCodigo]

Espero sempre ajudar, seja bem vindo

[@tipoumrap]

Cara! Tu é massa!

[@DigitaCodigo]

@@tipoumrap haaaaa valeu tamo juntos neste aprendizado

[@tipoumrap]

@@DigitaCodigo Em 7 mins tu ensinou um mundo de dicas cara! Haha! Muito bom mesmo! Que seu canal cresça e cresça!

[@DigitaCodigo]

Haaa valeu, isso me incentiva muito

[@matheusreuter9600]

Achei que ele ia mostrar um debugger ou algo do tipo(sem ser aquele que a gente bota hardcoded e debuga no devtools)

[@DigitaCodigo]

Interessante, vou considerar como uma sugestão para trazer algo para o canal, obrigado!

[@rafael.setragni]

Sua função de escolherFruta não é corretamente balanceada. O uso de floor vai fazer com que kiwi quase nunca seja sorteada, pois o valor de random precisará ser exatamente 1 para kiwi ser selecionada. Por isso é tão importante a construção de testes unitários bons, que entendam bem a responsabilidade da função. Outra coisa também é a separação de responsabilidades. Essa função precisa conhecer o que é o set de frutas e como fazer sorteios, ou seja, saber fazer duas coisas. Fazer o sorteio da posição deveria ser responsabilidade de uma função separada, de preferência em uma classe dedicada para essas operações matemáticas. Para certificar o que eu estou mostrando, basta criar um teste de distribuição de aleatoriedade usando a propriedade de soma de valores aleatórios, que ao contrário do que se espera o senso comum, diminuem a probabilidade e tornam o resultado mais determinístico. Então é só fazer um teste com array que some quantas vezes o resultado é sorteado. O que se espera é que depois de 1.000 ou 10.000 sorteios que o resultado seja bastante determinístico e bem distribuído, tendo pouco desvio padrão. E no seu exemplo você vai notar que exatamente o kiwi vai ser bem menos sorteado. Na verdade, o seu escolherFrutas pode quebrar se o sorteio for igual a 1.

[@DigitaCodigo]

Uau top comentário, e abriu minha mente mesmo, passei a vida prejudicando o último do sorteio... E olha que meu nome começa com W, então tenho forte empatia com a última posição hehe.. Genial sua observação, já vou agendar um momento para corrigir meu código

[@PauloXield]

Des de quando monark virou DEV

[@DigitaCodigo]

Hahaha Github não baniu minha conta, então foi a opção

[@mauriciodearaujo4358]

Calma Monark! Console.log é dirty, we like it.

[@DigitaCodigo]

Monark++, já são 6 que me chamam assim kkk Valeu, tá para sair um vídeo de debugger que tbem é maneiro haha

[@RafaelSales55]

finalmente um vídeo recomendado que faz a diferença

[@DigitaCodigo]

Haaa show, continuarei a produzir vídeos para melhorar as recomendações.

[@sergiusf]

Muito bom parabéns, Ps: Já te falaram que voce é a cara e tem a voz do Monark ???

[@DigitaCodigo]

Hahaha a voz é a primeira vez, amanhã então volta no canal amanhã, pq terá uma novidade sobre este tema kkkk Obrigado pelos parabéns

[@lukareliz]

Show demais

[@DigitaCodigo]

Valeu

[@MrDanieldavila]

UAU, que dicas. Cabeça ta fritando...

[@DigitaCodigo]

Aproveita então e não deixa de ir ver o vídeo Automatizando com Javascript Bookmarklets. Que é dica ainda mais maneira

[@tiago00x]

Muito bom! Ótimo conteúdo.

[@DigitaCodigo]

Gratidão! 😊

[@anderson.martines]

caraio q sensacional, nao conhecia

[@DigitaCodigo]

Da hora né, kzbin.info/www/bejne/gnTVkoR9n62roKs este vídeo também tem dica boa. Foi um dos primeiros do canal, de lá para cá estou dedicando cada vez mais.

[@pcreis]

show !!

[@DigitaCodigo]

Ha valeu, bem vindo ao canal!

[@WellyngtondeSouza]

sensacional

[@DigitaCodigo]

Haaa valeu!

[@Fran48evangelista]

Legal interessante

[@DigitaCodigo]

@@Fran48evangelista que bom que gostou , o vídeo sobre Automatizando com Javascript Bookmarklets é outra fica interessante

[@tchonmb]

Muito nice! Vou ler mais da documentação! Valeu man!

[@DigitaCodigo]

@@tchonmb dahora né, toda hora que vou imprimir agora dou preferência para o .table hehe fica chique e prático

[@EduardoGomes-vh6vz]

mds o mano tirando a galera senior kkkk, achei que ele ia ensina alguma coisa revolucionaria pra isso kkkk

[@DigitaCodigo]

@@EduardoGomes-vh6vz bem observado, vou tirar menos o chapéu hehe mas já viu no canal a dica Automatizando com Javascript Bookmarklets? Está sim, já validei com várias pessoas Sênior que é novidade hehe

[@_DevGabriel]

Vlw, Monark!

[@DigitaCodigo]

Hahaha tamo junto, Github é a melhor rede social, me permite trabalhar! #monarkDev

[@mvmes23]

floor arredondar pra cima?

[@DigitaCodigo]

Para baixo, já lançaremos um novo vídeo, houve uma confusão com .ceil, que este sim é para cima

[@erikalvesvilar6008]

Ninguém conhece essa funcionalidades porque para mim eu não vejo usabilidade delas no meu dia a dia o que eu preciso e ver se o objeto ta sendo retornado por uma api ou se meu map ta gerando os arrays, o unico que achei interessante foi o console.trace.

[@DigitaCodigo]

Sim, o console.table, ajuda a deixar em maior destaque o objeto, se tiver um objeto com muitos atributos, por exemplo. Agora você tem razão o .trace é bem utilizado por quem lembra.

[@aurelio_fernam]

Foi um ótimo vídeo, mas nada condizente ao título. Já conhecia os metodos, então perdi os 7min a espera de dizeres o porque não deve se usar .log. Isso foi chato...

[@DigitaCodigo]

Entendo Aurélio, este canal é um projeto pessoal, onde pretendo trazer novidades e compartilhar minha experiência... Tem um vídeo sobre Automatizando com Javascript fazendo uso de Bookmarklets. Talvez ele te agregue uma novidade, adoraria ouvir sua opinião sobre a técnica. Grato Will - Digita Código

[@lucianoseibel]

dicas de ouro

[@DigitaCodigo]

Haa faz diferença mesmo né, valeu

[@user-ku4fm6be4v]

Mandou bem! Parabéns!

[@DigitaCodigo]

Muito obrigado 😁

[@hybridHT]

de fato, o group é uma boa ferramenta, mas pra depuração talvez nem tanto, só não curti o clickbait, pois sim, caí nele.

[@DigitaCodigo]

Malz, mas bem vindo só canal, conhece o conteúdo Bookmarklets? Tem um vídeo sobre, automatizando com Javascript Bookmarklets, é um conteúdo interessante..

[@eduardomarinheiroalonso5592]

Excelente dica!!!

[@DigitaCodigo]

Que bom que curtiu, aproveite que vídeos novos saem toda semana, vlw!

[@drksbr]

Monark tá programado 😮

[@DigitaCodigo]

Tem que ganhar o pão de cada dia, e o Github é uma rede que né aceita kkk

[@sergiolima8449]

Muito bom! eu só conhecia o console.log.

[@DigitaCodigo]

Pois é, é bom ver que tem muita coisa boa que ajuda, neste estilo tem o vídeo Automatizando com Bookmarklets no canal, que também ensina novidades de Javascript para o navegador

[@juliocsfarias]

Gostei!

[@DigitaCodigo]

Dahora, então não deixa de ver no canal o vídeo sobre Automatizando com Javascript Bookmarklets, que tbem é um recurso maneiro

[@cezarleigos2633]

Acabei de descobrir que console.log não é filho único!

[@DigitaCodigo]

Hahaha pois é, Tem o console.error que é mais conhecido também, que seria utilizado, quando deseja colocar um erro que foi disparado por exemplo por uma validação do Backend... Pq aí se o usuário reportar que não funciona, este print no console ajuda a dar o norte de qual endpoint e motivo do erro.. caso a informação que foi pro front foi genérica.... ( Clássico Tente mais tarde) Console.error você já havia utilizado?

[@ruanpatrick1773]

Rapaz, sinistro

[@DigitaCodigo]

Ha valeu a participação, comando que já conhecíamos a anos, ainda nos trás novidade hehe

[@marcomendes8075]

que massa! Muito útil.

[@DigitaCodigo]

Haaa que bom que curtiu, mais conteúdos como este semanalmente no canal.

[@jeffersonfelixdev]

O floor arredondando pra cima era pra gerar engajamento nos comentarios né? Kkk

[@DigitaCodigo]

Haha que bom que funcionou, estou feliz que meu canal está saindo do zero. Afinal é um projeto Gratuito... Obrigado pela participação

[@arlessonmoura8944]

Fui olhar como fazer isso em Java uhasuhsasahuasuhuashuashasuhashuasuhuashuhsauhasuhsa THE HORROR!!!!!!!!!!!!!

[@DigitaCodigo]

Hahaha aí pega hein

[@zottozbr]

Muito bom.. n sabia

[@DigitaCodigo]

Pois é, se force então para o máximo que puder, para não esquecer hehe Obrigado!

[@hieribu]

Muito bom!

[@DigitaCodigo]

Haa que bom que curtiu, tem vídeos com mais dicas assim aqui

[@sergiorejtman]

Inglês faz falta...

[@caveirafloripa]

Nata da nata. Obrigado, Monark kkkk

[@DigitaCodigo]

+4, estou contando quantos me chamam de Monark hahahaha Estou me divertindo com isso . Valeu!!

[@Bruno-hq6bc]

😮

[@DigitaCodigo]

😊

[@alexfullbrazil]

puta rodeio pra complicar o que é simples.

[@DigitaCodigo]

Valeu pelo Feedback, o canal é um projeto de dividir conhecimento do mercado, estou melhorando a cada dia, e pegando a manhã de vídeos mais objetivos, valeu

[@julinuz]

Dei joinha pra baixo por causa do titulo. Poderia ter usado um titulo mais condizente do que este titulo apelativo.

[@DigitaCodigo]

Obrigado pelo Feedback, o canal possui outras dicas do dia a dia de programação, seja bem vindo 😉

[@flaviocampos4734]

Muito bom

[@DigitaCodigo]

Bom né, mas tem outros vídeos com dicas assim🏫🙂‍↕️⚙️ aproveite

[@sunstixy]

Monark virou programador ???

[@DigitaCodigo]

Enquanto puder usar o Github sim haha

[@sunstixy]

@@DigitaCodigo KKKKK

[@anyyyel]

Uso sim, não enche o saco.

[@DigitaCodigo]

Ok haha 😸

[@anyyyel]

@@DigitaCodigo não leve para o coração, eu só tava zoando. Não gosto de JS. =]

[@Cookieukw]

Eu faco : *const { log } = console* Ou *const l = console.log*

[@DigitaCodigo]

Boa, Ainda estou pedindo ao c# para simplificar kk Lá é System.Console.WriteLine("") Custava nada ser print("") né kkk Mas a gente segue o jogo, e opta pelo Debugger para ajudar

[@kevingood10]

o math.floor retorna o MENOR numero, se tem 5.90, vai retornar 5...

[@DigitaCodigo]

Bem observado, eu fiz uma corretiva deste meu erro no vídeo sobre o debugger, mas foi ótimo você ter reforçado aqui

[@dcassis]

Excelente dica!

[@DigitaCodigo]

Ha que bom que curtiu, tem um outro vídeo no canal, sobre Automatizando com Javascript, que explica Bookmarklets, a dica é top tbem

[@brunocardoso9433]

Muito bom!!!!!!

[@DigitaCodigo]

Valeu Bruno Cardoso, seja bem vindo,!