Super FORMULÁRIO com HTML e CSS

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • Olá pessoal, no vídeo de hoje vocês vão aprender como criar um super formulário, moderno, simples e muito usual.
    Utilizando HTML e CSS 😃
    Repositório GitHub: github.com/Gut...
    Nosso curso de HTML e CSS: neitzkeacademy...
    Gostou desse vídeo ? Então acesse: ua-cam.com/users/gus...
    ✅ SOBRE O CANAL:
    Esse canal foi criado com o objetivo de compartilhar conteúdos sobre tecnologia, programação, viagens, marketing digital e diversas experiências.
    🔴 REDES SOCIAIS:
    Instagram: @gutoneitzke
    Facebook: Gustavo Neitzke
    📍 Playlists do canal:
    Curso de Algoritmos e Lógica de programação com JavaScript: • Algoritmos e Lógica de...
    Curso de Laravel 8: • Curso de Laravel 8
    Curso de PHP: • Curso de PHP7 do iníci...
    Curso Banco De Dados: • Curso Banco de Dados 2020
    Assunto de programador: • Assunto de programador
    Curso de JavaScript: • JavaScript básico
    Vlogs: • Vlogs
    ✔️ CONTATO: contato.gutoneitzke@gmail.com
    #GustavoNeitzke

КОМЕНТАРІ • 54

  • @VitorFerreiraGuima
    @VitorFerreiraGuima 7 місяців тому +2

    Eu gostaria MUITO que você fizesse uma aula pratica assim com GRID de css! Muuuito obrigado desde já !

  • @cmbandoli
    @cmbandoli Рік тому +2

    Parabéns!! A sua didática é incrível. Foi o melhor vídeo prático de html e css que eu já ví, e olha que tem meses que eu vejo todos que aparecem.... Vou passar para meu filho pois ele estava desanimado de aprender (fez um curso com uma didática muito teorica)... com esse vídeo, tenho certeza que ele anima!!

  • @GabrielSilveira-mh4ey
    @GabrielSilveira-mh4ey Рік тому +1

    Valeu pelo vídeo e parabéns pela explicação, muito didática! No meu caso a única alteração que precisei fazer foi na altura do body, pois não mostrava o formulário completo. Deixei para telas maiores um height: 115vh; e para dispositivos menores um heigth: 135vh; Quando fiz isso mostrou o formulário completo.

  • @topnaweb
    @topnaweb 3 місяці тому

    Alto nível a aula, parabéns por compartilhar conteúdo, assim bem explicado não tem como não aprender, só um detalhe que passou batido, o usuário esta podendo mudar o tamanho da textarea, então no html eu usei o style="resize: none;" ai fica fixo o tamanho dela.

  • @IsaacNewton466
    @IsaacNewton466 7 місяців тому +1

    Video muito bom mano, sei que ja fez 1 ano desse video-aula, mas quando eu assisti isso me ajudou muito a fazer formulários muito bons vlw mano tmj 💪😎

  • @josaelfernandes113
    @josaelfernandes113 Рік тому +1

    Legal faltou ensinar a colocação do fogo ao lado do cabeçalho.Obrigado!

  • @thiagovilela2419
    @thiagovilela2419 Рік тому +1

    Tentei fazer um projeto sozinho de formulário sem flexbox, talvez até seja possível mas eu me embolei muito e percebi com esse projeto o quão importante é aprender isso, obrigado por me mostrar um pouco dessa aplicação para mim, ainda estou aprendendo a fazer pequenos projetos e esse vídeo foi super interessante! like + inscrição

  • @mayconrocha8723
    @mayconrocha8723 Рік тому +2

    Show demais Gustavo.
    Parabéns pelo excelente conteúdo e didática. 🚀

  • @camillypinheiro
    @camillypinheiro Рік тому +1

    Ótimo vídeo, no meu caso eu tiver que ajudar o height do .body de 100vh para 150vh, pois o espaçamento das caixas de texto com o (Gap: 1 rem;) não estava mostrando o formulário completo.S2

  • @nerineitzke
    @nerineitzke 2 роки тому +2

    Show de bola

  • @marcelosilvadarocha4597
    @marcelosilvadarocha4597 3 місяці тому

    Gustavo, parabéns por mais essa aula. tem como realizar uma aula integrando três formulários: FP > próximo > F01 >próximo> F02 > enviar. os dados sendo armazenados para um banco de dados?

  • @haydukieder
    @haydukieder 2 роки тому +2

    vou deixar meu like... gostei demais das explicações detalhadas sobre cada uma das propriedades css que voce colocou no css. Apesar de eu dominar os conceitos de folha de estilo, eu aprendi com voce nesse projeto. eu vim para cá por causa da parte de js. E vou fazer o projeto completo. vou deixar meu like por causa da sua didática. vou postar um vídeo no insta com esse projeto e vou mencionar seu canal. se voce tiver insta eu também te marco la para mostrar.

  • @VitorFerreiraGuima
    @VitorFerreiraGuima 7 місяців тому +1

    Cara muito bom mano!!! Ensina muito bem!

  • @edytricoloor
    @edytricoloor 2 роки тому +1

    ótimo formulário, live server é ótimo e só para ficar melhor ainda nas configurações do vscode é só ativar o auto save

  • @cristianpereira3259
    @cristianpereira3259 2 роки тому +1

    Parabéns pelo vídeo Gustavo. Tutoriais maravilhosos... Seria top se após finalizar o formulário, criar a parte do envio para o banco de dados com php.

  • @S_A_Tutoring
    @S_A_Tutoring Рік тому +1

    Mano seu conteúdo é muito bom. Parabéns

  • @DanielBarbosa-el9jb
    @DanielBarbosa-el9jb 2 місяці тому

    top demais 😎

  • @l2.marcelo
    @l2.marcelo 2 роки тому +1

    Gustavo parabéns

  • @lisianeneitzke6045
    @lisianeneitzke6045 2 роки тому +1

    Top demais 👏👏👏😍

  • @JoaoVitor-et3sg
    @JoaoVitor-et3sg Рік тому

    Valeuu salvou demais!

  • @rafaelg8238
    @rafaelg8238 2 роки тому +1

    Parabéns pelo vídeo. Didática ótima.. seria top se após finalizar o formulário, criar a parte do envio para o banco de dados com php.
    Sucesso.

    • @GustavoNeitzke
      @GustavoNeitzke  2 роки тому +1

      Falaaa Rafa! Tudo beleza ? Muito obrigado pelo comentário, já temos um vídeo abordando esse tema aqui no canal -> ua-cam.com/video/QOeDE7nPDq0/v-deo.html

  • @pam.possani
    @pam.possani Рік тому

    amei demais! Voce explica muito bem Gustavo!!!

  • @luanferreira5693
    @luanferreira5693 Рік тому

    muito obrigado por esse video mestre! muito bom para fixar conceitos na pratica. faz mas videos como esse ajuda muito

  • @ivoneideduarte7326
    @ivoneideduarte7326 Рік тому

    Conteúdo top, parabéns. Explica muito bem

  • @RenuevaTed
    @RenuevaTed Рік тому

    Conteúdo TOP✅ Parabéns!

  • @douglassilva-on8gx
    @douglassilva-on8gx Рік тому

    e ai blz faz mais videos desses de formularios comhtml e sua progamacao no java scripit se possivel

  • @ASPPIBRA-DAO
    @ASPPIBRA-DAO 2 роки тому +1

    Vamos deixar o like 100%

  • @rafaelomine1486
    @rafaelomine1486 2 роки тому +1

    Thank You!

  • @lucasgustavo619
    @lucasgustavo619 Рік тому

    Mano, valeu!!! Ajudou muito!!!

  • @GustavoLima-vm3nw
    @GustavoLima-vm3nw 2 роки тому +2

    Consigo uma vaga de Front end, com Css, html e javascript??
    Como júnior

    • @_cefa
      @_cefa 2 роки тому +1

      Olá, bom dia Gustavo!! Consegue sim, existem empresas com stacks específicas e geralmente sempre tem um JR com esses conhecimentos, pra iniciar e conseguir um trabalho é uma ótima iniciativa.

    • @GustavoLima-vm3nw
      @GustavoLima-vm3nw 2 роки тому

      @@_cefa Obrigado, pele informação

    • @GustavoNeitzke
      @GustavoNeitzke  2 роки тому +2

      Com certeza amigão!! Sabendo essa tríade já é um grande passo para iniciar como Júnior

    • @GustavoLima-vm3nw
      @GustavoLima-vm3nw 2 роки тому

      @@GustavoNeitzke 🤩🤩🤩

  • @jvj27
    @jvj27 Рік тому

    Ola,estou executando seu código e não consigo colocar a borda de fora de cor roxo,me ajude!

  • @carlosleandro3929
    @carlosleandro3929 Рік тому

    Alguem daqui sabe como eu armazeno os dados do formulário numa planilha Excel?

  • @rick_sd_lima6765
    @rick_sd_lima6765 Рік тому

    Gustavo me ajuda plmdds kkk, Mano na parte do css, lá no início do body, coloquei igual a vc display flex, só que fica todo bugado, só fica melhor quando eu tiro isso, mas ainda continua estranho... Eu fiz oq errado????

  • @user-lt2hd8jb9p
    @user-lt2hd8jb9p 2 роки тому +2

    Um pergunta que não tem haver com o seu vídeo. Esse comando header('Location:nome_arquivo.php'); só funciona na minha maquina quando vou hospedar em um site sempre aparece um erro nessa linha, você sabe outro comando parecido?

    • @_cefa
      @_cefa 2 роки тому

      Qual o erro que aparece? Lembrando que o header só vai funcionar caso nenhum dado tenha sido exibido ainda.

    • @user-lt2hd8jb9p
      @user-lt2hd8jb9p 2 роки тому

      @@_cefa Cannot modify header information - headers already sent by (output started at /storage/ssd1/977/19347977/public_html/testLogin.php:10) in /storage/ssd1/977/19347977/public_html/testLogin.php on line 29

    • @user-lt2hd8jb9p
      @user-lt2hd8jb9p 2 роки тому

      line 29 é exatamente a linha que a pessoa pode acessar a pagina depois que verificou que ela tem um login no banco de dados, o problema que ele não é direcionado para pagina e da esse erro. Mas sem problemas eu estou de feria da facu, quando começar as aulas eu pergunto para professor.

    • @user-lt2hd8jb9p
      @user-lt2hd8jb9p 2 роки тому +1

      consegui!!! estava dando erro pq eu estava dando o print_r para mostra as informações que já foram enviadas, no localhost funciona, mas quando você hospeda da erro

    • @_cefa
      @_cefa 2 роки тому +1

      @@user-lt2hd8jb9p Isso, isso ai mesmo.. o erro ocorre pq você estava tentando enviar informação já depois do header ter sido enviado. tmj

  • @dihcavallcantegame
    @dihcavallcantegame Рік тому

    Gustavo blz, meu display flex não está funcionando corretamente, a parte que está escrito formulário com o fogo fica dos lados e não na parte de cima, pode ser porque eu uso notebook e a margem é menor ??

    • @dihcavallcantegame
      @dihcavallcantegame Рік тому

      Acabei encontrando o erro rsrs

    • @dihcavallcantegame
      @dihcavallcantegame Рік тому

      Mais você é fera demais com a didática da programação, é algo mais atual do que a galera da antiga, assim consegue-se aprender melhor.

  • @GabrielPoukas
    @GabrielPoukas Рік тому

    pessoal, tenho uma duvida, gostaria de deixar sempre o footer no rodapé da página, como eu faço isso? com Css mesmo \o. obrigado

    • @jonassouza5127
      @jonassouza5127 Рік тому +2

      Eu acho que para isso você precisa usar a position. Ou sticky, ou fixed. Já tentou alguma delas?

  • @claudiasouza8359
    @claudiasouza8359 2 роки тому

    how did you do that ?

  • @jb222140
    @jb222140 2 роки тому

    I actually tried to play around on my own before watcNice tutorialng tNice tutorials and finally knowing what many of the buttons I randomly clicked on an is

  • @yesoulsir
    @yesoulsir 7 місяців тому

    Te mandei um email para seu contato.

  • @deviegocode
    @deviegocode 2 роки тому

    muito massa!! vou implementar logo logo. Gostaria de trocar ideia com você, passa Discord??