Relógio Digital DINÂMICO | HTML, CSS e JS.
ฝัง
- เผยแพร่เมื่อ 21 ก.พ. 2022
- Nesse vídeo eu mostro como eu fiz um relógio digital dinâmico com HTML, CSS e JAVASCRIPT, de forma rápida e prática.
Se vocês gostaram do vídeo não esqueçam de deixar o like e se inscrever no canal. Deixem dicas nos comentários para próximos vídeo e o que eu posso melhorar.
Link para código feito no vídeo:
github.com/Larissakich/relogi... - วิทยาศาสตร์และเทคโนโลยี
É 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!
Muito obrigada, fico feliz em poder ajudar ☺️
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
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
falou o gênio
mandou a braba, comecei a estudar esses dias, obrigado pela dica!
Conteudo muito bem feito, rapido e produtivo, continue assim , abraço!
Conteúdo top d+. Obrigado pelo vídeo e parabéns pela ótima didática!
Sensacional Larissa. Obrigado por compartilhar com a gente.
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.
Pensava que você só ia fazer, mas acabou explicando linha por linha. Sensacional! S2
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.
MEU DEUS voce e incrivel! por favor continue, os videos sao muito bem explicativos! Os melhores do youtube
Excelente Tutorial. Continue postando mais vídeos. Você foi criando e explicando de uma maneira simples.
Excelente projeto e didática, Larissa! Obrigado por compartilhar o conhecimento!
Gosto dos seus vídeos pois não tem enrolação, vai direto ao ponto 👏🏻👏🏻👏🏻
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!
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!
vc é uma pessoa especial, ninguém se dedica como vc. parabéns.
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ê
Top Larissa+ 1 projeto salvo pra fazer, gratidão e continue 👏👏👏👏
Nossa ficou de mais! O JS ficou até mais pratico dessa forma que vc passou, vc arrasou.
Você compartilha seu conhecimento de forma tranquila e pausada, isso facilita muito no aprendizado, parabéns pela didática. Ganhou um novo seguidor.
Demais Larissa ! Estou praticando através do seu tutorial e estou gostando muito !
Muito bom! explicação claríssima, entendi tudo e com certeza me ajudou bastante.
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.
Parabéns pelo excelente material. Me ajudou muito. Sua didática explicando determinados comandos fez toda a diferença. Obrigado!!!
Muito lindo o relógio... Eu lembro que eu ficava impressionado com sites que tinha esses relógios.
Congratulations on this contest.
Great video
O máximo de rico pelo máximo de simples! Parabéns!
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!
Adorei assistir o vídeo. Você explica muito bem todos os passos. Muito bom parabéns Larissa
Muito bom!! Explicou de um jeito bem simples a fácil de entender! 👏👏
Parabéns Larissa!! Obrigada por compartilhar!
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...
Parabéns Larissa você entregou um material muito explicativo e simples ao mesmo tempo. continue assim
Muito obrigado moça, incrível o que vc fez em 14min, e que ótimo gosto para paleta de cores
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!!!
Simplesmente Incrível, Larissa.
TEUS VIDEOS SÃO PERFEITO, FONTE DE INSPIRAÇÃO
parabéns continue fazendo vídeos e ajudando pessoas, Deus abençoe
Muito show, acabei de produzir um igual, acompanhando seu ensinamento. Obrigada!😊
mt bom video, explicou super bem , gostei bastante msm do conteúdo. Tinha mts duvidas sobre script.js e vc explicou super bem.
Acho que já comentei isso em outro vídeo, mas continua gravando esses vídeos é muito bom a forma como você cria as coisas e ao mesmo tento que é bom assistir é que aprendo junto kkkk
Parabéns pelo vídeo, vídeo curto mas com muito conteúdo, ficou lindo o projeto, ganhou um inscrito linda ♥
Otimo conteúdo! Me ajudou muito! Obrigada por compartilhar teu conhecimento.
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!!.
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!
Foi uma grande ajuda o seu tutorial...
Não pare❤️☺️
Muito obrigado pelo conteúdo, ajudou bastante a desenvolver minha lógica com javascript
Que lindo! ❤
Sucesso pra você 😀
Aprendi muito com esse vídeo, Parabéns pela a explicação
Me ajudou muito esse tutorial eu estou estudando HTML, CSS e JS!! E aprendi algumas coisas nesse vídeo também kkkk
Fico muito feliz em te ajudar, bons estudos!
@@larissakich Linda♥
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!
O seu modo de explicar é excelente!!!
obrigada por compartilhar. você explica muito bem. Parabéns e Sucesso.
Gostei do projeto! Uma boa maneira de praticar oq tenho visto nos cursos.
Muito legal!! Obrigada pela contribuição.
Larissa, muito grato por compartilhar conhecimento parabéns
show de bola, obrigado pela aula.
Gostei muito. Projeto simples e perfeito
Top demais, estou voltando a estudar para front e gosto de estudar assim, fazendo projetos
Merece 1 milhão!! Conteúdo toppp
Obrigado pela aula, foi muito divertido! 👏👏😊
legal, gostei muito da aula, ensina muito bem, parabéns
Muito legal. Obrigado por mostrar um código novo para mim.
simples e muito bom, parabéns
Valeu pelo tutorial
Me ajudou muito, principalmente em por em prática o HTML e CSS😁
Excelente vídeo! Exercício realizado com sucesso
Muito top, parabéns pelo conteúdo!!
Show de bola Larissa, parabéns!! Digitei aqui e funcionou perfeitamente.
Muito obrigada! Que ótimo!
Amo ver teus tutoriais, mulher! Que incrível. Obrigada por isso
vídeo incrível, parabéns!!!
A dicção dela explicando é perfeita 👏💕
boca aberta
@@FabioLopes-fs3bz fecha então animal
Nossa muito perfeita sua explicacao, parabens demais!
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
Muito muito obrigada ❤️
Parabéns pelo trabalho, não conhecia o canal, vou me inscrever!
Nossa, que vídeo maravilhoso!!! Ficaria horas vendo esse site haha
Muiito obrigado pelo seu conteúdo Larissa!!
Continue repassando essas dicas e novos vídeos que você está ajudando muitas pessoas novatas como eu!!
como vc esta nos estudos?
Excelente tuto, por mais vídeos assim.
Parabéns pelo conteúdo, ficou simples e fácil de entender com suas explicações, te desejo muito sucesso!
Muito obrigadaaa, fico feliz em ter ajudado ☺️😄
Ganhou um inscrito estou tentando aprender e conteudos assim sai sempre bem vindo,obg
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 !
Show, show, parabéns!
muito bom Larissa!!!
eu estava procurando exatamente isso!!!!
Parabéns, projeto show para quem esta começando
Muito obrigada ☺️
amo suas explicações são com muita coerencia e a gente acaba entendo bem a explicação.
Muito obrigada ❤️ isso me motiva muito
Não gosto muito de comentar por causa das notificações mas amei seu vídeo e jeitinho de explicar rs
Acabei de fazer, ficou Show; Obrigada!
eu adoro esses layouts simples e diretos, o toque minimalista deixa tudo mais bonito kkkk
Obrigado por esse vídeo tô querendo entrar na programação e vou treinar muito com seus vídeos
Genial, direto ao ponto!
muito bom, ótima aula
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
Parabéns pelo conteúdo, muito show.
Muito obrigadaaa ❤️
Conteúdo muito bom... parabéns...
Muito bom o vídeo, fiz e coloquei no codepen mas dei os devidos créditos. obrigado pelo conteúdo
Muito bom, parabéns!
nossa parabens, já vou assistir tds os teus videos
Muito top a explicação. Ganhou mais um seguidor. 😊
gostei larissa aprendi bastante com vc
Mano, estou gostando muito de aprender HTML CSS e JS, muito obrigado pelo tutorial
Eu que agradeço ❤️
muito obrigado larissa! melhor explicação
Parabéns 🥳👏🏽
Ótimo tutorial
Muito obrigadaaa😊😊