Tela de Cadastro com HTML, CSS e JavaScript | CodePen

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ธ.ค. 2024

ความคิดเห็น • 72

  • @keyssongomes2607
    @keyssongomes2607 ปีที่แล้ว +2

    Último vídeo estava insano e estou muito animado para assistir, obg :)

  • @vivis6729
    @vivis6729 2 ปีที่แล้ว +3

    Muito massa teus videos, a começar pela energia positivaça que consegue transmitir pra gente. O conteudo e a didatica fantastica tambem. Teus videos nao da sono na gente. Obrigada. Parabens.

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      Amei seu feedback, muito sincero, obrigado pelo seu tempo pra me falar isso tudo ❤️

  • @deniselima8243
    @deniselima8243 ปีที่แล้ว +1

    Nossa vc ensina muitoooo bem! Parabéns vc faz as coisas ficarem mais simples.

  • @Matheus.Stopinski
    @Matheus.Stopinski ปีที่แล้ว +1

    Cara, Muito Obrigado! Me sinto incrível! Como fosse o homem pisando na lua, acabei de dar meu segundo passo.

    • @Matheus.Stopinski
      @Matheus.Stopinski ปีที่แล้ว

      help-me please! Como conseguiu esse link do head? Eu virei o site e achei outro mas n é igual, quero aprender !

  • @estrelinha18
    @estrelinha18 2 ปีที่แล้ว +5

    Mdsss q aula incrível!!! você ensina muito bem 💖💖💖

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      Muito obrigado ❤️

  • @trilhacoder
    @trilhacoder 2 ปีที่แล้ว +3

    Show Thiago, exemplo muito bom e útil, parabéns pelo canal, to curtindo pra caramba. Abç.

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      Valeuuu 👊🏽

  • @marcone_alves
    @marcone_alves 2 ปีที่แล้ว +1

    Mano, vc explica muito bem

  • @javeiroalado10
    @javeiroalado10 2 ปีที่แล้ว +1

    Parabéns pelo vídeo mano, ajudou muito.

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      Valeuuu!

  • @hardgss
    @hardgss ปีที่แล้ว

    eu fiz um pouco diferent coloquei a palheta de cores dentro de :root { } e ainda comentei ao lado de cada cor pra quem for mexer no codigo sabe muda as cores sem fica procurando no codigo.

  • @talilotarlison
    @talilotarlison 2 ปีที่แล้ว +1

    Top essa aula.

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      Valeu manooo!

  • @GasiunGasia
    @GasiunGasia ปีที่แล้ว

    muito obrigado gustavo lima❤❤❤❤

  • @LuizaMaria-gs5lf
    @LuizaMaria-gs5lf ปีที่แล้ว +1

    Eu preciso fazer com que a parte escrito cadastro na parte de cima do site some depois que eu criar conta, logo após preciso de uma parte escrito sair, como que faço não achei video explicando

    • @thi_code
      @thi_code  ปีที่แล้ว +1

      Pensa que você pode manipular qualquer elemento do html com javascript, basta “pegar” e modificar, para modificar o texto vc pode usar o innerText e para pegar o elemento, vc pode usar o querySelector… da uma pesquisada nisso que vai dar certo

    • @LuizaMaria-gs5lf
      @LuizaMaria-gs5lf ปีที่แล้ว

      @@thi_codeEu consegui, muito obrigada!
      Estou com dificuldade em fazer uma notificação aparecer na tela, quando a pessoa inserir o endereço vai aparecer os dias da semana da coleta, não achei nenhum vídeo explicando direito como posso fazer isso, você consegue me ajudar?

    • @thi_code
      @thi_code  ปีที่แล้ว +1

      @@LuizaMaria-gs5lf você pode manipular os elementos do HTML com innerHTML no JS, nesses vídeos eu adiciono alertas, substituindo a Label do input... o conceito é o mesmo.

  • @estevaodanielli1048
    @estevaodanielli1048 2 ปีที่แล้ว +2

    Mano, seus vídeos ensinam muito! Já pensou em abrir um curso online?

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      Valeu mano! Está nos planos, em breve vai rolar...

    • @estevaodanielli1048
      @estevaodanielli1048 2 ปีที่แล้ว

      @@thi_code Perfeito! Mas me tira uma dúvida... no meu código no JS aparece como erro "Uncaught Type Error: Cannot read properties of null (reading 'addEventListener')" na linha 3, como posso resolver?

  • @rogerioronne1
    @rogerioronne1 2 ปีที่แล้ว +1

    Thiago fiz um projeto de formulario de etapas, gostaria de saber como faço para não ir para o proximo passo sem preencher os campos input, tentei algumas formas mas sempre acaba que da erro

  • @MrSebastiaocampos
    @MrSebastiaocampos 2 ปีที่แล้ว +1

    Parabens Thiago. Show de Bola. Salvou a minha semana. kkkk Estou chegando hoje ao seu canal, pode me dizer como acessar o código? Obrigado. Sucesso!

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      Obrigado! Adicionei agora na descrição.

  • @victorsouza2058
    @victorsouza2058 2 ปีที่แล้ว +1

    Estou com problema para fazer o javascript ser interpretado , não consigo importar o arquivo '.js' no meu arquivo 'index.html'

  • @luinunes13
    @luinunes13 2 ปีที่แล้ว +1

    Oie, Muito obrigada! Como faço pra validar o email ???

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      De nada... Esse é um projeto estático, ou seja, funciona apenas com o front e dados estáticos, para validar email é necessário um Back-end.

    • @luinunes13
      @luinunes13 2 ปีที่แล้ว +1

      @@thi_code obrigada! Vou pesquisar isso! 😂 e Tbm a parte dos olhinhos que não aparece a senha que não deu certo! Mas já estou te seguindo pra mais dicas

  • @brunotartarini5717
    @brunotartarini5717 ปีที่แล้ว

    Muito bom!!!

  • @crypterdroid8294
    @crypterdroid8294 2 ปีที่แล้ว

    Que vídeos foda mano, pena q comecei Javascript a uma semana ainda n sei HTML e CSS kkkkk

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      Haha valeu mano, mas já dá pra ir aprendendo 😁

  • @LUIS_DAS_ARTIMANHAS
    @LUIS_DAS_ARTIMANHAS 2 ปีที่แล้ว

    Como que entra no site official depois de criado? E só aquela mini janelinha mesmo?

  • @giovanioliveira3651
    @giovanioliveira3651 2 ปีที่แล้ว +1

    Opa, massa demais, está me ajudando muito em um projeto da faculdade, obrigado! Porém tenho uma questão, no caso se eu quiser usar um campo desse no cadastro pra adicionar um Select com opções já pré definidas, como ficaria? Abraço!

    • @estrelinha18
      @estrelinha18 2 ปีที่แล้ว

      Oi desculpa a pergunta, mas qual sua facul?

    • @giovanioliveira3651
      @giovanioliveira3651 7 หลายเดือนก่อน +1

      @@estrelinha18 Era a FEPI em Itajubá - MG.

  • @pedroviii6037
    @pedroviii6037 2 ปีที่แล้ว

    no meu arquivo js esta dando btn is null

  • @aparecidadutra5452
    @aparecidadutra5452 ปีที่แล้ว

    Otimo

  • @bellzinha19
    @bellzinha19 2 ปีที่แล้ว

    Boa noite , moço você consegue fazer algo assim pra unity 3d? se conseguir adoraria ver um vídeo assim ajudaria muito aqui.

  • @betaniamalcher6106
    @betaniamalcher6106 2 ปีที่แล้ว +1

    não consigo fazer o javascript rodar no código, estou usando o vscode
    me ajudem, pleease.

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      Precisa linkar o script ao html, antes de fechar o body, coloca:

    • @betaniamalcher6106
      @betaniamalcher6106 2 ปีที่แล้ว

      @@thi_code é que na vdd eu já consegui fazer a importação, agora o não consigo fazer o olhinho ter função de mostrar o conteúdo da senha, tanto na tela de cadastro e tanto na tela de login, uso apenas um arquivo para ambos. Não entendo porque no vídeo com apenas 12 linhas de código você já consegue fazer funcionar e no meu não funciona. Me ajuda Thi.

    • @CorporationArts
      @CorporationArts 2 ปีที่แล้ว +1

      @@betaniamalcher6106 o meu também não funciona. estou tendo o mesmo erro que o seu.

    • @romeriosk8
      @romeriosk8 ปีที่แล้ว +2

      tenta assim que tmb da certo no I coloca
      e cria a função verSenha()
      function verSenha(){

      let inputSenha = document.querySelector('#senha')
      if(inputSenha.getAttribute('type') == 'password'){
      inputSenha.setAttribute('type', 'text')
      } else {
      inputSenha.setAttribute('type', 'password')
      }
      }

  • @MatheusSantos-sw3ek
    @MatheusSantos-sw3ek 2 ปีที่แล้ว

    Só na parte do olho que n conseguir fazer funcionar, e o script esta igual porém estou fazendo pelo vscode

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      Precisa linkar o script ao html, antes de fechar o body, coloca:

    • @MatheusSantos-sw3ek
      @MatheusSantos-sw3ek 2 ปีที่แล้ว +1

      @@thi_code OBRIGADO!

  • @felipebehling1636
    @felipebehling1636 2 ปีที่แล้ว

    Mano, tu parece o Enéas

  • @erickfarias3411
    @erickfarias3411 2 ปีที่แล้ว

    Opa, é possivel fazer uma tela pra fazer emissão de notas fiscais?

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      Salve mano, com programação tudo é possível, mas para lidar com notas é necessário um sistema mais complexo, para se conectar com o sistema da prefeitura...

  • @franciscorodrigueslima8965
    @franciscorodrigueslima8965 2 ปีที่แล้ว

    nao consegui fazer

  • @10pense18
    @10pense18 2 ปีที่แล้ว

    não tem como tirar já hospedar o site ou code pen só da para copia o codigo????

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      Só dá pra copiar... Em breve lanço um vídeo extra, passando tudo para o VsCode e fazendo um deploy...

    • @10pense18
      @10pense18 2 ปีที่แล้ว

      @@thi_code tendi mais vai ter muda algumas coisa quando passar tipo link de acesso para cadastrar, link para voltar pro login, vai ter q ter banco de dados eu acho para guardar senha, e-mail, nome, etc Correto???

    • @thi_code
      @thi_code  2 ปีที่แล้ว +1

      @@10pense18 não necessariamente... Da pra usar o localstorage

    • @10pense18
      @10pense18 2 ปีที่แล้ว +1

      @@thi_code tendi vou esperar sou video❤❤

  • @nandorace
    @nandorace 2 ปีที่แล้ว

    E como cadastrar no banco de dados?

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      Faz a playlist nova, "do zero a MERN STACK"

  • @thalesmenzner6689
    @thalesmenzner6689 2 ปีที่แล้ว

    nos proximos videos disponibiliza o codigo no github pfvr

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      Esse código está no Codepen... Não vou subir pro GitHub, mas os outros projetos estão

  • @tyax9744
    @tyax9744 2 ปีที่แล้ว

    qual o seu codepen?

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      No link das redes sociais tem o link do Codepen mano

  • @anaclaudiasousaguedes5356
    @anaclaudiasousaguedes5356 2 ปีที่แล้ว

    meu deus eu amo teus videos, mas chateada q o codepan tem q fazer upgrade pago para fazer mais de um projeto

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      😱😱😱 mudaram recentemente, que pena 🥲

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      Muito obrigado pela moral ❤️

    • @anaclaudiasousaguedes5356
      @anaclaudiasousaguedes5356 2 ปีที่แล้ว

      @@thi_code a nemmm

    • @anaclaudiasousaguedes5356
      @anaclaudiasousaguedes5356 2 ปีที่แล้ว

      @@thi_code juroo to fazendo um projeto como treinee de uma empresa junior da faculdade de eng de comp e plmds teus videos estão me ajudando dms, indiquei ate para os amigos q estão fazendo tbm, serio tem meu coração a tua forma de explicar kakakakaka obg por isso!!!

    • @thi_code
      @thi_code  2 ปีที่แล้ว

      @@anaclaudiasousaguedes5356 Fico muito feliz em ler isso! Muito obrigado!