CRIANDO FORMULÁRIO COMPLETO (HTML, CSS e JS) + VALIDAÇÕES 🚀
HTML-код
- Опубликовано: 8 фев 2025
- Vamos desenvolver um formulário completo com HTML, CSS e JS + Validações passo a passo. 🔥
⭐ Conheça a nosso treinamento FullStack: bit.ly/Fullsta...
_______________________________
👉 Código feito no video: github.com/dev...
👉 Nosso grupo exclusivo: t.me/sujeitopr...
👉 Instagram: / sujeitoprogramador
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."
Segundo projeto do Matheus que eu faço aqui do canal. Cara, eu não entendo como isso não tem umas 50 mil views... top d+. Minhas sugestões são duas: projeto de formulário atualizando banco de dados e o uso do flex grid
simplesmente sensacional, estou participando de um projeto e preciso criar uma aba de cadastro de usuário, esse vídeo me salvou! muito obrigado mais uma vez por toda a sua ajuda devfraga!
Excelente vídeo. Reproduzi e já fiz algumas melhoras de validação também. Logo, logo vamos vencer. Abraço, prof!!!
Vídeo incrível, me ajudou muito em um projeto da faculdade! ja fidelizei a inscrição
Show de bola, obrigado pela aula, consegui compreender mais sobre a aplicação da validação do formulário com o JS =D
Didática do Matheus sempre perfeita melhor conteudo como sempre
Conteúdo pra estudar durante uns 3 mêses!! Brabo demais !!
Segui o passo a passo e deu certo. Muito bom o vídeo!
Adorei sua didática...
Sou um programador das antigas e estou finalmente fazendo um projeto de formulários de cadastros dos sistemas que tenho em access.
2 sugestões:
1) não seria interessante que ao encontrar um erro Passar o foco para o campo errado ( usando o primeiro item do querySelectorAll com erro
2) ao atualizar qq item ele já fazer o teste dos itens requeridos para que o usuário já saiba o que está faltando
estou tentando fazer tudo em JavaScript raiz pois apesar de existir outros tipos de ambientes de programação eu não quero depender de algo que eu não tenha o controle total e o seu conteúdo é perfeito
Vídeo perfeito mano, parabéns 👏👏👏👏
Amigão parabens pelo conteúdo. Bem didatico e objetivo. Muito bom!!
Fiz até o fim, muito bom
Tá disputando pau a pau com o professor Guanabara, ensina muito bem
Nem todo mundo é tão inteligente quanto você, meu amigo, vá devagar na explicação kkkk
Nem tem como, se o cara for explicar cada sintaxe e principalmente na parte de css e js, vai ser um curso na udemy
Tem sim... reduza a velocidade no botão engrenagem do vídeo 😂😂😂😂😂😂
que vídeo sensacional, muito obrigado !
Muito bom, poderia fazer um video sobre autenticação JWT.
Excelente didática. O menos é mais. Era o que eu estava procurando.
Curto demais seus conteúdos 😉🚀
Gratidao demais e tamo junto! 🚀🚀
Cadê o código?
Excelente vídeo. Você poderia criar um vídeo explicando sobre Flex-grid.
Sou aluno do Matheus lá na udemy, professor monstro demais 😎
Também, sou aluno dele na Udemy!
Muito bom! Queria ver agora esses dados indo pro SQL
7h30 (com pausas) pra replicar tudo isso aí pra alguém que nunca fez nada em HTML, CSS ou JS.. tá bom procês? hahaha
@@CanalJogandoRaiz ??
@@caiotech6799 acho que ele quis dizer que seriam umas 7 horas de aula pra quem tá fazendo pela primeira vez kjakaka
Parabéns pelo excelente vídeo
GENIAL VEY
PARABENS MAN
Vídeo muito bom, parabéns
Ajudou demais!!!
A explicação da pra entender,você so é muito rápido pra iniciantes!
Show demais.
Conteúdo excelente!!
Tamo juntoo pedro 🔥
Valeu mesmo pela aula!
Matheus, parabéns pela ótima didática mais uma vez! Eu só fiquei em dúvida em relação às propriedades className e classList, qual seria a diferença entre elas? Obrigado pela atenção!! 😁
o classList ele adiciona uma classe a um elemento
o className troca o nome da classe ja existente naquele elemento
@@dener.criarbrmuito obrigado!
cheguei arregaçando o like
Daleeee boaa 🚀🚀
bom pra krl
Estou com dificuldade para executar meu JS, meu código não está respondendo na página, pode me ajudar ?
09:09: era box sizing ou box shadow???
como voce faz pra criar um arquivo novo, sem perde o de cima ? tipo o FORM-CADASTRO mas o open editors ta ali em cima, como faz isso ?
muito bom!
Demais+++!
mano teria como me dar uma leve explicada de como faço para deixar a caixa de "mensagem" responsiva ?
20:13 Quando eu clico no botão a minha página recarrega e não acontece nada.
qual fonte você usa no vscode amigo? Obrigado pelo vídeo!
Uso a fonte padrão do windows haha
Boa tarde!
O formulário deu super certo, apliquei em um projeto do estágio e está funcional.
Só que fiquei com uma dúvida; após o usuário fazer o cadastro, preciso encaminha-lo para a página final em vez de dar o "alert", como posso fazer isso dentro do Java Script? Tentei usar HTMLAnchorElement, mas não encontrei algum vídeo que informe como utilizar este elemento. Poderia me ajudar por favor?
Tem algum suporte onde posso tirar duvidas a respeito dos cursos de fullstack e mobile?
Opa beleza? Tem sim, pode mandar um direct no nosso instagram @sujeitoprogramador ou no nosso whatsapp de suporte 067 99612-3728
Matheus, na hora de declarar os campos do formulário, você usou "const". Eu poderia declarar com "let"?
Opa beleza, pode sim
Esta show esta aula, porem nao consegui consertar um erro, tem como ajudar? Tipo a validação nao esta executando no password... como arrumar, desde ja obrigado..
Como não sei como tá seu código da uma conferida na descrição do vídeo lá deixei o código completo do vídeo pra ajudar e comparar o seu erro 🤘
Boa tarde, por que quando vou editar o . ".form-content label" não da certo, mas se eu colocar ".form-content, label" funciona ?
como faz pra o username só aceitar letra?
alguém me ajuda n estou conseguindo validar o CPF indo de acordo com o método dele
Explica muito rápido!
alguem sabe qual é o tema? achei bem legal
Uso o Dracula
9:05 esse "box-sizing" do ".container" ficou meio estranho... rsss
cara o css do button não funcionou aqui
Vc falou que ia deixar o código aqui amigo???
Sim e está, está na descrição
@@Sujeitoprogramador não vi aqui, não sei se e porque estou olhando pelo celular
@@Sujeitoprogramador nao esta? nao precisa postar o codigo. apenas se nao quer postar nao diga que vai por que isso nos induz ao erro
@@wesleyspindula abra a legenda do video todo, e tem um dos links chamado “código feito no video” ai só clicar no link, precisa conferir com calma e ler o link como falei pra você sempre esteve na legenda.