Crie Um FORMULÁRIO COMPLETO com HTML, CSS & JavaScript
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Neste vídeo vamos, juntos, construir um formulário completo, com validações em todos os seus campos, usando HTML, CSS e JavaScript!
Código finalizado do projeto: github.com/felipemotarocha/fo...
--------------------------
PARTICIPE DA NOSSA COMUNIDADE NO DISCORD:
/ discord
SIGA-NOS NO INSTAGRAM:
/ byfeliperocha
RECEBA DICAS NO TELEGRAM:
t.me/dicasparadevs
--------------------------
ASSISTA AOS MELHORES VÍDEOS DO CANAL:
▸ CURSO DE REACT PARA COMPLETOS INICIANTES
• Curso de React Para Co...
▸ CRIE UMA CALCULADORA COM HTML, CSS & JAVASCRIPT
• Crie Uma CALCULADORA c...
▸CRIE UMA LISTA DE TAREFAS COM HTML, CSS & JAVASCRIPT
• Crie Uma LISTA DE TARE...
▸CURSO DE HTML PARA COMPLETOS INICIANTES
• Curso de HTML Para Com...
▸CURSO DE CSS PARA COMPLETOS INICIANTES
• Curso de CSS Para Comp...
--------------------------
REDES SOCIAIS
GitHub: github.com/felipemotarocha
Nosso site: dicasparadevs.com.br
--------------------------
TIMESTAMPS:
00:00 - Introdução
01:44 - Implementando o HTML
07:40 - Implementando o CSS
17:16 - Implementando o JavaScript
31:42 - Conclusão - วิทยาศาสตร์และเทคโนโลยี
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!!
Obrigado pelo comentário, não entendi nada e fiquei frustrado mas vou continuar
Eu até entendo mas na hora de fazer sozinho eu travo
Bancana demais, estou começando do zero.
Didática incrível... passou por cada ponto explicando com detalhes e sem enrolar.. parabéns mano
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!
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
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.
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 !
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
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
conteúdo muito bom.
me perdi algumas vezes por conta da velocidade da dinâmina as aí voltei e deu tudo certo.
parabéns!
Parabéns, desde quando descobri o seu canal sempre busco conhecimento aqui. Você explica e ensina com uma simplicidade incrível. Obrigado
Você é o cara!! Ansioso para logo conseguir replicar tudo com esta mesma fluidez, obrigado pelo conteúdo Felipe, tmjjjjjjj
muito bom!! me ajudando demais a entender aos poucos o js, mesmo que as vezes enrole a cabeça um pouco kk
Aprendi demais!!! Muito obrigada por compartilhar esse conhecimento!! 🤩🎉
Conteúdo excelente, explicação simples e objetiva, fácil de entender. Parabéns
top demais obg por tudo estou começando e seu vídeo me ajudo demais. ensina com calma e mostra o que esta alterando.
Agregou demais, aprendi muito! obrigado você é fera, conseguiu passar o conteúdo de forma clara e objetiva.
Meu jovem você é super fera, ganhou mais um inscrito.
Muito obrigado pelo seu tempo, muito obrigado por ensinar tanta coisa prática e útil!!!!
Ganhou mais um inscrito!
Parabéns mano excelente conteúdo html simples css top e um js incrível ... show de formulário
Simplesmente fantástico Felipe, conteúdo de alto padrão!!!!
Muito obrigado pela aula, Deus abençoes sua vida e carreira. Valeu professor !!
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!
Bem dinâmico e de fácil entendimento.
Ganhou +1 inscrito!
Conteúdo Show... Amei, aprendi bastante contigo, obrigada!!!
Gostei da didática, tutorial muito explicativo e simples, continue assim irmão 🙏👏
Parabéns pelo vídeo. Ajudou muito. Obrigado pelas dicas
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
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
Melhor vídeo q eu já vi sobre css e Java script
Muito bom, já ganhou mais 1 seguidor ! hehe
Show Felipe, parabéns pelo conteúdo, bem completo, objetivo e simples de entender. +1 inscrito, abç.
disponha!!
Obrigado por este video, aprendi bastante e consegui fazer um projetinho
Show demais Felipe!! Obrigado por trazer mais um projeto incrível, aprendi muito com ele =)
eu que agradeço, Renato! =)
Didática incrível... show...
1+ inscrito...
This was just awesome! Thanks a lot!
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."
Mano, tu é bom demais, vey.
Parabéns cara você ensina muito bem.
otimo video parabens, sentir uma certa dificuldade por eu ser iniciante mais conseguir obrigado pelo ensino.
muito obrigado amigo, com certeza este video me ajudou bastante,
Ótimo aula recomendo a todos!!!!
Seu canal é otimo estou adorando os conteúdos
Muito bom!!! Parabéns!! Sem blablabla.... 👊
muito bom relembrei bastante coisa sobre o js
Arrasou demais!!!
perfeito, como sempre!
A forma que vc ensina é muito prática mds, vc tem algum curso de HTML + CSS?
Muitoo bom! 👏🏽👏🏽
Obrigado Man, fiz completo! Valleu
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!
boaaaa!
tb fiz assim
valeu demais. Aulao super top
Vídeo maravilhoso, obrigado pelo conteúdo!
disponha, irmão!
vlw mano ótimo conteúdo, aprendi bastante coisa ✍✍✍
Tu é fera demais!!! Tô aprendendo muito com vc
tmj, Jhuan! bons estudos!!
Não consegui a parte do JS..... mesmo copiando do vídeo não funciona, estou muito frustrado kkkk
nem vi o video ainda mas posso confirmar que é conteúdo de qualidade!
obrigadão, bro!
show obrigado!
video muito bom!, poderia fazer algum projeto completo usando banco de dados ?
Qualidade top 🔝 valeuuuu Felipe
eu que agradeço, Jotta! 🔥
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)?
Vídeo muito bom, muito obrigado por compartilhar todo esse conhecimento.
Top demais esse projeto Felipe!!🤘
obrigadão, Lucas!!
Mas explicou muito bem, parabéns!!
Vídeo muito agregador, parabéns!
Que font você usa no editor?
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?
conteúdo top, muito obrigado...
eu que agradeço, Edy!
sensacional
Você é o melhor 🔥🔥🔥🔥🔥🔥
tmj meu caro! 🔥
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!!
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?
é muito avançado pra quem tá começando kkkkkkkk
Ganhou um inscrito
muito shoow!
obrigado, Bia!
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.
Continue compartilhando seus conhecimentos
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.
para melhorar a UX, só faltou mostrar em tempo real se os formulários são válidos.
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.
vou dar sim, bro!
Olá ..... fiz um form seguindo os passos daqui, com algumas adaptações, validou mas o form não foi enviado
qual tema você utiliza no seu VSCODE?
Curti se formulário porém, como faço pra remover as classes de erro e de sucesso após cadastrar?
Quais extensões você utiliza no seu VSCODE?
Boa tarde, onde esta o link para poder entrar no site fazer o cadastro e copiar ?
Deus te abençoe
como eu coloco um rodapé em baixo?
tipo eu tentei fazer um, porém o rodapé está na direita da tela
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. 😢😅
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?
Me ajuda, o código deu erro na primeira linha do javascript, "document.getElementByld is not a fuction"
Como faz pra armazenar os dados digitados?
Eu queria saber por quê ele usou "min-height" para definir a altura do body. Alguém poderia explicar, por favor.
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
Não consegui identificar qual link é para os icones, preciso pra uma aplicação minha, alguem pdoeria ajudar ?
valeu
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?
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!
o site para icos não esta ativo mais.
Bem que poderia explicar pra que servem certas coisas
voce tem cursos com certificados?
22:48
Só faltou ser mais devagar. Quem nunca aprendeu a programa parece que está vendo carros de fórmula 1.
Tu conseguir fazer formulario com html, css , Javascript e php ?