Aprenda a Programar um Cronômetro com JavaScript - Projeto de JavaScript para iniciantes

[@MatheusBattisti]

⭐Conheça a Formação Front-end (+50 de horas de conteúdo, +20 de projetos) para você se tornar um dev front-end: www.udemy.com/course/formacao-front-end-html-css-javascript-react-e/?couponCode=LANCOUFE

[@gabrielrojonovais]

Praticamente tudo que aprendi como front-end foi com o Matheus na Udemy. Consegui minha primeira oportunidade na área recentemente. O cara é fera.

[@MatheusBattisti]

boa Gabriel! parabens pela vaga

[@evandrocdias11]

quais cursos dele vc fez la ?

[@gabrielrojonovais]

React, JS, Node e Docker

[@vitorolivera11]

com vc conseguio onde procurou@@gabrielrojonovais

[@RossanaSena1]

Em todas as aulas me surpreendo com a qualidade, independente se é gratuito ou na comunidade. Ah, fazer parte da comunidade Hora de Codar foi a melhor escolha para iniciar minha carreira. Obrigada, Matheus.

[@MatheusBattisti]

oi Rossana, muito obrigado tb pelo apoio e pela confiança de ter entrado na Comunidade =)) Até mais

[@tibrasilbr]

Estou prestes a me juntar a esse time. A qualidade dos cursos oferecidos no KZbin já é excelente.

[@MatheusBattisti]

@@tibrasilbr partiu! to te esperando =D

[@RossanaSena1]

@@tibrasilbr acredito que irá partilhar do mesmo sentimento que eu. Saber que escolhi uma comunidade que realmente me apoia, está sendo essencial.

[@tibrasilbr]

@@RossanaSena1 Já sou muito grato!

[@eutimoteo]

Que top! Uma observação,, quando fizerem o reset do cronômetro coloquem "isPaused = false;" também, se não haverá um bug se fizer assim: INICIAR, PAUSAR, RESETAR , INICIAR (o contador não iniciará, a menos que você PAUSE e CONTINUE), a saída é atribuir false ao isPaused quando resetar novamente.

[@antoniopereira2721]

O conteúdo gratuito é ótimo e o pago é insano de bom! Gratidão 🙏🙏🙏.

[@camis130107]

oi Matheus... mto boa aula... mto obrigada pelo conteúdo... testando a aplicação aqui, na função resetTimer faltou colocar isso: isPaused = false; valeuuuuu...

[@brunoeufrasio]

Até agora o melhor professor no KZbin. Fera demais.

[@RafaelLopes-rc1rv]

O Matheus é o melhor, super didático e fácil entendimento.

[@MatheusBattisti]

valeuu Rafael!

[@midari8427]

Ótima aula para treinar Java script, vim aqui comentar no seu vídeo pq acabei de terminar o cronometro e adorei sua didática. Na parte do css quando o senhor foi por o background a coloração ficou incompleta na tela e ai o senhor usou um " height: 100vh; ", quando eu fui por minha leta ficou com aquela barrinha de scrollar pra baixo, então mudei a cor do background pelo body e deu tudo certo, muito obrigada Matheus o senhor me ajudou muito

[@valterantonioferreira9968]

Excelente didática Matheus, parabéns.

[@anadycarvalho4925]

Oi, Professor. Faço curso presencial, mas aprendo muito mais com vc nos cursos da UDEMY, já comprei cinco . Sua didática é excelente. Parabéns!!!

[@julianomueloschat7149]

Ótimo vídeo, tenho mais de 10 anos em linguagens "legado" e agora estou mergulhando na web. Já fiz seu curso de Git pelo Udemy. []s

[@MatheusBattisti]

valeu Juliano!!

[@aleriodp]

seu conteúdo é muito bom! eu ainda estou aprendendo a programar e seu canal é uma boa orientação. Valeu🇲🇿

[@MatheusBattisti]

valeu Alério!

[@marlosbross423]

curti muito esse conteúdo, muito bom para praticarmos os conceitos de javascript. Parabéns.

[@MatheusBattisti]

obrigado =)

[@andreiabica6771]

Muito bom, adorei. Amo tuas aulas, assim que der vou entrar na comunidade.

[@MatheusBattisti]

shoow Andréia, tô te esperando lá =)

[@loucospormmaoficial]

Legal demais!

[@liljeanx1846]

Olá Matheus, meu nome é Jean Carlos e estou fazendo seu curso de html e css que comprei pelo site da udemy. Através das suas aulas estou apendendo muito e ingressando no mundo da programação obrigado !!

[@lauropjdutra]

Sensacional a aula, me ajudou bastante. Muito obrigado, Matheus!

[@Suellen1608]

Achei bem inteligente a função de retornar o tempo formatado usando ternário. =]

[@devmatheuss]

Melhor professor do KZbin! Parabéns pelo conteúdo

[@MatheusBattisti]

valeu Matheus!

[@washinerdev4355]

esse professor e foda demais nao da nem pra elogiar qualquer elogio seria pouco muito obrigado pelo conteudo like curtida e se puder divulgar eu divulgo mesmo esse professor e show

[@inspiracaosemlimites216]

As explicações são muito simples. Parabéns pelo conteúdo e por poder nos ajudar nos primeiros projetos para portifólio.

[@MrCaliga]

Parabéns Matheus, como é confortante assistir cada aula sua, me sinto seguro na certeza de está evoluindo meus conhecimentos e colocando em prática nos meus projetinhos kkkkk.

[@aldobelocanalgospel4195]

Eu consegui fazer muito bem 👏👏👏

[@malinhodev1402]

o melhor conteúdo professor, parabéns !!

[@MatheusBattisti]

valeu Malinho! =)

[@andrericardo6992]

Show de bola Matheus, mais uma vez obrigado! 👍

[@catetodev5998]

Comprei seu curso na udemy! É Excelente viu

[@MatheusBattisti]

valeu!! depois dá uma olhada na comunidade =)

[@Gostosolucas]

adicione isso ao seu css e vc terá o nome de cada timer em cima dele: #minutes, #seconds { position: relative; } #minutes::before, #seconds::before { position: absolute; font-size: 12px; top: 0; } #minutes::before { content: "Minutes"; } #seconds::before { content: "Seconds"; }

[@tatysempretaty21]

Excelente!!!! Parabéns.😊

[@Veruscaaf]

qual a diferença em colocar ponto ou # nas classes do css ?

[@BrunoAlves-jv8zi]

Excelente, Matheus!

[@Regis_TradingHorse]

Muito Top Matheus!

[@johnycruz3631]

Conteúdo de muita qualidade sempre. Gostei de mais.

[@Vine.Mx0]

Opa Matheus, tudo bem? Queria saber como posso fazer para assim que pausar, deixar registrado o tempo que eu pausei.

[@joaopedrodelduck5353]

Obrigado Matheus, seus conteúdos são ótimos.

[@Cesar_01-csr]

Pergunta: Como você consegue usar funções nos eventos click declaradas após a linha da chamada dela? O correto não deveria ser as funções serem declaradas primeiro e depois virem as chamadas delas?

[@TheVick2010]

Valeeeeeeu man!

Excelente tutorial!

[@MatheusBattisti]

valeu Hamilton!

[@DagurasuKun]

Topzeira uai!!

[@amandasfp]

Salve professor tudo bem? adoro os seus vídeos e aprendo muito com eles, só um detalhe é que você esqueceu de colocar o link do repositório kkkkkk

[@daniel-yb6jh]

pessoal uma pergunta, qual é a melhor área para se buscar hoje em dia, ti? engenharia de software? tenho 17 anos e queria saber antes de começar

[@eltonsantosoficial]

Pergunta, pq qndo muda de aba o cronometro para? E como contornar isso?

[@Iuan1]

Procure por LocalStorage, acredito que seja isso que vai resolver seu problema

[@eltonsantosoficial]

@@Iuan1 mas não tô fechando a aba, apenas mudando. Pensava q o localstorage era só se eu quisesse persistir os dados e não simplesmente mudar de aba

[@Iuan1]

@@eltonsantosoficial Erro meu, me desculpe, mas fico curioso pra saber a solução, caso queira compartilhar quando encontrar

[@eltonsantosoficial]

@@Iuan1 blzzz vou procurar tbm

[@peehs2949]

@@eltonsantosoficial achou a solucao?

[@charlesconde975]

Posso postar no github e/ou linkedin se conseguir terminar algum projeto teu, professor? Aulas excelentes!

[@Cookieukw]

Recomendo fazer do 0 e projetos diferentes. Isso é bom para iniciantes mas se você por em portfólio os devs vão achar ruim que você só recriou projeto de curso. Recomendo criar novos, postar esses de curso não tem problema desde que você deixe bem claro que fez baseado no vídeo. Já vi casos onde a pessoa copia um projeto open source e depois fala que fez

[@charlesconde975]

@@Cookieukw Sim, entendi. Se algo foi criado por alguém, esse alguém é dono dos méritos, fato. Observar isso na descrição é o mínimo. E mesmo esse projeto já teria mais coisas a ser feita por conta própria também. Já reparou o que acontece quando chega em 60 minutos o cronômetro? Agradeço demais as dicas

[@kidloko5689]

Alguém consegue me explicar sobre a variável isPaused? Ele fez uma verificação com o operador NOT, mas o operador de negação inverte o valor false para true, sendo que a variável é false. Então na minha cabeça não era pra passar por esse if. Não consegui entender bem isso, e como essa variável isPaused funciona no projeto, se alguém puder me ajudar agradeço 🙏

[@Matheus_1582]

Ola mateus voce ja deu alguma aula de app mobile com NativeScript... Se nao tiver tem como você fazer isso...estou precisando de umas aulas de NativeScript...

[@peehs2949]

Como eu faço pra continuar funcionando com a guia em segundo plano? (tipo trocar de aba, sem fechar)

[@odirleimachado6060]

bom dia meu código não está iniciando Já revisei e vou revisa novamente

[@jonasbrother9872]

Matheus qual a diferença entre seu curso sobre react da udemy e o grátis no KZbin?

[@calebeferreira-tic2164]

Matheus, tem como Criar algo como chamar a senha de uma fila, isso com audio.

[@Striker-ES]

incrivel

[@thiagosantana_oficial]

Esse código está disponível em algum lugar?

[@cesaraugusto8085]

Mas ele só funciona quando estamos na aba dele, trocar de aba no navegador o cronometro paralisa e só volta quando voltamos pra aba dele. Como resolver isso de forma simples?

[@kawamsx1002]

fazendo alguns testes quando vc pausa e reinicia pausado ai quando dou p play dnv nao funciona eu tennho que pausa e resumir para voltar, alguem pode me ajudar a resolver

[@lokinho851]

O meu funciona de início, mas se iniciar e pausar depois resetar ai nao inicia mais.

[@frankguitarr]

Mano eu que estou começando foi difícil kkkk levei uns três dias mas conseguir kkkkk

[@eo5544]

como faz pra ao abrir a tela, o cronometro ficar automatico, n precisar clicar?

[@railtondantas34]

troca o evento de "onclick" para "onload"

[@Iuan1]

Se eu iniciar, pausar, resetar e tentar iniciar novamente, nada acontece... de resto funciona normal, alguem sabe pq? Edit: Resolvi o problema, adicionei isPaused = false na funçao de reset

[@alves1914]

Verdade! Também gostaria de saber.

[@p880-c7o]

putz, eu tinha feito o codigo do reset antes de ver o matheus, e tinha colocado o ispaused false, ai pra ir com ele eu removi o meu e fiz junto com ele e acabei esquecendo esse detalhe kkk

[@p880-c7o]

as vezes eu passo um tempão pra achar um pequeno detalhe como esse🤣🤣🤣

[@Iuan1]

@@p880-c7o hahah é complicado... ontem rachei a cabeça pra entender o uso da !isPaused no if, sendo q era basicamente uma abreviação de isPaused === false

[@LuckyGxZ]

​@@Iuan1 cara vc pode me ajudar? Eu fiz o cronômetro mas o meu botão de reset e resume não funcionam

[@gleyssonuchiha]

Galera, quando mudo a aba no navegador a aplicação é pausada, mais alguém também passa por isso? Conseguiram achar alguma solução?

[@streppel]

Parabéns, mas tem um bug. Se tu pausa o cronometro , reseta e depois clica no botão iniciar, ele não inicia. Como desafio vou tentar resolver o bug.

[@FabioSantos-ub1il]

Professor esta dando esse erro : scripts.js:15 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

[@FabioSantos-ub1il]

já vi oque foi

[@Stevaninr]

como resolveu ?

[@FabioSantos-ub1il]

@@Stevaninr falta de atenção minha, digitei um comando errado

[@PHZIN94]

cara é normal se sentir frustrado? tipo parece que não consigo absorver nada dai dá um desanimo

[@alineperella7054]

Cada pessoa tem um tempo pra aprender, acredito que é normal achar que não está aprendendo direito, mas quando menos perceber as coisas começam a fazer sentido. Eu demorei mais de 3 meses pra entender como as funções funcionam, kkkkkk e nem comecei a estudar arrow function ainda. O importante é continuar estudando. Não desanima não ;) Boa sorte!

[@tibrasilbr]

Maratona Matheus Battisti!

[@MatheusBattisti]

partiu!

[@tamiressousa2926]

E se eu quiser fazer vários cronometros funcionando em horarios diferentes? tô tentando ja um tempo mas nunca consegui, me sentindo meio burra ja kkkkkkk

[@lucianoricardosouza001]

Que pena. No seu video funciona direitinho. Infelizmente você prometeu o link do repositório com o código fonte e se esqueceu de colocar.

[@danielahoffmann3426]

O jeito de falar parece catarinense kkk, é?

[@JoseCarlos-z1u]

Uncaught TypeError: Cannot read properties of null (reading 'style') at HTMLButtonElement.pauseTimer como resolver