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

[@thaliakellyCavala]

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]

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

[@JoaoPedro-bn9bo]

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

[@WandersonFamobics]

Bancana demais, estou começando do zero.

[@costec222]

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

[@matheuslopes593]

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]

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

[@tthiagocarlosdev]

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!

[@dicasparadevs]

boaaaa!

[@r.campos_]

tb fiz assim

[@geovanejorge5400]

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

[@CarolineMoraes]

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

[@c.b.i.sistemas5303]

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

[@lauradscc]

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

[@masckinformatica6172]

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

[@NogueiraDudu]

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

[@eberthsilva8718]

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 !

[@ericksonmendonca422]

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

[@criptoplanktoninvestidor]

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

[@AFTiago]

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!

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

[@oamormeamouprimeiro]

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

[@alissonbrinques8446]

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

[@dicasparadevs]

obrigadão, bro!

[@PauloHenrique-mb9dy]

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

[@battlefield4707]

Mano, tu é bom demais, vey.

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

[@emanuelcarlanaraujo9378]

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

[@priscilac3563]

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

[@nickgabrielhi4718]

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

[@noisestorm7019]

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

[@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."

[@pedrorocha5140]

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.

[@rebeca-felicissimo]

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

[@lopghkt]

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!

[@jaisonrosa4047]

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

[@taylorfelipe1757]

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

[@antonioamandio1000]

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

[@felipeaguiar9295]

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

[@Moral12321]

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

[@gustavolamounieradas4623]

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

[@hallysonrobson3819]

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

[@alex_jhones]

Obrigado Man, fiz completo! Valleu

[@murilo__barbosa]

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

[@TarcilaAlvesFotografia]

Arrasou demais!!!

[@Izaacxavier]

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

[@sssouto241]

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

[@dicas_uteis]

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.

[@carloscordom]

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?

[@agnis0]

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

[@renantibia92]

Muito bom, já ganhou mais 1 seguidor ! hehe

[@Camilla-h7l]

perfeito, como sempre!

[@r4ulzito]

Vídeo maravilhoso, obrigado pelo conteúdo!

[@dicasparadevs]

disponha, irmão!

[@trilhaprogamer3052]

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

[@leemagic5376]

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.

[@Jhuan_Michel]

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

[@dicasparadevs]

tmj, Jhuan! bons estudos!!

[@RenatoLinsJunior]

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

[@dicasparadevs]

eu que agradeço, Renato! =)

[@kaioffm]

muito bom relembrei bastante coisa sobre o js

[@Master-nk2fr]

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

[@cleversonxavier5665]

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

[@alexcozer3921]

Parabéns cara você ensina muito bem.

[@tonyrecife]

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

[@jeancarloshub]

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.

[@dicasparadevs]

vou dar sim, bro!

[@rabinaooeditor1807]

Mas explicou muito bem, parabéns!!

[@trilhacoder]

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

[@dicasparadevs]

disponha!!

[@BrunoBechara12]

Quais extensões você utiliza no seu VSCODE?

[@diegomacedo2807]

This was just awesome! Thanks a lot!

[@fehfenty6036]

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

[@BrunoBechara12]

qual tema você utiliza no seu VSCODE?

[@ninha601]

Ótimo aula recomendo a todos!!!!

[@Giovanni98N]

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

[@gustavofaustinodossantos4764]

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

[@saboariafernandalima667]

Seu canal é otimo estou adorando os conteúdos

[@paulorobertosallesdossanto6616]

Continue compartilhando seus conhecimentos

[@lucasdamasceno7068]

valeu demais. Aulao super top

[@loop_411]

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

[@jottamarcos2436]

Qualidade top 🔝 valeuuuu Felipe

[@dicasparadevs]

eu que agradeço, Jotta! 🔥

[@NaveCar]

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

[@charlesbusso86]

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

[@engajus]

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

[@mathdothings]

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

[@andreviana6026]

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

[@LucasHenrique-bv6mk]

Top demais esse projeto Felipe!!🤘

[@dicasparadevs]

obrigadão, Lucas!!

[@muniz.marcos]

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

[@italocaldeira7152]

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

[@jonathanproenca7766]

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

[@cuba_rj]

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?

[@Dellabeneta]

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)?

[@sandroff]

show obrigado!

[@juliocesargualberto4198]

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

[@jeancarloshub]

Você é o melhor 🔥🔥🔥🔥🔥🔥

[@dicasparadevs]

tmj meu caro! 🔥

[@geovannesantos4927]

Muitoo bom! 👏🏽👏🏽

[@fabiodasilva1054]

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

[@rodolfolopes9955]

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

[@wendermessiasjosedasilva]

o site para icos não esta ativo mais.

[@Vidaeliatoria]

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

[@Andradesa10]

Como faz pra armazenar os dados digitados?

[@lucasnascimentodasilva9383]

Deus te abençoe

[@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. 😢😅

[@wevertonviana9]

voce tem cursos com certificados?

[@pedrogabrielcosta2]

Tu conseguir fazer formulario com html, css , Javascript e php ?

[@edytricoloor]

conteúdo top, muito obrigado...

[@dicasparadevs]

eu que agradeço, Edy!

[@PauloHenrique-mb9dy]

Ganhou um inscrito

[@benmoraes5511]

22:48

[@Samuel-ys7nn]

Opa, quando salvo o arquivo por causa do formatar qnd salvar o indentamento fica diferente, como se fosse só um espaço, e nao um tab sabe como arrumar?

[@dicasparadevs]

isso é uma configuração do Prettier, bro! pra alterá-la, dá uma procurada no Google em "prettier config file", e me fala se você conseguiu!

[@biancasouza_mg]

sensacional