Crie Um RELÓGIO com HTML, CSS & JavaScript

Поділитися
Вставка
  • Опубліковано 12 вер 2024

КОМЕНТАРІ • 62

  • @r4ulzito
    @r4ulzito 2 роки тому +15

    Vídeo muito bom! Consegui exercitar muito bem meu JS e meu CSS, além de descobrir vários atalhos e manhãs novas, valeu pelo conteúdo!

  • @Breakervinci
    @Breakervinci Рік тому +5

    Estou aprendendo mto com seus vídeos, Obrigado! Por favor faça mais projetos práticos. É muito bacana treinar acompanhando o seu projeto / pensamento.

  • @marcelovianamacedo.1586
    @marcelovianamacedo.1586 9 місяців тому +1

    Chegando agora me escrevendo e
    fazendo do jeitinho que vc fez , massa , Felipe, depois faz também responsivo Professor!!!

  • @lucassilva3062
    @lucassilva3062 Рік тому +1

    Meu!!! que aula, acabei de descobrir o canal já estou estudando à alguns meses. Pelo visto hj eu nem vou dormir, obrigado!

  • @andrericardo6992
    @andrericardo6992 Рік тому +1

    Show de bola, valeu mesmo por compartilhar conhecimento! As dicas de atalhos do VSCode são fantásticas fazia um tempo que estava tentando as substituições e as cópias de linhas rápidas

  • @JhamiRe
    @JhamiRe Рік тому +1

    vlw cara, seus videos sao bons pra nao perder a pratica, estou de ferias e n quero perder o jeito kkk vlw manooo

  • @vnz1m349
    @vnz1m349 7 місяців тому +1

    Não sei nada de HTML, JS e CSS mas achei fácil de entender mesmo que para mim o vídeo durou umas 2h conseguir fazer. Muito bom estárei vendo os outros da playlist.

  • @e.marques17
    @e.marques17 2 роки тому +6

    Eaaaeee mano faz um. Vídeo de como criar o portfólio kkkk quero ser programador...
    Já estou na faculdade e de engenharia de software.
    Faz o vídeo e explica e detalha para que serve cada coisa por favor? Alguns de nós tem muita dificuldade em de aprender.

    • @dicasparadevs
      @dicasparadevs  2 роки тому

      anotei suas sugestões, bro!!

    • @e.marques17
      @e.marques17 2 роки тому

      @@dicasparadevs valeu mano. Quando você puder lançar um curso e explicando e detalhando cada coisa lança na udamy. Eu compro de boas.. 🙏

  • @Calmison
    @Calmison 2 роки тому +2

    Conteúdo top, didática excelente! Fazendo este relógio agorinha!!! "Deixei o comentário antes de terminar" #dicasparadev

  • @giselealves2064
    @giselealves2064 Рік тому +1

    Muitíssimo obrigada por compartilhar seu conhecimento , queria um relógio de ponteiro e em algarismo romano e esse vídeo foi essencial para mim conseguir fazer .Muito bom seu conteúdo parabéns.

  • @UlissesFonzee
    @UlissesFonzee Рік тому +1

    Felipe, parabéns pelo seu conteúdo, aprendi muito mesmo, fora as ideias que você proporciona pra que eu possa criar outras coisas. Obrigado!

  • @pinguimrcaa
    @pinguimrcaa 2 роки тому +1

    Muito Show ! Estou me aperfeiçoando pra entrar no mercado de DEV como Front End e esta me ajudando muito como iniciante que precisa de praticar ! Vlw !!!!

    • @dicasparadevs
      @dicasparadevs  2 роки тому

      Fico feliz em poder lhe ajudar, Arthur! 🔥

  • @peter8796
    @peter8796 Рік тому +1

    caramba que foda mano, vou até salvar pra assistir depois e praticar

  • @lucasdamasceno7068
    @lucasdamasceno7068 Рік тому +1

    Top dms amigo valeu pela aula. Unica coisa que acrescentei foi tipo uma legenda do lado com Horas, minutos e segundos com as cores referentes do ponteiro

  • @JosueWalisson
    @JosueWalisson 2 роки тому +2

    Que vídeo sensacional!!Já te sigo no Instagram e aqui. Muito obrigado!!

    • @dicasparadevs
      @dicasparadevs  2 роки тому

      Que bom que gostou, Josué! 👊🏻🔥

  • @natanvinicius6564
    @natanvinicius6564 2 роки тому +2

    Todos os projetos estão me ajudando bastante nos estudos, valeu mano!!

  • @marcellemarichal2785
    @marcellemarichal2785 2 роки тому +4

    Gostei muito, nova inscrita! Excelente vídeo, adorei descobrir tantos novos atalhos práticos

  • @donato3876
    @donato3876 Рік тому +1

    Cara que foda, tu é muito bom!

  • @JoaoRodrigues-se4zm
    @JoaoRodrigues-se4zm Рік тому +1

    top irmão, com certeza agrega muito pra gente esses ensinamentos tmj.

  • @lucasmiller8060
    @lucasmiller8060 2 роки тому +1

    O dev é bom viu👏👏👏. Conteúdo top.

  • @yuresilva4922
    @yuresilva4922 2 роки тому +2

    Não consegui entender muito bem essa parte para calcular a porcentagem dos ponteiros

  • @franciscodasilva6511
    @franciscodasilva6511 Рік тому

    Excelente projeto e, bem explicado. Mto grato por compartilhar esse conteúdo.

  • @nicolas_galdino
    @nicolas_galdino 2 роки тому +2

    Mais um excelente vídeo, parabéns!

  • @teoben1601
    @teoben1601 Рік тому +1

    Felipe: Estou fazendo com um editor de textos. Numa das linhas do javaScript seria const setRotation = (element, ) -> { É uma seta para a direita ?? Nesse programa que vc utiliza é uma seta ? Obrigado. Hoje é dia 27-mai-2023.

  • @luzeli78
    @luzeli78 2 роки тому +1

    Obrigado por compartilhar 👏🏼🙏

  • @marcioajorge72
    @marcioajorge72 Рік тому +1

    Bom dia, Felipe! Você modelo pronto de template de comércio eletrônico em html, css, php e banco de dados utilizando o VS Code? Trabalho pra apresentar na sala de aula e estou batendo cabeça.

  • @kaianvasconcelos1999
    @kaianvasconcelos1999 Рік тому +1

    Muito bom ,👏👏👏

  • @williamandrade7806
    @williamandrade7806 2 роки тому +2

    Professor como vai ? Desculpa esta voltando neste assunto já fiz um comentário no curso de git e github que por sinal esta incrível . Mais novamente tenho que lhe pedir. Por favor como que deixa o github bonito como o seu ? Ensina pra gente.

    • @dicasparadevs
      @dicasparadevs  2 роки тому +1

      Fala William, muito obrigado pelo seu feedback, irmão! Pretendo fazer um vídeo sobre em breve! 🔥

  • @teoben1601
    @teoben1601 Рік тому +1

    Oi, meu amigo. Parabéns pelo vídeo. Eu gostaria de botar os números em pé e colocar um relógio digital dentro do circulo, mas na parte de baixo. Pode ser ? Eu coloquei uma div dentro da div mas não deu certo. Obrigado. Hoje é dia 13-jun-2023, terça.

  • @scheidemann1718
    @scheidemann1718 Рік тому +1

    Muito bommm

  • @eduardorosa6192
    @eduardorosa6192 2 роки тому +2

    show o vídeo, mas o comando em Java no meu VS não executou a rotação do relógio e o código esta visualmente igual, saberia me dizer o motivo?

    • @juliaancilotto5474
      @juliaancilotto5474 Рік тому

      O meu estava do mesmo jeito mas consegui resolver!!! faltou colocar a tag no html () para linkar com a pagina de js
      (demorou 7 meses mas respondi kkkkkk)

    • @felipegoncalves1195
      @felipegoncalves1195 Рік тому

      @@juliaancilotto5474 o meu tem a tag script com o link certo, mas mesmo assim os ponteiros não giram

  • @felipegoncalves1195
    @felipegoncalves1195 Рік тому +1

    Legal o projeto. Meu relógio só não funcionou, já fiquei uma hora revisando.. VOu tentar mais

  • @jacksonsouza8565
    @jacksonsouza8565 Рік тому +1

    Oi, amei seu trabalho, mas acho que para ficar melhor, esses projetos deveriam ser responsivos não acha?

  • @alezinhogp
    @alezinhogp 2 роки тому +1

    Seguindo !

  • @natankovalski2349
    @natankovalski2349 2 роки тому +1

    Top demais irmãaaooooo

  • @walney2008
    @walney2008 2 роки тому +1

    ola, em uma pasta tenho 20 arquivos de audio tipo, do 001.wav a 020.wav, pasta chamada sounds, agora quero criar arquivos textos com a sequencia de musicas em txt, em sequencia a tocar para formar musicas, (001,002,003,002,004) assim por diante, como ler esse txt e tocar os audios em sequencias ?

  • @chicowally
    @chicowally 2 роки тому +1

    O meu todos os ponteiros estão se mexendo juntos kkk

  • @carlaoliveira6255
    @carlaoliveira6255 Рік тому +2

    Quando eu chego na parte " .clock .number { }" no css não muda os numero pra dentro do relógio igual no vídeo e eu fiz igual no vídeo, não consegui entender onde estou errando.

    • @felipegoncalves1195
      @felipegoncalves1195 Рік тому

      Estou tendo o mesmo problema e também nao consigo identificar meu erro, pq tb copiei tudo como no video...

    • @felipegoncalves1195
      @felipegoncalves1195 Рік тому

      achei o erro. A que tem a classe clock dever ser fechado depois de todas as div's. Eu estava fechando ela na mesma linha, assim:
      fiz no automático, sem perceber.
      Aí abri a docuementação do projeto no github. Fui direto do CSS e não tinha nada de diferente. QUando eu tava quase desistindo resolvi olhar o HTML... Abaixo copiei como index deve ficar:
      /* A TAG NÃO FECHA AQUI */



      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      /* FECHA AQUI */
      repara que a tag div da classe clock só fecha aqui no fim. Fazendo isso os numeros entram dentro do círculo no browser

    • @joendeldyandrade
      @joendeldyandrade 2 місяці тому +1

      @@felipegoncalves1195 estava tendo o mesmo problema, consegui corrigir com sua dica, valeu!

  • @camillamendes3732
    @camillamendes3732 7 місяців тому +1

    Muito bom

  • @kevlin027
    @kevlin027 2 роки тому +2

    Sensacional

  • @andersonferreirasantos1615
    @andersonferreirasantos1615 2 роки тому +1

    Mais alguem teve problema style da consta "setRotation"?

  • @clayonbrito3108
    @clayonbrito3108 2 роки тому +1

    👏👏👏👏👏👏👏

  • @cavalinhopocoto
    @cavalinhopocoto 2 роки тому +1

    Top

  • @tipsm1
    @tipsm1 2 роки тому +1

    da onde você coloca aquela setinha => não é né?

    • @andersonpsilva21
      @andersonpsilva21 2 роки тому

      consegui? ele poderia explicar melhor esses detalhes ainda mais pros leigos como eu

    • @jacksonsouza8565
      @jacksonsouza8565 Рік тому

      @@andersonpsilva21 é só colocar = e > juntos => fazer ela normalmente. No meu código funciona.

  • @djrandomoficial4901
    @djrandomoficial4901 7 місяців тому +1

    Tropa do 1%