Formulário de Cadastro RESPONSIVO (Responsive Registration Form) | HTML e CSS
Вставка
- Опубліковано 30 вер 2024
- Nesse vídeo eu mostro como fazer uma página de FORMULÁRIO DE CADASTRO RESPONSIVO, usando HTML e CSS.
Link para sites usados no vídeo:
Imagem: undraw.co/illu...
Fonte: fonts.google.com/
Link para repositório do GitHub:
github.com/Lar...
Instagram: @lariikich
mano kkkk como eu consigo errar mesmo vendo o tutorial que odio
Fantástico, parabéns pela explicação e o vídeo. Tudo muito bem feito, volto a repetir parabéns.
Muito muito obrigada, fico feliz ❤️
Muito bem explicado! Gostei de mais
O meu simplesmente biga,já revisei umas 5 vezes e meu gender input fica em culuna ,já tentei tudo oq eu sei,e simplesmente nn fica ,e por isso todos os meus itens ficam em uma coluna q vara a tela toda do Pc,socorro
maravilhosa
salvou o projeto 🙏
qual extensão vc usa pra ver a largura da página?
Good video
Seria o melhor tutorial NÃO FOSSE A GALOPEIRA que ela fez o vídeo, para quem está aprendendo
JAMAIS PODE SER NESSA PRESSA . infelizmente estragou a aula por isso.
Bom demais. O próximo deveria ser como gravar as informações desse cadastro seria maravilhosa. Já está muito top!!
krl os vovo tao tudo virando dev 😱😱😱😱😱
KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK@@iDontHaveName-d5q
Muito bom, coloquei na velocidade 0.75 para conseguir acompanhar o raciocínio e aprendi muito com sua aula, parabéns
Na minha classe .input-box meu margin-bottom ficou 0.5rem, pois com 1.1rem ficou saindo do form.
Acho que isso depende de tela pra tela.
Ótimo vídeo!
Siim, depende do tamanho da tela. E muito obrigada, que bom que gostou do vídeo ☺️
Me salvou, eu tava quebrando a cabeça kkkkk
@@professorcarlos-tecnologia kkkkk tb quebrei a cabeça um pouquinho.
Não para de gravar vídeos, você ensina melhor que muito professor, ontem aperfeiçoei algumas coisas que eu tava custando aprender sobre Javascript vendo um vídeo seu que nem focado no tema era
Qual o vídeo? Kkkkkk se ainda lembra e
Amei o vídeo, você explica muito bem e seus projetos ficam lindos!!
Só queria saber uma coisa, alguém sabe onde (em que site) eu posso pegar aquelas imagens png pra usar nos meus projetos com boa qualidade e sem direitos autorais?
Unsplash
undraw.co/illustrations esse site aqui é muito bom
Só comigo não funcionou?
até baixei pelo git, mas quando fica em coluna n funciona o ''wrap'' e fica tudo em cima do outro, help pleasee
O meu tbm! Tentando sacar o que houve ha tempooo
qual e esse curso que nos faz pra ser um programador.. tou fazendo sistema de informação.. mais ja quero ser programador .. qual curso fazer??
Top. Excelente. Muito obrigado!
Que qualidade excepcional de vídeo! Parabéns. Por favor não pare com o seu conteúdo, ele é um serviço essencial para programadores novos (Como eu por exemplo, novo em HTML & CSS).
Olá boa noite.
Tenho uma questão:
O que a senhora faz antes de "codar", quais são as etapas para o desenvolvimento de uma página.
Muito bom! Eu evitaria o uso de e tags de título, visando uma melhor semântica para o formulário, o que é uma boa prática. Em vez de e , eu usaria e para agrupar elementos de formulário relacionados, no lugar das .
Like!
Desculpe a pergunta, mas... da onde foi que esse ".input-box input { padding: 0.8rem 1.2rem; }" saiu? Que conta você teve que fazer pra pegar esses números???
Ola, Larissa!
Antes de qualquer coisa, gostaria de agradecer-lhe pelo video muito bem detalhado.
Sou iniciante e gostaria de lhe fazer uma pergunta.
Quando vc diz que o formulário está responsivo ,quer dizer que vc ja consegue entrar com os dados, como e-mail,senha e etc.?
Ótimo vídeo, fiz algumas alterações no meu, mas no final deu tudo certo, continue fazendo vídeos assim, vc explica muito bem. Aliás + um inscrito 👌
Muito obrigada, assim que der vou postar mais 😊
Menina, vc é o cão chupando manga.
Muito inteligente!
Larissa, bom dia, parabéns pelo vídeo. eu fiz um formulário seguindo teu vídeo, porem são duas telas além da primeira tela inicial. Como faço para lincar as três telas: a primeira tela clicar no botão próximo indo para segunda tela, segunda tela clicar no botão próximo, indo para terceira tela, na terceira tela clicar no botão enviar para ser salvo em um BD?
forte braço
"Esse é o Galaticos 2.0"
Real madrid motou uns 4 "Galaticos" antes desse kkkk
Vou tentar fazer esse , sou novo nesse mundo , gostaria de dicas ,tipo como gravar o que cada Tag /comando vai fazer , eu acho que é praticando , mas eu não sei como praticar , eu estou aprendendo HTML ainda não sei CSS . Como você estudou ? faz um video dando dicas desse tipo por favor!
Se ainda precisar, na fundação bradesco (online) tem um curso muito bom de CSS, é gratuito e depois de fazer uma provinha (super fácil) ele libera um certificado
Quase me afogo no tanto de baba que há aqui nos comentário... O projeto ficou muito bonito, mas falhou com a responsividade. Você trabalhou com grande medidas, imagino que se baseou em seus aparelhos, a questão é que se eu acessasse um site com o seu formulário no meu notebook/celular, ele viria quebrado para mim. No entanto, é só fazer alguns ajustes e fica perfeito! Tenho gostado muito dos seus vídeos, eles são ótimos! (obs.: o que eu vou roubar de código não é brincadeira haha)
Oi, boa noite , estou com uma dúvida , fiz o mesmo projeto que vc fez seguindo seus passos e dicas , só que quando eu abro o arquivo index.html pelo navegador fica a página em branco e não aparece nada , mais quando eu abro pelo visual code , aparece tudo certinho , poderia me dizer o pq que acontece isso ?
Muito legal, obrigado por compartilhar! Estou começando a aprender, e conteúdos assim fazem a diferença. Abraço e sucesso.
Valeuuu, que bom que gostou ☺️
MUITO TOP!!
finalizei. Mas o meu código, não ficou ao lado como no vídeo!!
Minha deusa cade novos vídeos??? tem criança de colo chorando aqui
Oiii, fiquei um tempo fora por conta da escola, mas hoje de noite quero gravar um novo vídeo, se tudo der certo eu posto ele ainda essa semana ❤️
@@larissakich perfeita!!!❤
Parabéns,
pelo vídeo, está me ajudando muito. Estou fazendo uma tbm, e gostaria de uma ajuda. A imagem, não estou conseguindo centralizar, e não sei o que está acontecendo. Já troquei a extensão .sgv para .png, já reescrevi o cod no cdd, mas tbm não vai. O que posso estar fazendo de errado?
Muito obrigado.
ou o tamanho da imagem ta diferente do proposto
ou a div ta escrita errado
Mulher do céu ,tu explicas muito bemm
Tô usando esse formulário num projeto, com as devidas adaptação.
qual curso voce fez da Alura ou da B7 web? sei que tem vários dentro da plataforma?
pqp muito bom vc tbm tem videos relacionados a front_end?
Alguém aqui é bom em frontend para me dar uma força em um trabalho da escola?
Como faz pra funcionar o botao de Entrar, colocar pra aparecer o formulario de login quando apertar no botao Entrar? Sem precisar ir pra outra pagina?
Fiz igual o dela porém o meu ficou diferente ao sei onde errei kakskak
Mds, todo mundo usando vscode, estava por fora esse tempo todo
fantástico. muito obrigada
hoje eu sonhei com div kkkkk
Kskdksksks me ocorre as vezes
Oiii qual extensão de tema você está usando?
Olá, só nao entendi aquele botãp "entrar"
Faz um chatbot em Javascript, vai ser top demais!
So não usaria o overflow-y: scroll no input-group
Muito obrigado, assistindo seu vídeo consegui desbloquear minha mente para o html e css, eu estava com dó de criar div, eu estava criando uma div, colocava todo o conteúdo dentro dela e muita coisa não dava certo, agora criando uma div para cada conteúdo ficou muito melhor.
como e que eu faço pra colocar um formulario assim na pragina principal do meu projeto ?
não grave em 60p, que o vídeo fica pesado
Excelente vídeo!
Muito bem explicado e uma ótima qualidade.
Continue que precisamos de mais vídeos assim!
Didática incrível. Só fiquei na dúvida quanto a existência de tantas divs, se existe alguma outra maneira de agrupar de forma hierarquizada. Segundo alguns cursos, usar somente divs não é recomendado.
A partir do html5 existem outras tags semânticas que tu pode ir usando. tmj
Tem como enviar os dados do formulário a um Excel?
por que o space between tirou o overlap em 13:05
Sensacional, aprendi mais com seu vídeo do que com um curso 👏🏻👏🏻👏🏻👏🏻
Muito obrigadaaa, fico muito feliz 😊❤️
video ficou perfeito, me ajudou muitoo, voce poderia me indicar algum site ou algo do gênero q ensine essas funções que você mostrou no video? muitas delas eu nao sabia sobre e nem das funcionalidades
se achar me avisa
O site do w3school tem várias dessas funções, e ensina na prática a usar alguma delas, é muito bom
tem que baixar o material icon pro vs code
Só uma dúvida de iniciante, não estaria errado colocar o " body " como " display flex " visto que se aplicaria em todas as outras páginas, claro falando se fosse desenvolver um site completo. Para centralizar esse container eu usaria:
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50% );
}
top de mais cada elementos pular uma linha deixou bem legal o codigo mais facil de praticar junto com vc !
E como eu faço nesse mesmo layout um login
Ameii o vídeo, me ajudou MUITOO!!! Parabéns e mt obrigada
Valeuuu, que bom que gostou ❤️
Parabéns, você é muito boa ensinando!
Continue!
Valeuu, que bom que gostou 😊
O projeto ficou incrível, parabéns!
Poderia me dizer que tema é esse que você usa no VSCODE? Achei muito lindo!
Muito obrigada 😊, o tema é Ballerini Theme
@@larissakich Obrigado! 🤗
Parabéns , ótima explicação . Ganhou mais um inscrito .
Muito obrigadaaa ☺️
Não consigo meter a imagem 😢
Really, i am the best learn
Ajudou demais!!!
EI Larissa mt obg por ter feito a criação deste design, meus parabéns, espero que você continue um bom trabalho 😁, através desse mesmo design fiz umas modificações e ficou interessante
Great video ...❤️.really I'm happy about it
Thank you, I really appreciate it ❤️
Uma ideia de vídeo: Ensinando a fazer um organizador/gerenciador de tarefas
Muito obrigada pela ideia, assim que der vou trazer um vídeo assim 😊
O meu deu errado...aff...apaguei tudo e desliguei o pc. Vou é tomar banho...vou começar a ver aulas de html, css, js
Acontece skkskd conseguiu fazer?
só o flash para acompanhar!
Oi, Lari. Tudo bem? Me tira uma dúvida: Onde você comprou essa versão do seu windows 11? rs
Oii, veio com o notebook
Muito bom obg ajudou muito
Consegui na terceira vez que revisei para achar os erros...
parabens pelo video, só uma pergunta, caso eu queira adicionar um footer no rodapé da página e deixar fixo como eu faço nesse caso de site formulario??
Oii, você pode adicionar um footer abaixo do form e colocar um position: fixed, mas você precisaria alterar algumas outras coisas também, seria um pouco complexo explicar por aqui.
Obrigado, massa demais
Incrível como sua explicação o flexbox, pela primeira vez, fez sentido pra mim, dei até aquele sorrisinho de idiota: "aaah então é assim que usa". Eu sempre quebro a cabeça em como usar o flexbox.
obrigadaa
poderia passar o conteúdo mais devagar e explicando melhor o que são cada tag, pfvr?
Claroo, posso sim, vou tentar fazer isso nos próximos vídeos
Tu manja muito
muito obrigado, me ajudou muito ! Por favor não pare com o seu conteúdo.Continue que precisamos de mais vídeos assim! trabalho incrivel.
Oi! Tudo bem ?? Tentei fazer dos mesmo jeito esse formulário, mas uma coisa eu tô preso e não consigo entender. O conteúdo geral do formulário não fica centralizado pra pra mim. Revisei o código milhares de vezes e ainda tô sem tô tendo problemas..
Perfeito ❤
como eu faria para deixar os os inputs do radio um embaixo do outro, ficando dois de um lado (um embaixo do outro) e dois do outro lado (também um embaixo do outro) ???
Você pode colocar uma div para separar cada um desses grupos (uma div com dois dentro e outra com mais dois) e na div que fica envolta de todos colocar um display: flex.
Ótima aula, só esta um pouco acelerado, acho que é pq sou iniciante. obrigado pela aula.
Oii, vou tentar fazer mais devagar nas próximas aulas ❤️
Bom dia! Parabéns, mais um inscrito, excelente aula, tive que baixar velocidade do vídeo para acompanhar, gostaria de saber quais "extensões" vc usa o meu não funcionou 100%. Obrigado!
Excellent video
Achei bem legal!
Que Tutorial maravilhoso, parabéns !!👋
Muito obrigadaaa, que bom que gostou ❤️❤️
eu todo feliz aqui tentando copiar a pagina antiga do facebook pra praticar, aí eu pensei "po, vou ver como funcionar a parte de cadastro", simplesmente entrei em choque KKKKKKKKKKK
obrigado por compartilhar vosso conhecimento conosco, tenho umas tabelas em Word, seria possível fazer seu preenchimento via Html.
terminei bem bacana e pra coloca mobile? tipo de 5 a 7 polegadas depois tablet 9 pra cima? pois fiz o teste no celular não pega tela toda, responsivo só na janela do navegador do pc e tal, não é desmerecer,
exemplo a tela do celular pegaria de fato da mesma forma da tela reduzida do pc! mas obrigado de coração to aprendendo contigo só é um feedback vai que tu faz um proximo video dica o firefox pra desenvolvedor tem area de mobiles lá! foi por lá que fiz teste vai deixei o like e me inscrevi tem linkedin? trocamos figurinhas certeza daria um video bacana!
Obrigado pelas dicas de responsividade, ajudou de mais, seguindo agora!! Show o video!
Ótimo vídeo!
Top demais...
muito top. Formulário profissional em poucos minutos e bem explicativo
Adorei sua didatica, muito incrivel, alias pessoal, alguem sabe qual esse theme do VS dela?
Top! Muito obrigada pelo vídeo.
Muito obrigadaaa, que bom que gostou 😊🥰
Nossa....., muito melhor ver os vídeos sem ver a pessoa. Que voz gostosa de ouvir 😅😅😅