Tela de Cadastro com HTML, CSS e JavaScript | CodePen

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024
  • Esse video é a continuação do video: Tela de Login com HTML e CSS | CodePen, nesse vamos mudar algumas configurações no nosso CodePen, implementar essa página de cadastros e implementar configurações a mais com JavaScript!
    Código no CodePen: codepen.io/thi...
    Siga-me nas redes sociais: thicode.netlif...
    FontAwesome : fontawesome.co...

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

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

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

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

      Muito obrigado ❤️

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

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

  • @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 ❤️

  • @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 !

  • @keyssongomes2607
    @keyssongomes2607 8 หลายเดือนก่อน +1

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

    • @thi_code
      @thi_code  8 หลายเดือนก่อน

      tmj mano!

  • @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

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

    Top essa aula.

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

      Valeu manooo!

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

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

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

      Valeuuu!

  • @user-gb1rb8kb8n
    @user-gb1rb8kb8n 10 หลายเดือนก่อน

    muito obrigado gustavo lima❤❤❤❤

  • @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?

  • @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.

  • @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.

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

    Otimo

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

    Muito bom!!!

  • @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'

  • @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 😁

  • @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

  • @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 3 หลายเดือนก่อน +1

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

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

    Mano, tu parece o Enéas

  • @luisanunes7848
    @luisanunes7848 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.

    • @luisanunes7848
      @luisanunes7848 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

  • @LuizaMaria-gs5lf
    @LuizaMaria-gs5lf 10 หลายเดือนก่อน +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  10 หลายเดือนก่อน +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 9 หลายเดือนก่อน

      @@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  9 หลายเดือนก่อน +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.

  • @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.

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

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

  • @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

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

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

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

      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...

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

    no meu arquivo js esta dando btn is null

  • @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!

  • @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')
      }
      }

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

    nao consegui fazer

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

    E como cadastrar no banco de dados?

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

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

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

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

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

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

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

      @@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  ปีที่แล้ว +1

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

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

      @@thi_code tendi vou esperar sou video❤❤

  • @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!

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

    qual o seu codepen?

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

      No link das redes sociais tem o link do Codepen mano