Relógio Digital DINÂMICO | HTML, CSS e JS.

[@thali_codigos]

É engraçado que é um projeto relativamente FÁCIL mas pra quem começou a estudar a pouco, é difícil pensar nessa passo a passo e fazer sozinho, mas acompanhando outra pessoa parece simples. E é ótima a sensação de entender direitinho oque cada coisa faz depois de ter estudado. Muito bom!

[@larissakich]

Muito obrigada, fico feliz em poder ajudar ☺️

[@5fatocurioso]

Dica: CTRL + D você seleciona a mesma palavra seguinte… se for apertando mais vezes, vai selecionando as seguintes, assim fica mais fácil de substituir uma palavra. Outra dica: você não precisa selecionar a linha do código para copiar, basta clicar com o mouse no final da linha que quer copiar e apertar CTRL+C sem ter que selecionar a linha toda

[@imperiumcog]

isso se for antes daquilo que quer selecionar e depois de algo que não quer, se não ele vai só pegando tudo oq tem pela frente

[@FabioLopes-fs3bz]

falou o gênio

[@erickanimacoesbr]

mandou a braba, comecei a estudar esses dias, obrigado pela dica!

[@olgariomarcos]

Explica muito bem! Assim se aprende. 👏🏾👏🏾👌🏾

[@gabrielbernardo5732]

Parabéns pelo vídeo! Foi realmente interessante ver como você criou um relógio digital dinâmico usando HTML, CSS e JavaScript. Sua abordagem rápida e prática tornou o tutorial fácil de seguir. Gostei especialmente de como você explicou cada etapa do processo, o que facilitou o entendimento. Além disso, a qualidade do vídeo e do áudio estava ótima. Continue compartilhando seu conhecimento e nos presenteando com mais tutoriais assim. Já me inscrevi no seu canal e estou ansioso para ver mais conteúdo. Continue assim!

[@nnctnlav]

Dica pra preencher o número com 0 automaticamente: let hr = dateToday.getHours().toString().padStart(2, '0'); let min = dateToday.getMinutes().toString().padStart(2, '0'); let s = dateToday.getSeconds().toString().padStart(2, '0'); Serve também pra outros casos que vc precisa de mais zeros em frente a um número, é só mudar o número 2 no primeiro argumento do padStart.

[@ThiagoLyra]

geeeeeeeeeeeeeeenteeeeee... essa minina é braba demais!!! só eu que tive que ver o video com velocidade reduzida pra acompanhar o raciocínio? mas assim que é bom, direto ao ponto e sem enrolação! mandou muito bem, siga assim! ME INSCREVI E DEI LIKE!

[@Radahh158]

Explica super bem, estou entrando nessa área a pouco tempo e estou gostando bastante do web front-end. Parabéns pelo vídeo, quase não tive dúvidas a respeito, sucesso!

[@marlinofc]

A dicção dela explicando é perfeita 👏💕

[@FabioLopes-fs3bz]

boca aberta

[@marlinofc]

@@FabioLopes-fs3bz fecha então animal

[@GabsProenca]

Muito Bom! + um projetinho pro Git Hub hehe. Parabéns

[@larissakich]

Muitooo obrigada ❤️ bons estudos!!

[@leidervanfrancisqueti8083]

Olá. Obrigado pelo video, sério muito bom muito bom mesmo, estou aprendendo A.D.S com C#, e gostei bastante do Relógio Digital apresentado parabéns continue assim força e mais uma vez obrigado!!.

[@andrepaesmanaos]

Olá! No inicio deu raiva, dei um tempinho, deletei a primeiro tentativa, comecei de novo e fluil sem problemas. Muito obrigado pela orientação: para muitos é nada mas para mim é muito.

[@soyohann]

Pensava que você só ia fazer, mas acabou explicando linha por linha. Sensacional! S2

[@carloslira9240]

'Vocês vão entender' :D É lógico que vamos sim, explica muito bem o/ Vou postar esse código no meu github e dar uma modificada nele com base em outras tutoriais que estou vendo. Obrigado por compartilhar conhecimento.

[@ostranger9458]

Muito fácil de entender o que o JS fez nesse exemplo. Parabéns pelo trabalho, ficou show de bola. Se tiver mais projetos que possa compartilhar conosco, agradeço demais, pois quero aprender mais sobre Front-End.

[@vivih559]

Gratidão, Larissa. Mesmo sendo um projeto simples, ele ajuda a dar confiança para aqueles que estão começando, igual a mim. Tmj!

[@JoaoPedro-pk7pf]

Ótimo vídeo Larissa, direto ao ponto e didática fantástica. Obrigado por compartilhar seu conhecimento conosco!

[@rafapreis5837]

Muito bem, simples e claro. Estou dando os primeiros passos e esses pequenos projetos ajudam a assimilar melhor toda a teoria e a encaixar cada coisa em seu devido lugar.

[@MegaXDBrasil]

Me ajudou muito esse tutorial eu estou estudando HTML, CSS e JS!! E aprendi algumas coisas nesse vídeo também kkkk

[@larissakich]

Fico muito feliz em te ajudar, bons estudos!

[@josecandidobarcelosjunior3804]

@@larissakich Linda♥

[@alexpinguim-qs5pt]

Unico projeto que consegui finalizar com JS. Otimo video

[@edinhomonteirojr3741]

Parabéns!!!! Coloquei na minha página, e ficou perfeito.

[@tiagoribeiro7037]

Você compartilha seu conhecimento de forma tranquila e pausada, isso facilita muito no aprendizado, parabéns pela didática. Ganhou um novo seguidor.

[@gustavooliveira7386]

Muito bom o vídeo, muito fácil de entender. Gostei da forma como você foi explicando cada parte, simplificando para pessoas leigas como eu entender!

[@thiago_kof_br3958]

Muito bom! Achei interessante para entender como funciona a integração de ambas as tecnologias(HTML, CSS e JavaScript).

[@larissakich]

Muito obrigada! ☺️

[@ilmo-u8j]

O máximo de rico pelo máximo de simples! Parabéns!

[@OtávioHugo-r8h]

carai nem cheguei no final do video mas que video bom, a menina explica bem dms e parece que vai fazer um trabalho foda, parabens !

[@michelarmanddo]

Gosto dos seus vídeos pois não tem enrolação, vai direto ao ponto 👏🏻👏🏻👏🏻

[@franksilva2969]

Parabéns, projeto show para quem esta começando

[@larissakich]

Muito obrigada ☺️

[@edsonferraz1]

Show de bola Larissa, parabéns!! Digitei aqui e funcionou perfeitamente.

[@larissakich]

Muito obrigada! Que ótimo!

[@Tecinovacao]

Parabéns Larissa você entregou um material muito explicativo e simples ao mesmo tempo. continue assim

[@adilson_developer]

Muito lindo o relógio... Eu lembro que eu ficava impressionado com sites que tinha esses relógios.

[@moniquenavarro4131]

Nossa ficou de mais! O JS ficou até mais pratico dessa forma que vc passou, vc arrasou.

[@goldenharvest591]

Não gosto muito de comentar por causa das notificações mas amei seu vídeo e jeitinho de explicar rs

[@andrericardo6992]

Larissa, muito grato por compartilhar conhecimento parabéns

[@israelalvespro]

vc é uma pessoa especial, ninguém se dedica como vc. parabéns.

[@snyted]

eu adoro esses layouts simples e diretos, o toque minimalista deixa tudo mais bonito kkkk

[@RafaelMoraes-is2vr]

Tive alguns problemas por erro meu, mas consegui resolver, sua didática é boa e sua voz e calma e de fácil entendimento. Consegui fazer tranquilamente a parte do js mesmo nunca tendo tido contato com essa linguagem, obrigado!

[@italobarbosa6834]

eu tive problemas tbm primeiro foi no css que não estelizava só que o erro foi meu que ñ tinha colocado na pasta correta por isso dava erro depois , foi o js mesmo fazendo igual a ela não estava pegando as horas do relógio só depois resolvi , mas é isso aprendendo com as dificuldades

[@RafaelMoraes-is2vr]

@@italobarbosa6834 kkkkkkkkkkkkkkk eu também errei nisso fiquei uns 20 minutos tentando entender o pq meu css não funcionava

[@Yu3w]

Seus tutoriais são incríveis, obrigado por seu esforço e dedicação, não sei exatamente que tipo de vídeo você pode fazer da próxima vez, pq ainda não programo, não sei se dá pra programar pelo celular, mas amo seus vídeos pela facilidade que você tem em explicar e fazer seus códigos.

[@ELGFGroup]

comentando só para agradecer, muito obrigado Larissa seus vídeos são muito bons e seus projetos além de funcionais são bonitos, estou aprendendo muito com você

[@brunobnzt]

Pra mim o CSS consegue ser sempre mais complicado que o JS. JS ela basicamente importou o Date, definiu as variáveis e jogou pra dentro do HTML. Agora, CSS... Vou ter que rever umas 3x pra entender perfeitamente o que houve kkkk Mas parabéns pelo resultado. Ficou simples e muito bonito

[@alexlopes1113]

realmente kk

[@ThiagoSantos-iu4vm]

comigo css é mt mais fácil do que js kkkkkkkkkkkkkkkk é pq não comecei a estudar ainda

[@joshved]

@@ProgramadorByOsmose pegou no chatgpt né kkk

[@thali_codigos]

Pra mim que estudo os dois, é ao contrário kkkkkkkkk. JS sempre mais díficil com variaveis, ifs e afins...

[@user03679]

Concordo contigo kkkk back-end >>>>>>> front-end

[@oxenburguer7279]

Obrigado pelo vídeo. Realmente muito bem explicado. Infelizmente meu nível de JS ainda não me permitiu compreender completamente como você construiu o setInterval. Mas vou continuar estudando para poder entender melhor essa parte. Valeu!

[@larissakich]

Eu quem agradeço, bons estudos!!

[@augustorodrigues4767]

Muiito obrigado pelo seu conteúdo Larissa!! Continue repassando essas dicas e novos vídeos que você está ajudando muitas pessoas novatas como eu!!

[@diegoferreira5438]

como vc esta nos estudos?

[@elielhenrique5505]

Parabéns mesmo, você ensina muito bem. Esse foi meu primeiro projeto!!! Muito obrigado pela ajuda, foi a primeira vez que vi Java Script na prática e já consegui pegar algumas coisas...

[@oiwebsam]

TEUS VIDEOS SÃO PERFEITO, FONTE DE INSPIRAÇÃO

[@foxfx1483]

Top Larissa+ 1 projeto salvo pra fazer, gratidão e continue 👏👏👏👏

[@jvsouza-hv3vg]

Parabéns, estou adorando seus videos, sua didática é excelente

[@gabrielbuenozemuner]

Que aula bacana Larissa, muito obrigado e excelente conteúdo!! Estou estudando manipulações de data em JS e aproveitei o projeto pra fixar conteúdo e também incluir informações da data (dia da semana, dia numérico, nome do mês e ano). Bati cabeça tentando converter o nome dos dias da semana em um switch (inclusive o exemplo de switch no w3schools é o mesmo), porém imaginei que passando em um array ficaria melhor. Aí veio a 'brilhante' ideia de criar um array com o nome dos dias da semana e passar o objeto date com o método getDay() como índice desse array. Muito mais simples do que as várias linhas do switch case. As vezes são coisas tão simples, mas quando conseguimos pensar e resolver sozinho nos anima a continuar estudando programação e essa linguagem sensacional!!!

[@luizhenriquesantosdetoledo8127]

Parabéns Larissa, sou iniciante nesse ramo, Dev Front End!

[@israelvieira7648]

Top demais, estou voltando a estudar para front e gosto de estudar assim, fazendo projetos

[@battlefield4707]

Muito obrigado, tu é braba demais, parabéns pelo conteúdo. Botei no 2x tomei gancho kkkk explica muito bem, nem precisa disso. Amor i love you

[@tuliogomes1884]

Adorei assistir o vídeo. Você explica muito bem todos os passos. Muito bom parabéns Larissa

[@RickyRJ]

muito bacana o projeto, dei uma brincada aqui e fiz ele trocar a cor do background com base na hora do dia usando a mesma logica que você usou no vídeo do if

[@tony23ification]

Mano tive essa ideia tb mas nao sei muito de js como vc fez?

[@RickyRJ]

@@tony23ification você vai precisar fazer uma verificação com IF/Else ou Switch, vai da sua escolha, verificando se a hora for == a X, faz um get element by ID ou className e troca a cor. document.body.style.backgroundColor = "cor escolhida"; dae troca a cor

[@ka851]

Ajudou muito esse video, estou fazendo um site de previsao de tempo e queria por um relógio, agora ja sei como kkkkk, obrigado!!

[@ProfessorGuilhermeCampos]

Muito obrigado , aplicarei com meus alunos

[@TokaGado]

Muito obrigado moça, incrível o que vc fez em 14min, e que ótimo gosto para paleta de cores

[@giovanibabinski441]

Conteudo muito bem feito, rapido e produtivo, continue assim , abraço!

[@junioraraujo1026]

muito bom Larissa!!! eu estava procurando exatamente isso!!!!

[@RSLBRYT]

Mano, estou gostando muito de aprender HTML CSS e JS, muito obrigado pelo tutorial

[@larissakich]

Eu que agradeço ❤️

[@claricemartins-dq7vl]

amo suas explicações são com muita coerencia e a gente acaba entendo bem a explicação.

[@larissakich]

Muito obrigada ❤️ isso me motiva muito

[@arifshakib8795]

Congratulations on this contest. Great video

[@arthurcosta6185]

Viciado em assistir esses vídeos na hora do almoço e antes de dormir

[@1Zolin]

Acho que acabei de ver esse seu projeto no seu linkedin, se não foi o seu foi um parecido. Muito legal, parabens!

[@daniel-ky8yl]

MEU DEUS voce e incrivel! por favor continue, os videos sao muito bem explicativos! Os melhores do youtube

[@brunoportilho3780]

Aprendi muito com esse vídeo, Parabéns pela a explicação

[@emersonmarcio6556]

Muito bom!! Explicou de um jeito bem simples a fácil de entender! 👏👏

[@jeffersoncordeirovieira488]

Muito legal. Obrigado por mostrar um código novo para mim.

[@victorrodrigues4571]

mt bom video, explicou super bem , gostei bastante msm do conteúdo. Tinha mts duvidas sobre script.js e vc explicou super bem.

[@teoben1601]

Que fooooofo ! Como vc se chama ? Meus parabéns ! Hoje é dia 17-mai-2023, quarta.

[@vanrleymacedo7071]

Mds, muito inteligente eu amo essa área!

[@larissakich]

Muito obrigada, essa área é realmente muito legal!

[@whoisfelipear]

Muito bom o vídeo, mas uma curiosidade para evitar as diversas passagens pelas condições é utilizar o padStart que é um método do String Object para preencher um caractere com base no comprimento do texto, como por exemplo String(hr).padStart(2, '0');

[@larissakich]

Oii, muito obrigado por compartilhar essa dica 😄☺️

[@VSBarboza]

muito bom ajuda muito pra quem está começando

[@dlord2508]

vc é muito foda , eu tinha feito um por conta de um jeito mol complicado e vc fex de um modo facil de fazer e de enteder

[@mosg9327]

Obrigado pela aula, foi muito divertido! 👏👏😊

[@felipeteodoro403]

parabéns continue fazendo vídeos e ajudando pessoas, Deus abençoe

[@asac_et]

Nossa, que vídeo maravilhoso!!! Ficaria horas vendo esse site haha

[@berkas_cortes]

nossa parabens, já vou assistir tds os teus videos

[@Jhonnymeerre]

Sensacional Larissa. Obrigado por compartilhar com a gente.

[@fabianodeoliveira7]

Muito bom para analisar e aprender, obrigado!!!

[@larissakich]

Muito obrigada ☺️

[@MayconWallasBS]

Muito bom o vídeo, fiz e coloquei no codepen mas dei os devidos créditos. obrigado pelo conteúdo

[@edinho8131]

parabéns pelo conteúdo, ajuda muito quem esta perdido hahha

[@sammytubishy7455]

Na parte do CSS foi show, ainda estou aprendendo....

[@oxhide9285]

Merece 1 milhão!! Conteúdo toppp

[@jairdhyego7544]

Show de bola o conteúdo! Uma dica em vez de usar 3 if, você pode fazer uma função que recebe um numero e caso o numero seja menor que 10, adicionar um zero antes.

[@larissakich]

Muito obrigada pela dica 😄

[@devthiagoramos]

Gostei do projeto! Uma boa maneira de praticar oq tenho visto nos cursos.

[@walkanadavih]

Parabéns pelo trabalho, não conhecia o canal, vou me inscrever!

[@jlcel2009]

legal, gostei muito da aula, ensina muito bem, parabéns

[@diegocb81]

Excelente projeto e didática, Larissa! Obrigado por compartilhar o conhecimento!

[@AdeMoreira02]

Parabéns pelo excelente material. Me ajudou muito. Sua didática explicando determinados comandos fez toda a diferença. Obrigado!!!

[@derick_isoo]

show de bola moça seus vídeos. Uma dica, faça seus tutors com a tela do live server divida sim! Quem quer ver que veja no pc ou tablet pq da pra ver de boa. Fora que esse tipo de vídeo não se assiste em celular. Vlw

[@alinesouzabandeira_]

obrigada por compartilhar. você explica muito bem. Parabéns e Sucesso.

[@byeel.minuzzi]

tu realmente é muito incrível, além de ensinar a como fazer, explica oq acontece e o pq de tal mudança. +1 sub, likeeee

[@larissakich]

Muito muito obrigada ❤️

[@JuanRochaBarros]

Caracas, Informações claras, bem explicado e um projeto muito bem feito e de forma que qualquer pessoa pode fazer junto e já intender bastante sobre cada coisa que foi feita, muito obrigado!

[@codekils]

Estou fazendo um curso e tô praticando refazendo pequenos projetos e ajuda muito seu css muito clean gostei mutio sem palavras. eu fiz um pouco diferente para adicoinar o 0 na frente da hora, eu utilizei o padStart. acabou ficando assim: String(hr).padStart(2,0) - quando tiver somente uma unidade nesse caso de zero a nove ele adiciona o zero no inicio quando tiver 2 unidades ele não faz nada. VLW!

[@codekils]

Ganhou um Inscrito!

[@larissakich]

Muito obrigadaaaa, gostei muito dessa forma que você fez, obrigada por compartilhar aqui 😊

[@AnaCaroline-rr3xr]

Muito legal!! Obrigada pela contribuição.

[@jilmarsantos]

Excelente vídeo! Exercício realizado com sucesso

[@italogoes5673]

Muito obrigado pelo conteúdo, ajudou bastante a desenvolver minha lógica com javascript

[@postocoisaslegais]

eu entendi tudo oque você explicou! Vou tentar reproduzir. ameiiii! gratidão pelo seu conteúdo. Você explica muito bem. espero um dia ter tanto conhecimento em programação quanto você. 😍👏🏻 ganhou mais um inscrito.

[@larissakich]

Muito muito obrigada ❤️ bons estudos!!

[@raoniguimao]

Obrigado pela aula de CSS. Tenho muita dificuldade nele. Minha sugestão é criar uma função para completar o zero à esquerda para substituir os 3 IFs do código.

[@thiagorockfiekd4371]

Ótimo Vídeo muito bom. mais estou com um problema , fiz tudo certinho, ate copiei seus códigos protos para ver se tinha algum erro nos meus, mais quando coloco para rodar o código a meu relógio fica 00:00:00 e não mostra a hora certa

[@edusf0]

verifica se os nomes id span são os mesmo utilizados no script js

[@germanokamilla]

Parabéns Larissa!! Obrigada por compartilhar!

[@FernandaLima-jt6gf]

Otimo conteúdo! Me ajudou muito! Obrigada por compartilhar teu conhecimento.