PARA DE USAR CONSOLE.LOG!!!!
HTML-код
- Опубликовано: 13 сен 2024
- 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!
Simples e prático. Obrigado.
Muito prático mesmo, acelera muito o Debug. Que bom que gostou, sempre teremos dicas boas assim
o Monark dev é real.
@@fhorray hahaha tenho ouvido muito disso, valeu mesmo !
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
@@brunoqduarte hahaha será que sou ele em outro universo? 🤣
@@DigitaCodigo 😂
krl literalmente
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!
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.
Sensacional, entrei esperando pouca coisa e aprendi de forma simples algo muito valioso! Parabéns pelo canal!
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
ruclips.net/video/LCraQGjHxjI/видео.html
@@DigitaCodigo já vi uns 3 ou 4 vídeos do canal kkkkk vou assistir esse também! Conteúdo muito bom
O tão subestimado console possui funções tão poderosas, muito bacana esse ensinamento! 👏👏
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
Gostei! Agora tenho um pouquinho menos de raiva de javascript! Merece um like!
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
Pois é, eu amo estes macetes haha
Já viu o video de bookmarklet ?
ruclips.net/video/LCraQGjHxjI/видео.html
Ele é um pouco mais moroso, pq foi um dos primeiros do canal, mas é um conteúdo muito maneiro para quem curte Javascript.
@@DigitaCodigo ainda não vi, obg pela indicação
"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.
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
ruclips.net/video/LCraQGjHxjI/видео.html
Mais para frente regravo para ficar mais dinâmico
Muito bom. Já estou seguindo!!!
Haaa show, gratidão,
Pow Monark, dando aula pra Senior e ainda ensinando de fato!? Maravilhaaa! Manda maaais meu jovem!
Haha o Github é uma das poucas redes que tenho acesso, então vamos que vamos haha
@@DigitaCodigo kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
Foi muito bom...parabéns
Muito obrigado
Interessante e prático para alguns cenários, parabéns pelo vídeo.
Ha obrigado, é sempre bom pegar estes macetes né, valeu
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)
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...
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.
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
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
Boa observação
que top, nao conhecia e mais... excelente didatica!
Parabens!!
Inscrito!
Haa valeu, outro conhecimento interessante é sobre Automatizando com Javascript Bookmarklets, o vídeo é mais antigo, mas tem no canal
Eu só conhecia o .table além do .log, foquei muito feliz em aprender esses novos recursos!
Top né, valeu
Show demais
Valeu
Ó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.
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!
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.
cara sei que o canal é pequeno, mas continua firme pq o conteúdo está de qualidade
😊 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
Muito boa a dica
Espero sempre ajudar, seja bem vindo
sensacional
Haaa valeu!
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 RUclips vai me recomendar outro vídeo seu em breve, e dependendo do conteúdo, estarei inscrito na hora.
Continue com o ótimo trabalho! ✌😉
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
Bem legal! Não conhecia outros métodos além do console.log().
Ha que bom que curtiu, no canal sempre teremos mais
Cara sensacional, essa eu não conhecia e vale medalha de ouro 🏅
Haaa valeu!!
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 !!!
@@bragagnollo nossa bem lembrado, confundi feio com a Math.Ceil
@@bragagnollo sem dúvidas é a melhor observação! Obrigado
Muito bom parabéns, Ps: Já te falaram que voce é a cara e tem a voz do Monark ???
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
show !!
Ha valeu, bem vindo ao canal!
Muito bom! Ótimo conteúdo.
Gratidão!
😊
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.
Éé fiquei com vontade de mostrar o Debugger agora hehe, logo sai mais um vídeo
Legal interessante
@@Fran48evangelista que bom que gostou , o vídeo sobre Automatizando com Javascript Bookmarklets é outra fica interessante
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 😅👍
Haha booa !
"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.
Tem razão, até gravei um vídeo de Debugger também, mas fez sentido sua observação.
Gostei!
Dahora, então não deixa de ver no canal o vídeo sobre Automatizando com Javascript Bookmarklets, que tbem é um recurso maneiro
caraca do nada apareceu esse vídeo pra mim top de mais hein estava morrendo debugando um código
@@myltianealvesdelima9700 ha então aproveite o novo video com a dica do Debugger , vai ajudar ainda maaais aí
@@DigitaCodigo já estou assistindo também
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.
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
Cara! Tu é massa!
@@tipoumrap haaaaa valeu tamo juntos neste aprendizado
@@DigitaCodigo Em 7 mins tu ensinou um mundo de dicas cara! Haha! Muito bom mesmo! Que seu canal cresça e cresça!
Haaa valeu, isso me incentiva muito
finalmente um vídeo recomendado que faz a diferença
Haaa show, continuarei a produzir vídeos para melhorar as recomendações.
Vlw, Monark!
Hahaha tamo junto, Github é a melhor rede social, me permite trabalhar!
#monarkDev
Bacana demais cara, o que achei mais interessante foi o console.table e o console.time, vai ser muito útil. Valeu 👍
Legal é bom mesmo,
E tem um novo vídeo com uma dica do Debugger , tbem recomendo
Calma Monark! Console.log é dirty, we like it.
Monark++, já são 6 que me chamam assim kkk
Valeu, tá para sair um vídeo de debugger que tbem é maneiro haha
Em 0:49, você vai fazer uso do objeto Math, e do método floor(). Correção... de resto tá legal !!
Boa obrigado pela participação!!
uso prático e simples de alguém que leu a documentação rsrsrs
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
@@DigitaCodigo eita mestre não fale isso kskskskks, obrigado demais por seu ensinamento
Massa demais! qual essa ext que coloca os emojis man?
Up
😊
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
Conseguiu pegar a dica Stefano ?
@@DigitaCodigo sim, muito obrigado mesmo
caraio q sensacional, nao conhecia
Da hora né,
ruclips.net/video/LCraQGjHxjI/видео.html este vídeo também tem dica boa.
Foi um dos primeiros do canal, de lá para cá estou dedicando cada vez mais.
UAU, que dicas. Cabeça ta fritando...
Aproveita então e não deixa de ir ver o vídeo Automatizando com Javascript Bookmarklets. Que é dica ainda mais maneira
dicas de ouro
Haa faz diferença mesmo né, valeu
Mandou bem! Parabéns!
Muito obrigado 😁
Muito nice! Vou ler mais da documentação! Valeu man!
@@tchonmb dahora né, toda hora que vou imprimir agora dou preferência para o .table hehe fica chique e prático
Achei que ele ia mostrar um debugger ou algo do tipo(sem ser aquele que a gente bota hardcoded e debuga no devtools)
Interessante, vou considerar como uma sugestão para trazer algo para o canal, obrigado!
que massa! Muito útil.
Haaa que bom que curtiu, mais conteúdos como este semanalmente no canal.
Monark dev existe msm hahahahaha, valeu pela dica mano
Hahaha que chegue no Monark está campanha kkkk
Já estou assumindo o apelido novo kkk
Muito bom! eu só conhecia o console.log.
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
é algo tao basico mas tao importante q quase ninguem usa
Excelente dica!!!
Que bom que curtiu, aproveite que vídeos novos saem toda semana, vlw!
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...
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
Excelente dica!
Ha que bom que curtiu, tem um outro vídeo no canal, sobre Automatizando com Javascript, que explica Bookmarklets, a dica é top tbem
Muito bom!!!!!!
Valeu Bruno Cardoso, seja bem vindo,!
Rapaz, sinistro
Ha valeu a participação, comando que já conhecíamos a anos, ainda nos trás novidade hehe
de fato, o group é uma boa ferramenta, mas pra depuração talvez nem tanto, só não curti o clickbait, pois sim, caí nele.
Malz, mas bem vindo só canal, conhece o conteúdo Bookmarklets? Tem um vídeo sobre, automatizando com Javascript Bookmarklets, é um conteúdo interessante..
Des de quando monark virou DEV
Hahaha Github não baniu minha conta, então foi a opção
Muito bom!
Haa que bom que curtiu, tem vídeos com mais dicas assim aqui
mds o mano tirando a galera senior kkkk, achei que ele ia ensina alguma coisa revolucionaria pra isso kkkk
@@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
Monark tá programado 😮
Tem que ganhar o pão de cada dia, e o Github é uma rede que né aceita kkk
Muito bom.. n sabia
Pois é, se force então para o máximo que puder, para não esquecer hehe
Obrigado!
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.
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.
O floor arredondando pra cima era pra gerar engajamento nos comentarios né? Kkk
Haha que bom que funcionou, estou feliz que meu canal está saindo do zero. Afinal é um projeto Gratuito... Obrigado pela participação
floor arredondar pra cima?
Para baixo, já lançaremos um novo vídeo, houve uma confusão com .ceil, que este sim é para cima
Acabei de descobrir que console.log não é filho único!
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?
Nata da nata. Obrigado, Monark kkkk
+4, estou contando quantos me chamam de Monark hahahaha
Estou me divertindo com isso .
Valeu!!
Muito bom
Bom né, mas tem outros vídeos com dicas assim🏫🙂↕️⚙️ aproveite
😮
😊
Fui olhar como fazer isso em Java uhasuhsasahuasuhuashuashasuhashuasuhuashuhsauhasuhsa THE HORROR!!!!!!!!!!!!!
Hahaha aí pega hein
monark da shopee
Inglês faz falta...
puta rodeio pra complicar o que é simples.
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
Monark virou programador ???
Enquanto puder usar o Github sim haha
@@DigitaCodigo KKKKK
Dei joinha pra baixo por causa do titulo. Poderia ter usado um titulo mais condizente do que este titulo apelativo.
Obrigado pelo Feedback, o canal possui outras dicas do dia a dia de programação, seja bem vindo 😉
Uso sim, não enche o saco.
Ok haha 😸
@@DigitaCodigo não leve para o coração, eu só tava zoando.
Não gosto de JS. =]
Eu faco :
*const { log } = console*
Ou
*const l = console.log*
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
o math.floor retorna o MENOR numero, se tem 5.90, vai retornar 5...
Bem observado, eu fiz uma corretiva deste meu erro no vídeo sobre o debugger, mas foi ótimo você ter reforçado aqui