Página de Cadastro com HTML/CSS

Поділитися
Вставка
  • Опубліковано 2 лис 2024

КОМЕНТАРІ • 240

  • @henrf123henrique3
    @henrf123henrique3 3 роки тому +123

    Essa menina vai longe e ainda vai nos levar junto.

  • @erikafreitas1544
    @erikafreitas1544 3 роки тому +32

    Necessária! Mulheres programando é tudooo😍

    • @chiquinho328
      @chiquinho328 3 роки тому +2

      Vocês merecem crescer de mais, e o puro egoísmo falar que vocês podem ou deixou de poder, vocês podem e devem fazer o que quiserem.

    • @opaulo_oficial
      @opaulo_oficial 3 роки тому +6

      @@chiquinho328 só faltou você pedir desculpa por ser homem

    • @d3r1v4n5
      @d3r1v4n5 3 роки тому +1

      @@chiquinho328 precisava fazer esse discurso?

    • @gustavobarreto3542
      @gustavobarreto3542 3 роки тому

      @@opaulo_oficial kkkkkkkkk pois é

  • @maykbrito
    @maykbrito 3 роки тому +17

    Já cheguei no like antes de assistir 🤩

  • @robsonnascimento2012
    @robsonnascimento2012 3 роки тому +29

    caracaaa aprendi em 28 minutos o que vi em 1 semestre da faculdade hahaha.... Obrigado pelo conteúdo

  • @felipess
    @felipess 3 роки тому +1

    NOSSA! te sigo no insta a tanto tempo e so fui ver seu youtube agora, vc e uma otima programadora front end, vc ainda tem muitas conquistas pela frente, vc vsi longe!

  • @rorosaria26
    @rorosaria26 3 роки тому +1

    seus tutoriais além de me salvarem me dão um gás, já que eu tava quase desistindo.

  • @motivacao-fire
    @motivacao-fire Рік тому

    Show de bola!
    Sei que o vídeo é um pouco antigo, mas da pra aprender muitas coisas com esse vídeo.

  • @feteixeiraz
    @feteixeiraz 3 роки тому +4

    Estou quase me formando em ADS, e até hoje CSS sempre foi meu pesadelo, já comprei vários cursos, fiz pelo UA-cam e nunca tinha conseguido entender de vdd. Até agora com seus vídeos e acompanhando no Instagram. Obg de vdd ♥️

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

    Eu amei, a maneira que você usa o css é o que o mercado de trabalho está procurando, obrigada pelo vídeo!!

  • @michelluculamuandango1663
    @michelluculamuandango1663 3 роки тому

    Girl Coding, acredito eu que és a formadora certo que eu tanto procurava. de informar que as tuas explicações é de fácil entendimento.

  • @marianasenciani6187
    @marianasenciani6187 3 роки тому

    Gostaria de te agradecer muito, estou começando a estudar web dev agora, e só tenho achado conteúdos incríveis por ai... Incluindo o seu. Meus parabéns!

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

    Muito show a sua aula mestra, bem explicado, e muito simples mesmo. Entrei aqui pra tirar uma dúvida e aprendi outras coisas meio que sem querer, vc ensina muito bem, parabéns 👏🏽👏🏽👏🏽.

  • @wellingtonsilva1681
    @wellingtonsilva1681 3 роки тому

    só de ver o resultado final da aplicação no começo do vídeo já percebi que o conteúdo e excelente, parabéns!

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

    Muito bom, não conhecia essa propriedade do clip-path, show de bola.

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

    Noss muito obg, amei sua aula. Ensina tudo ponto a ponto e deixa claro o objetivo e os passos que voce usa para chegar nele, desejo muito sucesso pra ti, a aula ta perfeita prof !

  • @a.oliveira4073
    @a.oliveira4073 3 роки тому +1

    Eu achei uma coisa interessante, eu estava vendo o vídeo e repetindo o código no meu computador. Só que sempre ficava diferente do seu, então resolvi ir no seu perfil gethub e copiar o mesmo código na minha pasta e o resultado foi que ficou diferente mesmo assim e tive que fazer pequenos ajustes até ficar igual. Com isso, percebo que quando se está fazendo o design de uma página deve-se atentar aos diferentes tipos de navegadores e aparelhos a fim de que todos que vejam a página consigam ter experiência minimamente iguais
    E, obrigado por compartilhar tanto conteúdo com a gente!😆👍

  • @pablocouto5689
    @pablocouto5689 3 роки тому +3

    oie , eu comecei a estudar programação recentemente e eu AMO os seus vídeos e o jeito como você explica , pode fazer mais vídeos educativos ? Eu terei orgulho de dizer que fui um dos seus seguidores quando você chegar longe : )

    • @giovanna.moeller
      @giovanna.moeller  3 роки тому

      Oii, claroo, eu vou levar esse canal muito adiante ainda!

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

    Que aula! Obrigado pelo seu tempo. Estou estudando para Front-end e seu canal tem me ajudado bastante! Faz mais vídeos com projetos reais de HTML, CSS e Javascript

  • @kenzomuramatsu7630
    @kenzomuramatsu7630 3 роки тому +1

    Ótimo! Tutorial ao mesmo tempo direto ao ponto e cuidadoso ao explicar cada detalhe para quem não esteja tão familiarizado com programação web! Estou ansioso por tutoriais de backend. Um abraço e muito sucesso ai!! 🚀🚀🚀🚀

    • @giovanna.moeller
      @giovanna.moeller  3 роки тому +2

      muito obrigada kenzo!!!! mas poxa, tutoriais de back-end aí você quer matar essa dev front aqui HAHAH! Mas quem sabe não vem algo do tipo, né? Muito obrigada pelo carinho de sempre!

    • @kenzomuramatsu7630
      @kenzomuramatsu7630 3 роки тому

      @@giovanna.moeller kkkkkkkk esse sou eu no front end, mas nao tem jeito, vou ter que virar fullstack (nem que seja fullstackoverflow kk). Continue com esse trabalho excelente, tmj!

  • @karinaramos934
    @karinaramos934 3 роки тому +1

    Me identifiquei demais com front-end e um dos motivos foi você, obrigada!!!

  • @larissamendes8026
    @larissamendes8026 3 роки тому

    Já te amo antes de te conhecer 💖🤣 muito simpática e sua didática e MARA! Não para, sério 💜💜💜💜💜

  • @paulohenriquekolb8349
    @paulohenriquekolb8349 3 роки тому

    Linda , sotaque legal de escutar, vc me ajuda muito a estudar!

  • @gabrielbraga5122
    @gabrielbraga5122 3 роки тому

    O resultado ficou muito lindo e a explicação ficou muito boa. Parabéns pelo trabalho e obrigado pelo conteúdo

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

    Incrível, apliquei aqui e amei o resultado. Mesmo que com algumas dificuldades, mas consegui resolver mínimos problemas e fico feliz.

  • @Bernarditete
    @Bernarditete 3 роки тому

    Garota!!!!!! Tá muito bom!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! mano, eu to amando os teus videos!

  • @ericpaes1819
    @ericpaes1819 3 роки тому

    Muito legal seu conteúdo, estou fazendo o curso do Curso em Vídeo de HTML e CSS e estava buscando algo assim pra ir exercitando. Me ajudou demais no seu vídeo sobre Position e nesse também vou seguir pra praticar. Tu explica muito bem! Mais um inscrito!

  • @jaciararodrigues3574
    @jaciararodrigues3574 3 роки тому +3

    Muito obrigada pela aula! Aprendi bastante e consegui aplicar as técnicas no meu projeto pessoal

  • @beatrizrodrigues9070
    @beatrizrodrigues9070 3 роки тому

    Acabei de fazer e adorei o resultado, sua didática é ótima! Obrigada

  • @iagobelmonte4213
    @iagobelmonte4213 10 місяців тому

    Ótima explicação Parabéns ! Super Contribuiu com minha caminhada rs valeu

  • @BrunoAlves-vl2uc
    @BrunoAlves-vl2uc 3 роки тому

    Olá! Muito obrigado pelo conteúdo. Você é muito carismática e também ensina bem demaisss!
    Continue com os vídeos, está ajudando muita gente, Abraço!

  • @rait2007
    @rait2007 3 роки тому +1

    Ótima explicação, está super fácil absorver o conhecimento. Parabéns pelo trabalho

  • @pabloluiz6168
    @pabloluiz6168 3 роки тому +1

    Parabéns pelo conteúdo! Iniciei os estudos no frontend e já te tenho como referência! Muito maravilhosa 🥰

  • @hvnndr5001
    @hvnndr5001 3 роки тому +1

    Esses teus layouts são muito bons. Parabéns. Amo esses tons roxinhos haha

  • @alexandroabade
    @alexandroabade 3 роки тому +5

    *Meus parabéns* - Essa super aula foi incrível e a sua didática ainda melhor. _Gostei_ de mais de todo o conteúdo compartilhado aqui no seu canal que ficou super sensacional. :clap

  • @joaoxavier7742
    @joaoxavier7742 3 роки тому

    Nooosa que legal to começando Html5 e css agora. Fiquei impressionado !

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

    gostei da propriedade clip path, parabéns pela aula

  • @luccaleonardo1468
    @luccaleonardo1468 3 роки тому +2

    Incrível, mal posso esperar pela 2 parte!

  • @victorlieuthier8643
    @victorlieuthier8643 3 роки тому

    pô, parabéns! explica muito bem, maratonando seus vídeos hoje, hehehe s2

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

    Tô viciado no seu canal!

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

    Que projeto iradoo! Obrigada por compartilhar seus conhecimentos!

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

    Muito aprendizado aqui! Show

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

    Didática incrível

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

    Ficou fera 🖥️♥️

  • @biancolorencini4360
    @biancolorencini4360 3 роки тому

    Me tirar uma dúvida por favor porque as vezes há um espaço entre o main e a classe e outras não...
    EX:
    main.social-media {
    display: flex;
    align-content: center;
    }
    main .social-media a {
    text-decoration: none;
    }
    Seu conteúdo é MUITO bom, sua didática é melhor ainda!

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

    Demorei mais achei vc explica super bem entendo de Primero

  • @pardo_gg
    @pardo_gg 3 роки тому

    Arrasou, sou apaixonado por designer e por programação, você conseguiu unir as duas coisas com muita maestria, parabéns, adorei, mais um inscrito!!
    obs: minha irmã também programa e manda muito bem também, me inspiro muito nela e em pessoas como você 💪

  • @PedroHenrique-ty7qn
    @PedroHenrique-ty7qn 3 роки тому

    Conteúdo top, só tenho 14 anos, e já estou tentando aprender a programar. Espero aprender coisas com você tbm assistindo e raciocinando seu conteúdo 👏🏻

  • @juliavitoriasantosalves4467
    @juliavitoriasantosalves4467 3 роки тому

    Patroa, cai de para paraquedas aqui.
    Busquei em seu canal algo sobre programação em PHP ou JavaScript. Não encontrei.
    Acho que seria bacana se você tivesse, o canal ficaria mais completo.
    Só uma sugestão amigável.
    Você é ótima.

    • @giovanna.moeller
      @giovanna.moeller  3 роки тому

      Oii, obrigada! Eu vou trazer conteúdos sobre JS em breve, eu sou dev front-end, não uso PHP hahahah

  • @thisanx
    @thisanx 3 роки тому

    Se não me engano, Alt+Z dá quebra de linha automática. Tipo, a linha que geraria uma barra de rolagem horizontal passa direto pra baixo.
    Fica a dica pra quem não sabe. Isso me ajuda bastante

  • @TheBurgerio
    @TheBurgerio 3 роки тому +1

    Muito bom parabéns ....to aprendendo e fiz tudo passo a passo e deu certinho :)

  • @YuriMedeirosFilmes
    @YuriMedeirosFilmes 3 роки тому +2

    Que conteúdo, Parabéns mais uma Vez!

  • @bl1tz_x
    @bl1tz_x 3 роки тому

    Deusa demaisssssss 👏🏻👏🏻🥰

  • @jonmelo8820
    @jonmelo8820 3 роки тому

    tu é fera demais Girl!

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

    Parabéns , explica de mais , show mesmo 👍

  • @anacarolinascedro3529
    @anacarolinascedro3529 3 роки тому

    MUITO BOM MDS !! trás mais conteúdos assim gio

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

    Uma dica! No VScode quando se grifa a palavra e aperta ctrl + d, você seleciona o resto das palavras iguais!

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

    Show Muito bom !!! Excelente video me ajudou muito . obrigado ganhou mais um like e um inscrito

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

    Como faço pro layout ficar acessivel?

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

    Amei a aula!!

  • @bonekazz-8441
    @bonekazz-8441 2 роки тому

    mt foda seus videos, sao cheios de conteudo

  • @Lucas-pk8tw
    @Lucas-pk8tw 3 роки тому

    Ensina bem demais, só sucesso ai pra você!

  • @DemitidoCANALPARADO
    @DemitidoCANALPARADO 3 роки тому

    Agora sim rs, tudo certim. Vídeo incrível!

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

    Gostei de mais, poderia indicar algum curso ?
    Valeuuu

  • @guilhermebarros748
    @guilhermebarros748 3 роки тому

    Meu orgulho😍😍😍

  • @AguiarDev91
    @AguiarDev91 3 роки тому

    Parabéns pelo vídeo! Ficou bem estiloso o login.

  • @georgeoliver5773
    @georgeoliver5773 3 роки тому

    Gosto da forma como vc ensina, grava mais videos

  • @eb-smith930
    @eb-smith930 2 роки тому

    uma dica construtiva, usando as medidas vh,vw você pode ensinar e da certo mas existe telas com larguras e alturas diferente e talvez nao funcione pra quem esta fazendo ou aprendendo, mas usa mais o px pra essas pessoas.

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

    Gostei muito do conteúdo do seu video, estou aprendendo a programar, estou focado no básico e ir avançando aos poucos.
    DICAS/SUGESTÕES:
    Organize seus videos, cada projeto que fizer em uma playlist específica, assim quem te acompanhar vai conseguir ter acesso a todo conteúdo (começo, meio, e final de cada projeto)
    Outra dica é, colocar a sequência de cada vídeo Exemplo: vídeo tal #1, vídeo tal #2, vídeo tal #3.......

  • @DiegoTeixeira-vg
    @DiegoTeixeira-vg 2 роки тому

    Parabéns, excelente vídeo!

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

    Moça, na parte desse círculo que fica no canto da tela, tem como fazer isso com uma imagem?

  • @renatovvjr1
    @renatovvjr1 3 роки тому

    Parabéns pelo excelente vídeo. Ótima explicação!!!

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

    ganhou mais uma inscrita, ameii e consegui fazer aq!!!

  • @antoniodesiigner6480
    @antoniodesiigner6480 3 роки тому +1

    Eu gostaria que lançasses o segundo vídeo usando responsividades.

  • @ricardosoares8345
    @ricardosoares8345 3 роки тому

    Estava dando tudo certo, só não consegui colocar o circulo no final, não aparece de jeito nenhum

  • @sergiopereiradias6563
    @sergiopereiradias6563 3 роки тому

    Parabéns ótima professora ganhou mais um escrito se puder faz um com mais input estou tentando fazer uma mas sou muito ruim gostei muito do seu vídeo bem explicado.

  • @johnnydeymisson1842
    @johnnydeymisson1842 3 роки тому

    Obrigado demais minha amiga, só não entendo como esse vídeo tem deslike haha! Obrigado pelo conteúdo ♥♥

  • @mozsound9538
    @mozsound9538 3 роки тому

    eu quero que isso esteja no meu blogger como faco,,,,
    clicando no entrar eu quero que, depois dessa pagina de login a pessoa seja colocado no meu blogger como eu chamo o meu blogger

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

    Como consigo fazer link de cadastro com o google? Não sei se precisa de alguma extensão ou banco de dados. Help alguém

  • @rslg9599
    @rslg9599 3 роки тому

    Otima aula eu gostaria de saber qual o programa ultilizado para programar do video

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

    Fiz a página quase toda, mas quando chegou nos falsos elementos não estou conseguindo colocar, aliás, coloquei o da esquerda, mas ele foi demais.

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

    Se eu quisesse criar uma classe para colocar as imagens das redes sociais pelo o css, seria uma boa tbm?

  • @fernandojsantos09
    @fernandojsantos09 3 роки тому

    Mandou bem demais, parabéns pelo vídeo.

  • @maira937ify
    @maira937ify 3 роки тому

    Nossa você incrível, obrigada pelos vídeos. 🥰👏

  • @YuriLim4
    @YuriLim4 3 роки тому

    Qual seria seu OS e qual programa e esse que você utiliza para codar?
    Obrigado e parabéns pelos vídeos! Não para nunca por favor !!!!

    • @giovanna.moeller
      @giovanna.moeller  3 роки тому

      Oii eu uso macOS no caso, mas tanto faz o OS que você utiliza!! O programa se chama Visual Studio Code!

  • @Magnus2347
    @Magnus2347 3 роки тому

    Ótimo vídeo, eu não conhecia a propriedade clip-path, parabéns mesmo

  • @Gabriel-ny2om
    @Gabriel-ny2om Рік тому

    pq eu tenho a impressao que o front end combina mais com mulher, elas tem mais sensibilidade com a perte visual. posso estar errado e na maioria das vezes estou

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

    Olá pessoal. alguem poderia me ajudar num código? eu gostaria de fazer aparecer na tela do canto uma imagem + audio quando o mouse passar umas 3 vezes por personagens diferentes de um projeto que to fazendo, como se fosse uma tela de seleçao de personagens. ai a cada 3 ou 4 vezes que o mouse passa pelos personagens essa imagem e audio aparecem.

  • @matheusgmezz1882
    @matheusgmezz1882 3 роки тому

    Nossa por causa dos seus vídeos tenho me interessado muito por programação kkkaskk que legal!

  • @thiagomartins8349
    @thiagomartins8349 3 роки тому

    Voce fez algum curso além dos conteudos gratuitos ? Se sim , onde?

  • @fabiomorais5495
    @fabiomorais5495 3 роки тому

    Queria saber onde conseguir essas imagens assim com esse tipo de boneco e tals rsrs.
    Ótima aula, parabéns, +1 inscrito, não para não.

  • @franciscoalexandrepaixaodo7929
    @franciscoalexandrepaixaodo7929 3 роки тому

    Muito bom o vídeo, bem explicado! Parabéns!!

  • @Everaldobass
    @Everaldobass 3 роки тому +1

    Parabéns, excelente conteúdo, simpática lina é inteligente..rsrsrs

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

    ótima explicação vídeo ficou no favoritos pra quando eu precisar, muito fofa e direta na forma de fazer, tenho 2 dúvidas e um desafio, a duvida 1:é tem diferença em questão de qualidade em usar padding em px,% e rem? a 2:quando vc criou o círculo será que daria para fazer a border radius bemmmmmm mas bemmmm exagerada num quadrado até ele se tornar tal? e o desafio é (esse ainda não encontrei aqui )traçar uma linha divisória do topo ao footer do site em forma de "s" e dividir os dois lados cada um de uma cor diferente, topa? rs .

  • @FenixPSDG
    @FenixPSDG 3 роки тому

    Qual a diferença de se usar uma classe no css assim -> "main .alternativa" ou assim ".alternativa"
    Quando eu uso com a main, eu não consigo colar margin-top, ele simplesmente ignora. É algum tipo de herança ?
    E bom vídeo, assisti uns vídeos de HTML/CSS só ensinava fazer páginas horrorosas ..

  • @robsonluiz6841
    @robsonluiz6841 3 роки тому

    Muito bom o video, e parabéns pela sua didática. Na parte 2 vc poderia trazer Javascript junto com Html e Css ?

    • @giovanna.moeller
      @giovanna.moeller  3 роки тому +1

      O que você sugere de JS pra isso?

    • @robsonluiz6841
      @robsonluiz6841 3 роки тому +3

      @@giovanna.moeller Acho que so o básico msm, para a gente ter uma noção de como fica JS junto com html, preenchendo a parte de cadastro e sendo direcionado para o inicio onde aparece nosso nome, e alguma foto, sla kkkk, tipo: "Bem vindo de volta Giovana"

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

    Como é o nome do estilo de texto que você está usando nesse video?

  • @fabriciooliveira6048
    @fabriciooliveira6048 3 роки тому

    Parabéns! Excelente conteúdo!

  • @giovanna21016
    @giovanna21016 3 роки тому

    Parabéns de vdd, aprendo mt contigo

  • @nicolasoliveira9917
    @nicolasoliveira9917 3 роки тому +2

    Boa tarde, tudo bem? Gostaria de tirar uma dúvida.
    No momento em que coloco as imagens elas ficam apenas como links, e não como imagens... sabe como posso resolver isso?

    • @cokis
      @cokis 3 роки тому

      O meu tbm está assim , baixei a imagem e coloquei exeplo imagem.png

    • @cokis
      @cokis 3 роки тому

      vc deve colocar a imagem na pasta que voce
      criou

    • @nicolasoliveira9917
      @nicolasoliveira9917 3 роки тому

      @@cokis sim, já havia feito isso. O que consegui fazer para arrumar, foi antes de colcar a imagem fazer o comando: img src="./". Quando colocado este "./" ele te dá a opção de abrir arquivos seus.

  • @raphhadeev
    @raphhadeev 3 роки тому

    Pelo amor de Deus, faz um vídeo de como voce configurou o VSCode pra escrever tão bem.. Preciso disso!! Faz, faz, faz.....