Crie Um FORMULÁRIO COMPLETO com HTML, CSS & JavaScript

Поделиться
HTML-код
  • Опубликовано: 24 янв 2025

Комментарии • 138

  • @thaliakellyCavala
    @thaliakellyCavala 2 года назад +42

    Tô muito feliz que estou conseguindo ter o raciocínio em Java script, acho que esse era minha grade dificuldade no começo. Gratidão pela ajuda, sou muito grata!!
    Pra quem estiver começando e não estiver entendendo, continua não desista vai chegar uma hora que você vai pegar o jeito! Pratiquem!!

    • @fernandoreis180
      @fernandoreis180 Год назад

      Obrigado pelo comentário, não entendi nada e fiquei frustrado mas vou continuar

    • @JoaoPedro-bn9bo
      @JoaoPedro-bn9bo Год назад

      Eu até entendo mas na hora de fazer sozinho eu travo

    • @WandersonFamobics
      @WandersonFamobics Год назад

      Bancana demais, estou começando do zero.

  • @matheuslopes593
    @matheuslopes593 2 года назад +1

    Quando ele disse sem enrolação eu já curti e compartilhei para meus colegas devs. Conteúdo muito bom, apanhei bastante do Js e com esse vídeo-aula eu já consegui entender melhor muita coisa que eu ficava boiando!! Show

  • @andreluisdelgadorosa1042
    @andreluisdelgadorosa1042 2 года назад +1

    conteúdo muito bom.
    me perdi algumas vezes por conta da velocidade da dinâmina as aí voltei e deu tudo certo.
    parabéns!

  • @costec222
    @costec222 2 года назад +6

    Didática incrível... passou por cada ponto explicando com detalhes e sem enrolar.. parabéns mano

  • @paulohenriquerodriguessouz909
    @paulohenriquerodriguessouz909 Год назад

    eita como digita rápido,
    eu estou fazendo curso do devquest e não consigo programar nada sozinho em js, então tive que parar aqui para fazer a quest do curso e enviar para eles, show dms, vlw

  • @tthiagocarlosdev
    @tthiagocarlosdev 2 года назад +3

    Muito bom o vídeo, aprendi bastante!
    No input do email eu já coloquei ele com type="email" pois aí a verificação é automática, não precisa colocar aquela função com regex.
    Para definir as cores no CSS declarei como variáveis e a fonte já fiz o import direto no CSS também. Algumas pequenas diferenças mas que está funcionando do mesmo jeito!

  • @eberthsilva8718
    @eberthsilva8718 2 года назад

    Mano, seu conhecimento e como você repassa ele é incrível, aprendi muito e vou começar a seguir o canal com mais frequência , está de parabéns, muito obrigado mesmo ! e a todos que lerem esse coment, não desistam, no fim tudo da certo !

  • @masckinformatica6172
    @masckinformatica6172 2 года назад

    Returning here 2 years after I first saw the video, I realised just now how much I have learnt. I am so grateful for your channel, everytNice tutorialng

  • @lauradscc
    @lauradscc 2 года назад +1

    muito bom!! me ajudando demais a entender aos poucos o js, mesmo que as vezes enrole a cabeça um pouco kk

  • @c.b.i.sistemas5303
    @c.b.i.sistemas5303 2 года назад +1

    Meu jovem você é super fera, ganhou mais um inscrito.

  • @ericksonmendonca422
    @ericksonmendonca422 4 месяца назад

    Parabéns mano. Gostei bastante da sua didática. Estou aprender js agora...

  • @criptoplanktoninvestidor
    @criptoplanktoninvestidor 7 месяцев назад

    Muito obrigado pelo seu tempo, muito obrigado por ensinar tanta coisa prática e útil!!!!
    Ganhou mais um inscrito!

  • @AFTiago
    @AFTiago 2 года назад +1

    Parabéns professor Felipe! Pelo material abordado, que é de grande valia a todos que estão iniciando e principalmente pela a sua forma de ensinar... Boa dicção, paciência e com explicações detalhadas do que realmente cada instrução está fazendo... Você tem total domínio do assunto e mostra isso sem enrolações ou engasgos! Não tem como deixar de ser assinante do seu canal e de não dar "jóinha" em todos os vídeos, kkk!

  • @geovanejorge5400
    @geovanejorge5400 2 месяца назад

    Conteúdo de grande valor. Parabéns irmão.

  • @noisestorm7019
    @noisestorm7019 2 года назад

    Acabou de ganhar um inscrito e um fã, muito bom seu método de ensinamento, explicando sempre o que atributo ou função faz.
    Quero um dia chegar nesse nível de programação

  • @CarolineMoraes
    @CarolineMoraes 2 года назад +3

    Aprendi demais!!! Muito obrigada por compartilhar esse conhecimento!! 🤩🎉

  • @oamormeamouprimeiro
    @oamormeamouprimeiro 2 года назад

    Parabéns, desde quando descobri o seu canal sempre busco conhecimento aqui. Você explica e ensina com uma simplicidade incrível. Obrigado

  • @pedrorocha5140
    @pedrorocha5140 2 года назад

    Parabéns Felipe Rocha, acabei de me inscrever no seu canal. Gosto de tecnologia e essa área me parece mágica ver as coisas acontecerem ao inserir os códigos, css, html e js.

  • @jhonatanalves-p5t
    @jhonatanalves-p5t Год назад

    estou adorando suas aulas sobre criação de formulários em HTML com CSS! Gostaria de fazer uma sugestão: seria possível você ensinar em um vídeo como criar um formulário utilizando o Bootstrap? Tenho certeza de que sua aula seria extremamente interessante."

  • @lopghkt
    @lopghkt 2 года назад +1

    Opa, gostei muito do seu conteúdo, bem didático e direto ao ponto. Uma ideia que eu tive vendo esse vídeo, foi que você poderia fazer a mesma validação de formulário só que pra algum back-end, nem que fosse "fake", enfim, so uma sugestão! obrigado pelo conteúdo!

  • @NogueiraDudu
    @NogueiraDudu 2 года назад +2

    Conteúdo excelente, explicação simples e objetiva, fácil de entender. Parabéns

  • @rebeca-felicissimo
    @rebeca-felicissimo 2 года назад

    Que tutorial/aula fantástica. Parabéns Felipe, a forma como você explica e vai construindo o código é leve, didática e objetiva. O fato de você explicar o que está acontecendo em cada linha ajuda muito.
    Vou maratonar seus conteúdos. Sucesso e que venham os próximos projetinhos pra gente. :D

  • @PauloHenrique-mb9dy
    @PauloHenrique-mb9dy 2 года назад

    Melhor vídeo q eu já vi sobre css e Java script

  • @alissonbrinques8446
    @alissonbrinques8446 2 года назад +1

    nem vi o video ainda mas posso confirmar que é conteúdo de qualidade!

  • @nickgabrielhi4718
    @nickgabrielhi4718 2 года назад

    Agregou demais, aprendi muito! obrigado você é fera, conseguiu passar o conteúdo de forma clara e objetiva.

  • @jaisonrosa4047
    @jaisonrosa4047 2 года назад

    Você é o cara!! Ansioso para logo conseguir replicar tudo com esta mesma fluidez, obrigado pelo conteúdo Felipe, tmjjjjjjj

  • @battlefield4707
    @battlefield4707 2 года назад

    Mano, tu é bom demais, vey.

  • @emanuelcarlanaraujo9378
    @emanuelcarlanaraujo9378 2 года назад +3

    Parabéns mano excelente conteúdo html simples css top e um js incrível ... show de formulário

  • @antonioamandio1000
    @antonioamandio1000 Год назад

    Gostei da didática, tutorial muito explicativo e simples, continue assim irmão 🙏👏

  • @taylorfelipe1757
    @taylorfelipe1757 2 года назад

    top demais obg por tudo estou começando e seu vídeo me ajudo demais. ensina com calma e mostra o que esta alterando.

  • @priscilac3563
    @priscilac3563 Год назад

    Conteúdo Show... Amei, aprendi bastante contigo, obrigada!!!

  • @TarcilaAlvesFotografia
    @TarcilaAlvesFotografia 10 месяцев назад

    Arrasou demais!!!

  • @LTViniciusAlmeida
    @LTViniciusAlmeida Год назад

    Aos 10:40 do vídeo, ele define a propriedade "width" (linha 22) como "max-width" no valor de 100%.
    Tenho uma dúvida.
    Considerando que no elemento Body, que é o elemento pai do elemento "container", está definido o "width" como "100vw", teria diferença ter definido só "width" ao invés de "max-width"? Para mim, eu vejo que não teria diferença. Estou errado?

  • @Moral12321
    @Moral12321 2 года назад

    otimo video parabens, sentir uma certa dificuldade por eu ser iniciante mais conseguir obrigado pelo ensino.

  • @agnis0
    @agnis0 Год назад

    vlw mano ótimo conteúdo, aprendi bastante coisa ✍✍✍

  • @alex_jhones
    @alex_jhones 2 года назад

    Obrigado Man, fiz completo! Valleu

  • @renantibia92
    @renantibia92 2 года назад

    Muito bom, já ganhou mais 1 seguidor ! hehe

  • @felipeaguiar9295
    @felipeaguiar9295 2 года назад

    Bem dinâmico e de fácil entendimento.
    Ganhou +1 inscrito!

  • @murilo__barbosa
    @murilo__barbosa 2 года назад

    Simplesmente fantástico Felipe, conteúdo de alto padrão!!!!

  • @hallysonrobson3819
    @hallysonrobson3819 2 года назад

    Muito obrigado pela aula, Deus abençoes sua vida e carreira. Valeu professor !!

  • @gustavofaustinodossantos4764
    @gustavofaustinodossantos4764 2 года назад

    A forma que vc ensina é muito prática mds, vc tem algum curso de HTML + CSS?

  • @trilhacoder
    @trilhacoder 2 года назад

    Show Felipe, parabéns pelo conteúdo, bem completo, objetivo e simples de entender. +1 inscrito, abç.

  • @Izaacxavier
    @Izaacxavier 2 года назад

    Obrigado por este video, aprendi bastante e consegui fazer um projetinho

  • @gustavolamounieradas4623
    @gustavolamounieradas4623 2 года назад

    Muito bom!!! Parabéns!! Sem blablabla.... 👊

  • @RenatoLinsJunior
    @RenatoLinsJunior 2 года назад

    Show demais Felipe!! Obrigado por trazer mais um projeto incrível, aprendi muito com ele =)

  • @Camilla-h7l
    @Camilla-h7l Год назад

    perfeito, como sempre!

  • @kaioffm
    @kaioffm 2 года назад

    muito bom relembrei bastante coisa sobre o js

  • @sssouto241
    @sssouto241 2 года назад

    Parabéns pelo vídeo. Ajudou muito. Obrigado pelas dicas

  • @trilhaprogamer3052
    @trilhaprogamer3052 2 года назад

    Didática incrível... show...
    1+ inscrito...

  • @Jhuan_Michel
    @Jhuan_Michel 2 года назад

    Tu é fera demais!!! Tô aprendendo muito com vc

  • @Master-nk2fr
    @Master-nk2fr 2 года назад

    muito obrigado amigo, com certeza este video me ajudou bastante,

  • @jeancarloshub
    @jeancarloshub 2 года назад +1

    Bro se não for pedir muito, por favor, quando tiver tempo dê uma olhada no frontend mentor. Gostaria que você criasse conteúdo criando projetos a partir dessa página.

  • @mathdothings
    @mathdothings 2 года назад

    Vídeo muito agregador, parabéns!
    Que font você usa no editor?

  • @rabinaooeditor1807
    @rabinaooeditor1807 2 года назад

    Mas explicou muito bem, parabéns!!

  • @diegomacedo2807
    @diegomacedo2807 2 года назад

    This was just awesome! Thanks a lot!

  • @Dellabeneta
    @Dellabeneta 2 года назад

    amigo, vídeo sensacional. muito profissional mesmo, em todos os sentidos parabéns. deixa eu te perguntar: ainda usando java script a gente conseguiria persistir os dados do form em algum banco (ex mysql)?

  • @r4ulzito
    @r4ulzito 2 года назад +1

    Vídeo maravilhoso, obrigado pelo conteúdo!

  • @alexcozer3921
    @alexcozer3921 2 года назад

    Parabéns cara você ensina muito bem.

  • @jottamarcos2436
    @jottamarcos2436 2 года назад

    Qualidade top 🔝 valeuuuu Felipe

  • @saboariafernandalima667
    @saboariafernandalima667 2 года назад

    Seu canal é otimo estou adorando os conteúdos

  • @paulorobertosallesdossanto6616
    @paulorobertosallesdossanto6616 2 года назад

    Continue compartilhando seus conhecimentos

  • @cuba_rj
    @cuba_rj 2 года назад

    Olá, muito bom o vídeo! Fiquei com uma dúvida, seu eu quisesse que os inputs fossem um ao lado do outro, eu teria que modificar o flex para ser row? Apenas isso?

  • @lucasdamasceno7068
    @lucasdamasceno7068 2 года назад

    valeu demais. Aulao super top

  • @juliocesargualberto4198
    @juliocesargualberto4198 2 года назад

    video muito bom!, poderia fazer algum projeto completo usando banco de dados ?

  • @sandroff
    @sandroff Год назад

    show obrigado!

  • @ninha601
    @ninha601 2 года назад

    Ótimo aula recomendo a todos!!!!

  • @dicas_uteis
    @dicas_uteis 8 месяцев назад

    Obrigado por compartilhar.
    Como seria adaptar para um formuláriode contato só com os campos nome, e-mail e mensagem, com validação dos campos também ?
    Procurei por isso em seus vídeos mas não achei.
    Tô colocando tudo no mesmo arquivo separados por , e , só que teria de adicionar o endereço de e-mail que a mensagem será enviada.

  • @LucasHenrique-bv6mk
    @LucasHenrique-bv6mk 2 года назад

    Top demais esse projeto Felipe!!🤘

  • @cleversonxavier5665
    @cleversonxavier5665 2 года назад +1

    é muito avançado pra quem tá começando kkkkkkkk

  • @engajus
    @engajus 2 года назад

    para melhorar a UX, só faltou mostrar em tempo real se os formulários são válidos.

  • @geovannesantos4927
    @geovannesantos4927 2 года назад

    Muitoo bom! 👏🏽👏🏽

  • @italocaldeira7152
    @italocaldeira7152 Год назад

    Boa tarde, onde esta o link para poder entrar no site fazer o cadastro e copiar ?

  • @carloscordom
    @carloscordom 2 года назад

    Felipe, me ajudou muito, pois foi o tema de um trabalho da faculdade, porém tenho uma dúvida, como faço para colocar um botão de "voltar" logo abaixo do formulario, pois quando insiro ele fica ao lado direito do formulario, poderia me ajudar?

  • @jeancarloshub
    @jeancarloshub 2 года назад

    Você é o melhor 🔥🔥🔥🔥🔥🔥

  • @BrunoBechara12
    @BrunoBechara12 Год назад

    Quais extensões você utiliza no seu VSCODE?

  • @Andradesa10
    @Andradesa10 2 года назад

    Como faz pra armazenar os dados digitados?

  • @muniz.marcos
    @muniz.marcos Год назад +1

    Só faltou ser mais devagar. Quem nunca aprendeu a programa parece que está vendo carros de fórmula 1.

  • @PauloHenrique-mb9dy
    @PauloHenrique-mb9dy 2 года назад

    Ganhou um inscrito

  • @leemagic5376
    @leemagic5376 8 месяцев назад

    Olá Felipe uma dúvida. coloquei o action="do staticforms" e o method="post" , mas nao funciona com o javascript, apenas se desativar o javascript e mesmo assim a msg no email envia mas ela é vazia. por que? aguardo feedback.

  • @Giovanni98N
    @Giovanni98N 2 года назад

    Vídeo muito bom, muito obrigado por compartilhar todo esse conhecimento.

  • @lucasnascimentodasilva9383
    @lucasnascimentodasilva9383 2 года назад

    Deus te abençoe

  • @biancasouza_mg
    @biancasouza_mg Год назад

    sensacional

  • @BrunoBechara12
    @BrunoBechara12 Год назад

    qual tema você utiliza no seu VSCODE?

  • @charlesbusso86
    @charlesbusso86 2 года назад

    Curti se formulário porém, como faço pra remover as classes de erro e de sucesso após cadastrar?

  • @wendermessiasjosedasilva
    @wendermessiasjosedasilva Год назад

    o site para icos não esta ativo mais.

  • @loop_411
    @loop_411 Год назад

    como eu coloco um rodapé em baixo?
    tipo eu tentei fazer um, porém o rodapé está na direita da tela

  • @tonyrecife
    @tonyrecife 2 года назад

    Olá ..... fiz um form seguindo os passos daqui, com algumas adaptações, validou mas o form não foi enviado

  • @wevertonviana9
    @wevertonviana9 2 года назад

    voce tem cursos com certificados?

  • @franciscorodrigues5491
    @franciscorodrigues5491 Год назад

    Muito bom, mas aconselho o pessoal da TI, serem mais calmos na hora de falar, kk
    Digo isso por eu ser lento no raciocínio as vezes, e tem umas pronúncias que não entendi, mesmo voltando o vídeo, no caso de quando baixou o Prettier, foi numa opção que não consegui entender o nome mesmo voltando o vídeo. 😢😅

  • @edytricoloor
    @edytricoloor 2 года назад

    conteúdo top, muito obrigado...

  • @beatriziie
    @beatriziie 2 года назад

    muito shoow!

  • @benmoraes5511
    @benmoraes5511 Год назад

    22:48

  • @fehfenty6036
    @fehfenty6036 2 года назад +3

    Não consegui a parte do JS..... mesmo copiando do vídeo não funciona, estou muito frustrado kkkk

  • @fabiodasilva1054
    @fabiodasilva1054 2 года назад

    isso e muito difícil, por mais que eu veja os vídeos na hora que eu vou fazer sozinho não consigo que raiva que me da isso

  • @jonathanproenca7766
    @jonathanproenca7766 2 года назад

    Iniciei a pouco na programação e coloquei como meta um projeto " grande " quero ter um formulário desse modo, porém com uma opção para enviar imagens , e também uma aba de ADM para verificar esses cadastros, ainda estou pesquisar como construir isso, então se vou ou algum ter alguma dica ficarei extremamente grato , obrigado!!

  • @SoundLoudp
    @SoundLoudp 2 года назад

    Bem que poderia explicar pra que servem certas coisas

  • @NaveCar
    @NaveCar 2 года назад

    Me ajuda, o código deu erro na primeira linha do javascript, "document.getElementByld is not a fuction"

  • @Vidaeliatoria
    @Vidaeliatoria 2 года назад

    Não consegui a parte do css ----- .fa -check-circle

  • @andreviana6026
    @andreviana6026 2 года назад

    Eu queria saber por quê ele usou "min-height" para definir a altura do body. Alguém poderia explicar, por favor.

  • @rodolfolopes9955
    @rodolfolopes9955 Год назад

    Não consegui identificar qual link é para os icones, preciso pra uma aplicação minha, alguem pdoeria ajudar ?