FORMULÁRIO DE LOGIN COM HTML, CSS & JS (PURO)

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ส.ค. 2024
  • Aulas Grátis Web:
    cursos.dankicode.com/curso-fr...
    Demo Curso Games:
    cursos.dankicode.com/dev-games
    Quer Aprender a Viver de Negócios Online?
    ebook.viverdenegocioonline.co...
    .
    .
    Pacote Full-Stack:
    pacotefullstack.com/completo
    Curso Desenvolvimento de Aplicativos:
    cursos.dankicode.com/curso-de...
    Curso Desenvolvimento de Games:
    cursos.dankicode.com/curso-de...
    Curso Design para Web:
    cursos.dankicode.com/curso-de...
    Design de Games:
    cursos.dankicode.com/curso-de...
    Curso Infra Web:
    cursos.dankicode.com/curso-in...
    Viver de Negócio Online:
    viverdenegocioonline.com.br
    Viver de TH-cam [Peter Jordan (Ei Nerd!) & Guilherme Grillo (Danki Code) ]:
    viverdeyoutube.com
    ⚠ Combo Master:
    cursos.dankicode.com/combo-ma...
    ----
    🤖 Baixe o App da Danki Code:
    apps.apple.com/br/app/danki-c...
    play.google.com/store/apps/de...
    ---
    💎 Hospedagem que recomendo:
    www.hostgator.com.br/27924-10...
    ---
    ⭐ Redes Sociais (Oficiais)
    Facebook: / dankicode
    Instagram: / dankicodeoficial
    TH-cam: / dankicode
    #desenvolvimentoweb #desenvolvimentodejogos #desenvolvimentodeapps

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

  • @DankiCode
    @DankiCode  3 ปีที่แล้ว +17

    🤩 Gosta do meu conteúdo? Então TACA o DEDO NO LIKE para eu trazer mais vídeos assim.
    🔥 Começou o SORTEIO!
    instagram.com/guigrillo13

  • @ernanesantos1764
    @ernanesantos1764 3 ปีที่แล้ว +17

    Nem vi ainda mas já deixo o like, tô entrando nesse ramo da programação, se Deus quiser vamo programar.

  • @nazaretimaneto9813
    @nazaretimaneto9813 3 ปีที่แล้ว +21

    Muto massa, amei, super fácil de fazer com as dicas que você deu. Continue assim, beijos de Africa-Angola!

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

    Eu comprei o curso e estou adorando muitos desafios mais uma didática muito simples recomendo a todos as pessoas o curso o que mais gosto do curso são os erros por incrível que pareça aproxima mais o aluno do professor mostrando que mesmo quem sabe erra e motiva a não desistir por mais complicado que pareça ser com treino e pratica vai ficando cada vez mais fácil o curso e muito top vale apena cada centavo

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

    mt bom mano ajuda demais só agradeço meu amigo muita luz pra voce e pra sua carreira espero conseguir entender mais e mais dos seus conteúdos muito bom o responsivo vlw

  • @marcoscollares
    @marcoscollares 3 ปีที่แล้ว +85

    Você faz parecer algo tão fácil e lindo que eu perco o medo de tentar kkkkk

    • @mateussouza2871
      @mateussouza2871 3 ปีที่แล้ว +6

      Kkkk pode crer ver ele fazendo me da mais coragem

  • @phelipereis4087
    @phelipereis4087 3 ปีที่แล้ว +39

    Cara muito bom, acha os erros tão fácil que fico de cara. kkk
    Tô engatinhando ainda na vida de programador e perco muito tempo pra achar os erros nos meus códigos as vezes.
    Espero um dia ficar tão bom quanto você! Parabéns

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

      Me identifiquei, hahahah. As vezes vou desenvolver algum programa em JavaScript e qualquer erro de codigo da bug.

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

      @@Sinopsesdelivros Pode acreditar vocês estão muito mais avançados que eu, que as vezes o que buga é a minha cabeça tentando entender certas coisas kkkkk

  • @JoaoLabusse
    @JoaoLabusse 3 หลายเดือนก่อน

    Ganha teu dia ai lindao, dei o like e me inscrevi!

  • @filliprodrigues707
    @filliprodrigues707 3 ปีที่แล้ว

    Tô gostando demais desses projetos kkk gostei muito da live tb Gui traz mais

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

    Tu é o cara man, aprendi com centralizar formulários...obrigado.

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

    parabéns pelo vídeo, muito satisfeita com a sua explicação.

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

    Vc é ótimo! explica super bem!

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

    Perfeito me ajudou de mais! Fiz e deu certo.

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

    mano, sensacional, mas tipo seria muito legal explicar os parametros de margem e padding, porque eu sempre vejo, mas eu sempre me confundo na hora mas tu explica muito bem os cods e tals! mt bom!

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

    Pensei que você ia usar display flex ali. Mas o vídeo ficou muito bom. Parabéns

  • @ghust7564
    @ghust7564 10 หลายเดือนก่อน

    Aula muito boa! Ajudou demaaaais

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

    Ótima dica Gui, vou praticar :)

  • @peterlopes3923
    @peterlopes3923 2 หลายเดือนก่อน

    muito boa aula,clara e objetiva

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

    Com suas dicas ficou bem fácil de entender

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

    Gastei muito do conteúdo apendi muito.

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

    Sucesso irmão!

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

    muito top a aula

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

    Muito bom msm, parabéns Gui :)

    • @DankiCode
      @DankiCode  3 ปีที่แล้ว

      Obrigado Lucas!

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

    Exelente video. obrigado eu fixo projeto e até que ficou maneiro vlw!!

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

    Super aula de HTML, CSS E java script. Sempre gostei dessa área, mas acho um pouco complicado, é muito código diferente junto, fazendo ações diferentes.

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

    Ótima aula.

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

    Parabéns Danki

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

    que conteudo bom namoral

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

    Muy excelente..la esplicacion.

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

    Ótimo vídeo

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

    Gui, vc poderia fazer um vídeo ensinando a como fazer a validação dos campos de um formulário?

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

    Opa Gui, faz um vídeo mostrando teu setup, o pc etc, acho que seria dahora

  • @henriquemendonca563
    @henriquemendonca563 3 ปีที่แล้ว

    muito bom!

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

    Vídeo incrível

  • @augustotdc9582
    @augustotdc9582 3 ปีที่แล้ว

    daleeeeeeeeeeeeeeee pai Parabés pelo trampo

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

    Conteúdo top

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

    Na hr do :hover você foi em outro programa deixar mais escuro a cor, porém no próprio vscode se você por cursor em cima do código hexadecimal vai aparecer aquela aba de cores

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

    Cara SHOOW é o que eu estou precisando... poxa faltou mostrar-nos inserir os ícones form. mas vaaleu!!

  • @matheusprudencio7787
    @matheusprudencio7787 3 ปีที่แล้ว

    Sou seu fã cara

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

    Muito bom, só faz rápido dms. Diminui isso aí cara.

  • @leandrovicentin5297
    @leandrovicentin5297 3 ปีที่แล้ว

    Grande Danki Code

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

    Eu gostaria de ver mais opções de vídeos assim com a pasta .css separada, não gosto de misturar style com o index.

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

    many thanks

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

    não era o que eu procurava mas aprendi algumas coisas novas (o que eu queria mesmo é verificar se o usuário digitou a senha que estava no "sistema" um sistema real de login e password)

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

    The content is beautiful

  • @RogerioSilva-dw2rx
    @RogerioSilva-dw2rx 8 หลายเดือนก่อน

    mt top ligeiro o homi kkk

  • @Lukas-eh3dd
    @Lukas-eh3dd 3 ปีที่แล้ว +19

    Pessoas normais: Ele é mt bom
    Eu: Crl, olha o tanto de coisa que ele instalou 😂😂😂😂😂

  • @m.g.bhullar8376
    @m.g.bhullar8376 ปีที่แล้ว

    Nice Video for all.....

  • @lilcj8473
    @lilcj8473 3 ปีที่แล้ว

    Vídeo top

  • @thiagomendes7787
    @thiagomendes7787 3 ปีที่แล้ว

    Muito bom

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

    good job.

  • @SalvareFF
    @SalvareFF 3 ปีที่แล้ว

    Que Professor é o Gui!!!!!!!

  • @CarlosOlliveira
    @CarlosOlliveira 3 ปีที่แล้ว

    Obrigado

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

    Conteúdo de valor

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

    Very good

  • @pedrocarvalho3788
    @pedrocarvalho3788 3 ปีที่แล้ว

    Use a extensão Live Serve no vscode ou então coloca no header a meta tag de refresh em 1s

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

    Vai ter segunda parte sendo funcional ? como o email de cadastro da danki por exemplo

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

    A minha dúvida está em exatamente em 12m:57 quando parece que ao codar você deixou no input, "Seu e-mail...", como se fosse um banco de dados de outros e-mails e eu não consegui deixar assim. è alguma extensão do Vscode ou eu preciso revisar melhor os meus códigos, pois tentei refazer e olhei cada passo.

  • @vidal831
    @vidal831 3 ปีที่แล้ว

    Monster🚀🚀🚀🚀🚀Monster
    Ainda vou chegar nesse nível

  • @FortPlay
    @FortPlay 3 ปีที่แล้ว

    Quando vai ter promoção de novo... do pacote combo master ? eu queria comprar e só recebi depois.... por favor faz a mesma promoção ai de novo por favor...

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

    Uma duvida...
    Pq não alinhar com flex?

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

    me salvem, porque o meus quadradinho de preencher ficaram pequenos.... o dele ficou tamanho do enviar????

  • @JoseAlves-ky6qh
    @JoseAlves-ky6qh 3 ปีที่แล้ว

    Tem alguma vantagem de fazer o focus no javascript? porque é mais simples faze-lo pelo css

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

    Good

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

    Queria ver voce desenvolver um Clone da corretora IQ option teria como fazer em live ?

  • @JulioCezarBicudoBarbosa
    @JulioCezarBicudoBarbosa 3 ปีที่แล้ว

    e sp instalar o live server no vs code que quando salva ele atualiza a pagina

  • @RafaelRodrigues-qy5pl
    @RafaelRodrigues-qy5pl ปีที่แล้ว

    na hora de colocar o form input [type=] nao muda nada no meu site

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

    Olá, sou bem novato nisso de programação, gostaria de saber depois de tudo isso? Como faço para deixar o login funcionando? Tipo, para ele realmente conseguir entrar com sua conta de usuário...

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

    Alguem pode recomendar um backend que sirva de exemplo com o formulario do video? Tipo um exemplo de criar um Array pra salvar os clientes localmente e inserir no html.

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

    caso quisesse usar a pagina desse formulário para entrar numa pagina de mapa de busca como poderia está fazendo isso professor?

  • @leandroemanuel5883
    @leandroemanuel5883 3 ปีที่แล้ว

    EU VOU APRENDER A FAZER BACKEND COM NODE E COM PHP NO PACOTE FULLSTACK?

  • @samuelconradt
    @samuelconradt 3 ปีที่แล้ว

    Gui por que vc n usa o live server do vs code?

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

    Como faço pra colocar um contador de inscrição de vagas limitadas ni formulário?

  • @limamei9932
    @limamei9932 3 ปีที่แล้ว

    Como que faz pra deixar o usuario salvo no web SQL?

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

    Como é o nome daquele app que ele estava vendo o modelo do site no início?? Achei muito interessante e queria testar

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

    MS como vai funciionar a pessoa entra digita email, como fazer qualquer pezsoa oder criar seu login

  • @deusebom7098
    @deusebom7098 3 ปีที่แล้ว

    Ola mano,começando está semana a pesquisa,eu me interesso em sites adultos,tem alguma aula aqui ensinando como criar links de pagar pelo site pra conta bancária,ou estilo camera prive no site?

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

    Usa o extensão do vs code "Live Server", salva e atualiza em tempo real.

  • @lucasreis9210
    @lucasreis9210 3 ปีที่แล้ว

    qual o nome do estilo q vc usa no seu VScode????? achei muito bonito. Eu quero S2.

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

    Tem esse codigo disponivel em alguma plataforma, tipo github?

  • @hucyaker7570
    @hucyaker7570 10 หลายเดือนก่อน

    alguém sabe me dizer qual é esse tema do vscode??

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

    O html e CSS fez todo o trabalho, mas o que diferenciou o javascript?

  • @andrerwfreitas
    @andrerwfreitas 3 ปีที่แล้ว

    como é que eu coloco um logo svg no formulário ?

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

    Certo! disso eu já compreendi legal no HTML,CSS e JS. Porem contudo entretanto todavia, como eu salvo essas informações desses inputs em um Json eu imagino ou até mesmo uma planilha, e mantenho este login com informações
    Tipo Nome, Sobrenome, Ano, Data de nascimento... e variadas informações que eu possa estar usando no meu site?

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

    mostra como coloca os icones tmb. tmj !!

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

    Quando o cara realmente é fullstack brinca com qualquer línguagem

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

    1:09 Graças a Deus!

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

    ai fica top com essa border aqui
    border-radius: 5px 25px 35px 45px;
    e apliquei o font-family na regra geral pra fica pra todo os testos
    fica a dica

  • @historiasKidsBr
    @historiasKidsBr 9 หลายเดือนก่อน

    oloco mn

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

    E agora? Como inserir esses dados em um banco de dados?

  • @PedroHenrique-zk9gt
    @PedroHenrique-zk9gt 3 ปีที่แล้ว

    Tenta fazer um vídeo com PHP por favor

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

    Extensão Live Server no VS Code atualiza a pagina sozinha !

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

    o meu deu certo ate a parte de personalizar o botao kkk

  • @walison0654
    @walison0654 3 ปีที่แล้ว

    Cfb cursos tem um curso completo de html é so pesquisar

  • @JoaoPedro-bw7wz
    @JoaoPedro-bw7wz 3 ปีที่แล้ว

    Alguém conseguiu fazer a senha sumir enquanto o usuário escrevia ela?

  • @luanschier3551
    @luanschier3551 3 ปีที่แล้ว

    Poderia disponibilizar o cod né. Vlw.

  • @weslleycarlos8328
    @weslleycarlos8328 3 ปีที่แล้ว

    Lindo, mais lindo vai ser esse tema no meu vs kkkk, qual o nome ???

  • @user-cu2lo8ll7s
    @user-cu2lo8ll7s ปีที่แล้ว

    Queria como colar um link junto

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

    Boa tarde estou querendo fazer o curso Full Stack poderia me dizer quanto tempo dura o curso ?

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

      Oi amigo, acho q a pergunta certa a se fazer é, quanto tempo vou precisar para eu saber programar de verdade??
      Resposta: muito antes de terminar o curso vc vai está fazendo bastente coisa. Até Pq mesmo quando vc termina o curso o professor Guilherme adiciona aulas novas.

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

    Essa função do :focus feita no JavaScript na verdade seria muito mais fácil de fazer direto com CSS, certo? Porque, por exemplo, eu queria que os inputs ficassem com a borda na cor #4a5f6a com o :hover, pra ter ambos :hover e :focus, então eu mantive o e apliquei o :hover direto no CSS... quando carregava a página, tudo funcionava normal, mas ao clicar no input, tudo bugava e a borda durante o :hover não aparecia mais depois de desselecionar o input, aparecia apenas no :focus. A solução que encontrei foi aplicar :focus e :hover ambos direto no CSS ao invés de usar JavaScript.