HTML e CSS - Formulário Responsivo [Flexbox]

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 85

  • @marcossantos8936
    @marcossantos8936 หลายเดือนก่อน +1

    Excelente! Parabéns pelo conteúdo, pela clareza da explicação e pela limpeza do código com comentários, principalmente no CSS. Sou desenvolvedor das antigas e tem hora que me enrolo com duas coisas: CSS, que para analisarmos código de outra pessoa é complicado, uma verdadeira sopa de letrinhas. CSS ajuda muito, mas se não tiver organizado é bem chato de entender código alheio... A segunda são as expressões regulares, basta um caracter errado para dar muita dor de cabeça. Usei este seu form como modelo, pois fiquei bastante decepcionado com o Google Forms conectado à uma planilha Google Sheets e Apps Script. Teste básico de duplicidade de chave no Google Forms não é implementado pelo Google nativamente. Agora estou usando meu próprio form e vou integrá-lo ao Google Sheets. Obrigado!

  • @almirsilva838
    @almirsilva838 ปีที่แล้ว +2

    Parabéns! Muito boa esta apresentação!

  • @biancasouza_mg
    @biancasouza_mg ปีที่แล้ว +1

    Melhor conteúdo de formulário que vi até agora nesse youtube 😍👏👏

  • @fabinhotaipascs
    @fabinhotaipascs 2 ปีที่แล้ว +1

    Que didatica, muito melhor que cursos pagos por ai, ensinou rapido, sem enrolacao, e muito facil de aprender.

  • @danieljunior4329
    @danieljunior4329 ปีที่แล้ว

    Só uma dica, não deixa a música de fundo muito alta, assistindo com o fone de ouvido, tira muito a atenção. Só não posso deixar de parabenizar por toda a sua didática enrriquecida de detalhes, muito bom.

  • @jeffersonallan6450
    @jeffersonallan6450 2 ปีที่แล้ว +1

    Antes eu estudava apenas repetindo códigos dos vídeos, agora eu entendo para que cada um serve, obg.

  • @developerlage
    @developerlage 2 ปีที่แล้ว +1

    Gostei da maneira do vídeo onde para e explica o significado a forma de uso possível de cada coisa, top !

  • @fernandoneto6514
    @fernandoneto6514 2 ปีที่แล้ว +1

    bem didático

  • @leonardosoares1437
    @leonardosoares1437 3 ปีที่แล้ว +1

    Simplesmente. Show!

  • @fagnercardoso1101
    @fagnercardoso1101 2 ปีที่แล้ว +1

    Muito obrigado, estou iniciando programação, demorei umas três horas mas deu certo.. Consegui deixei o vídeo no slow kkkk msm assim foi foda...abraço

  • @marcotsf_13
    @marcotsf_13 2 ปีที่แล้ว +1

    Muito top. Obrigado pelo conteúdo.

  • @amigopython8254
    @amigopython8254 ปีที่แล้ว +1

    obrigado caiu como uma luva nos tempo de estudo que estou aqui vlw mesmo !

  • @alexandreisrael4262
    @alexandreisrael4262 ปีที่แล้ว +1

    Mano que aula é essa?
    Parabéns de verdade, você ensina cada etapa.
    faz mais cursos assim de html e css

    • @RodrigoMSproject
      @RodrigoMSproject  ปีที่แล้ว

      Obrigado, estou preparando mais vídeos, em breve estarei postando.

  • @robertoconrado9899
    @robertoconrado9899 2 ปีที่แล้ว +4

    top demais cara ... totalmente detalhado cada função ..... super recomendo . Nós ajude com mais videos assim

  • @sorthndelitowike1567
    @sorthndelitowike1567 3 ปีที่แล้ว +11

    Cara, você tem uma didática incrivel. Parabéns, Mano!

  • @simplyfitnessandhealth
    @simplyfitnessandhealth 2 ปีที่แล้ว +1

    Amazing way of teaching, keep it up.

  • @marlonmoraes856
    @marlonmoraes856 2 ปีที่แล้ว +1

    simplesmente incrível

  • @viniciuspreston3548
    @viniciuspreston3548 2 ปีที่แล้ว +1

    Ótima aula, o meu não ficou 100% igual, provavelmente me passei em alguma coisa, vou revisar o código com mais calma depois. Obrigado pelo conteúdo!

  • @oliveiradiego9511
    @oliveiradiego9511 ปีที่แล้ว +1

    Mano que aula show cara!!!
    Obrigado por contribuir com meu aprendizado !

  • @rotassulnordestefrios829
    @rotassulnordestefrios829 ปีที่แล้ว

    Parabéns jovem. Que bacana a didática e a explicação detalhada. Estou começando os conhecimentos e achei bacana. Gostaria de mas vídeos 😅😅

    • @RodrigoMSproject
      @RodrigoMSproject  ปีที่แล้ว +1

      Obrigado! Estou preparando novos vídeos, em breve estarei publicado.

  • @matheusfonseca8238
    @matheusfonseca8238 3 ปีที่แล้ว +2

    Bom dia amigo. Muito bom o teu vídeo e excelente a tua didática. Espero que não pare de postar vídeos assim, como esse. Sei que dá um trabalhão em fazer, mas tu ta ajudando muitas pessoas a aprender.

  • @ericksoncruz7564
    @ericksoncruz7564 2 ปีที่แล้ว +1

    Sem palavras… Excelente… crie mais vídeos como esse…parabéns

  • @eubrunomarcel
    @eubrunomarcel 2 ปีที่แล้ว +1

    nunca vi uma aula tão didática!!!! parabéns!!!!!

  • @be_o_baiano
    @be_o_baiano ปีที่แล้ว +1

    parabéns pelo video, você é foda

  • @robsonnascimento2012
    @robsonnascimento2012 3 ปีที่แล้ว +1

    que satisfação ver seus videos... parabéns Rodrigo vc é o cara

  • @NERDboy
    @NERDboy 3 ปีที่แล้ว +1

    manooooooooo do céu que trampo bem feito............ didática absurda de boa..... com tutorial assim fica impossível de se não aprender.......
    parabéns pelo ótimo conteúdo, e obrigado por compartilhar conhecimento

  • @igorkaue7925
    @igorkaue7925 2 ปีที่แล้ว +1

    Vendo os comentários aqui sobre a didática e tenho que admitir a tua didática é muito foda, parabéns pelo o trabalho espero que faça mais vídeos assim pra ajudar a gente que está começando

    • @RodrigoMSproject
      @RodrigoMSproject  2 ปีที่แล้ว

      Obrigado, em breve estarei colocando novos videos.

  • @DavidAlmeida-cl8yw
    @DavidAlmeida-cl8yw 2 ปีที่แล้ว +1

    Parabéns pela aula bem detalhada fiquei impressionado com a didática do ensino pude ter melhor compreensão show

  •  3 ปีที่แล้ว +1

    Trabalho impecável!
    Em 25 minutos de vídeo eu aprendi mais coisas que em um curso completo aí que eu fiz! Parabéns ! E obrigado!

  • @brunosousa8074
    @brunosousa8074 2 ปีที่แล้ว +1

    Vídeo sensacional, excelente didática.

  • @natanrocha6498
    @natanrocha6498 2 ปีที่แล้ว +1

    Putsss mano, trabalho top demais, gostei demais da sua didática, parabéns!

  • @MCAES01
    @MCAES01 3 ปีที่แล้ว +1

    Mano do céu! Sua aula ficou topzeeeera

  • @gilderlanlima5715
    @gilderlanlima5715 3 ปีที่แล้ว +3

    Cara! parabens pela aula. Incrivel mesmo, você deixou muito mais facil e bem explicativo sem deixar a aula maçante.

  • @elsantos6340
    @elsantos6340 3 ปีที่แล้ว +3

    Ficou muito fácil de entender parabéns....

  • @MatheusSilva-qm3ph
    @MatheusSilva-qm3ph 2 ปีที่แล้ว +1

    Ficou muito bom!

  • @vivianezzt
    @vivianezzt 3 ปีที่แล้ว +1

    Que didática sensacional!!!!!!!!!

  • @cleytonmatos1116
    @cleytonmatos1116 3 ปีที่แล้ว +1

    Finalmente achei um belo professor, assim dá para aprender muito 👍🏽🙏 obrigado

  • @bbarreto18
    @bbarreto18 3 ปีที่แล้ว +4

    Caraca... que trabalho incrível! Merece total reconhecimento.

  • @heckelcunha
    @heckelcunha 3 ปีที่แล้ว +1

    Excelente conteúdo! Parabéns!

  • @ilmarladeira3563
    @ilmarladeira3563 3 ปีที่แล้ว +1

    Parabéns pela didática ..
    Muito bom !!

  • @dayanadutra7399
    @dayanadutra7399 3 ปีที่แล้ว +1

    Boa explicação. Parabéns!

  • @SamuelSilva-jl7fu
    @SamuelSilva-jl7fu 3 ปีที่แล้ว +3

    Excelente conteúdo! Didática incrivel!

  • @daviaug1228
    @daviaug1228 ปีที่แล้ว

    Que homem íncrivel!

  • @studyeveryday5306
    @studyeveryday5306 2 ปีที่แล้ว +1

    Video perfeito parabens👏 e obrigado 👍

  • @MarcosViniciusMontezi
    @MarcosViniciusMontezi 3 ปีที่แล้ว +1

    Show de explicação... ganhou um inscrito. Continue assim !!! Sucesso.

  • @vandersonbatista7509
    @vandersonbatista7509 3 ปีที่แล้ว +1

    Muito bom, parabens pelo trabalho! ficou top.

  • @alan_fs93
    @alan_fs93 3 ปีที่แล้ว +1

    manda tu manda mt bem cara show

  • @bigfoxsouza
    @bigfoxsouza ปีที่แล้ว

    Garoto, que lindo trabalho, chamo você de garoto porque eu tenho 7.2, e estou tentando aprender eu estudei cpds como nós denominávamos em 1973(Computadores). Na época era sonho e hoje é... é... não sei, talvez aprender até onde der. Obrigado.

    • @RodrigoMSproject
      @RodrigoMSproject  ปีที่แล้ว

      Obrigado!
      Conheci o computador aos 10 anos, tive o meu primeiro computador 12 anos depois quando comecei a trabalhar. Só tive oportunidade de aprender programação porque o Instituto Federal veio para minha cidade. E o que posso dizer é, continue, este é o nosso tempo. O momento é o agora. E se pensarmos bem o tempo existe apenas para o nosso corpo, nossas almas e mentes são alheios a ele. Enquanto nos mantermos curiosos e continuarmos em busca do conhecimento, seremos jovens para sempre. Ainda mais com a programação, que fortalecei ainda mais esta incrível máquina que é o cérebro humano.

  • @claudioperesmendes9646
    @claudioperesmendes9646 2 ปีที่แล้ว +1

    show de bola

  • @tatianepossidonio9913
    @tatianepossidonio9913 3 ปีที่แล้ว +1

    Impressionante sua didática mano! Parabéns e sucesso!

  • @walkerghost3547
    @walkerghost3547 3 ปีที่แล้ว +1

    Muito bem explicado e com uma ótima didática. Parabéns Rodrigo, + 1 inscrito para o seu canal aqui.

  • @ruanplima
    @ruanplima 3 ปีที่แล้ว +1

    ficou incrível, parabéns e muito obrigado!!

  • @jonathanramos74bN
    @jonathanramos74bN 2 ปีที่แล้ว +1

    Perfeito

  • @mathaussoliveira2241
    @mathaussoliveira2241 3 ปีที่แล้ว

    Top demais essa aula, ganhou mais um inscrito!

  • @humbertoluks
    @humbertoluks 10 หลายเดือนก่อน

    Opa amigo, que aula sensacional. Estou adaptando o seu código para incluir outros componentes como por exemplo um "select", mas encontro dificuldade em estabelecer tamanho e responsividade para esse tipo de tag, consegue passar um exemplo? Obrigado

  • @evanildoc39
    @evanildoc39 2 ปีที่แล้ว +1

    Muito bom...

  • @andrevictor7220
    @andrevictor7220 2 ปีที่แล้ว +1

    Muito bom

  • @andrevictor7220
    @andrevictor7220 2 ปีที่แล้ว +1

    perfeito

  • @albenyanacleto3202
    @albenyanacleto3202 3 ปีที่แล้ว +2

    Rodrigo, parabéns pelo trabalho e compartilhar tamanho conhecimento.
    você além das aulas aqui no youtube, disponibiliza algum curso?

    • @RodrigoMSproject
      @RodrigoMSproject  3 ปีที่แล้ว +2

      Obrigado, fico muito feliz. Por enquanto estou apenas com os vídeos no TH-cam.

    • @albenyanacleto3202
      @albenyanacleto3202 3 ปีที่แล้ว

      @@RodrigoMSproject caso for ministrar curso, me mantenha informado, aprendi muito com esses dois vídeos de html e CSS, queria continuar o aprendizado com essa sua didática.

    • @RodrigoMSproject
      @RodrigoMSproject  3 ปีที่แล้ว

      @@albenyanacleto3202 ok

  • @mayconrocha8723
    @mayconrocha8723 2 ปีที่แล้ว

    Que show

  • @RafaelWilha
    @RafaelWilha 3 ปีที่แล้ว +1

    valeu

  • @dudexff2383
    @dudexff2383 3 ปีที่แล้ว +1

    Pode explicar pq numerou com os números 2 , 4 e 5 no nth-child?

    • @RodrigoMSproject
      @RodrigoMSproject  3 ปีที่แล้ว

      Olá! A pseudo-classe :nth-child() seleciona elementos a partir da posições em um grupo de elementos irmãos. O elemento pai é a tag form e seus filhos são os elementos internos. Desta forma o 1º filho é o h1. A definição do seletor fieldset serve para identificar o grupo de elementos que se quer trabalhar.

  • @matheusasilva1170
    @matheusasilva1170 2 ปีที่แล้ว

    Muito bom, poderia por favor ensinar a salvar em csv?
    obrigado.

  • @brunojp3700
    @brunojp3700 3 ปีที่แล้ว +1

    muito boa a explicaçao , mas fiquei meio perdido no uso do fildeset:nth-child() quando cheguei nessa parte deu erro no codigo ja procurei alguem pode me ajudar , nao queria abandona o projeto

    • @RodrigoMSproject
      @RodrigoMSproject  3 ปีที่แล้ว +1

      Oi, pseudo-classe nth-child trabalha com agrupamentos. Desta forma o grupo é a tag form, numerando as tags internas começando por 1 que é a tag h1, depois com 2, o fieldset do nome e sobrenome, 3 o fieldset do e-mail e assim por diante.
      Caso não tenha descoberto o erro do código, deixei o código no GitHub github.com/RodrigoMS/account_form_HTML_CSS_responsive

  • @lucasmedeiros6407
    @lucasmedeiros6407 3 ปีที่แล้ว +2

    consegue disponibilizar o código ?

    • @RodrigoMSproject
      @RodrigoMSproject  3 ปีที่แล้ว

      URL: github.com/RodrigoMS/account_form_HTML_CSS_responsive

  • @instrutorJeanJorge
    @instrutorJeanJorge 2 ปีที่แล้ว

    Qual a extensão que você esta usando ?

    • @RodrigoMSproject
      @RodrigoMSproject  2 ปีที่แล้ว

      Ola, no vídeo utilizado o arquivo index.html e para a folha de estilo style.css.

  • @DPM-TI--MatheusAnalistadesiste
    @DPM-TI--MatheusAnalistadesiste 3 ปีที่แล้ว

    toppppppppppppppppppppppppppppppppppp

  • @junior1992a
    @junior1992a 3 ปีที่แล้ว

    Como vou me inscrever no canal se você NÃO disponibiliza o código fonte. rss

    • @RodrigoMSproject
      @RodrigoMSproject  3 ปีที่แล้ว +1

      Oi, que não seja por isso. URL: github.com/RodrigoMS/account_form_HTML_CSS_responsive

  • @guizu5555
    @guizu5555 ปีที่แล้ว

    é incrivel como eu to copiando oque tu ta mostrando e o meu fica diferente kkkkkkkkkk

  • @alinieeeee
    @alinieeeee 3 ปีที่แล้ว +1

    incrível! muito obrigada