Projeto Prático de Programação |Criando uma Tela de Login | HTML + CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ค. 2024
  • Vou te ajudar com Programação: go.rodolfomori.com.br/aprenda...
    Na aula de hoje vamos com o processo de criação de uma elegante tela de login usando HTML e CSS.
    Se você está procurando uma maneira de aprimorar seu portfolio de desenvolvimento web, este é o lugar certo para começar.
    Aprenderemos juntos a construir cada elemento da tela de login, desde os campos de entrada até os botões de envio, tudo com HTML para estruturação e CSS para estilo.
    Você terá a chance de dominar técnicas essenciais de design responsivo, garantindo que sua tela de login seja funcional e visualmente atraente em dispositivos de diferentes tamanhos.
    Não importa se você é um iniciante absoluto ou um desenvolvedor experiente, esta aula fornecerá insights valiosos e dicas práticas para aprimorar suas habilidades de front-end.
    Vamos criar juntos uma tela de login que você poderá adicionar orgulhosamente ao seu portfolio e exibir suas habilidades para o mundo!
    Imagem do Projeto: picsum.photos/1600/900?random=1
    Link do curso de HTML:
    • Curso de HTML | Aprend...
    Link do curso de CSS:
    • CURSO DE CSS DO ZERO -...
    Link do curso de JavaScript:
    • Curso de JavaScript
    💰 - Quanto ganhei no meu primeiro emprego como programador júnior?
    • Quanto eu ganhava no m...
    🚀- Aprenda a fazer um formulário simples com HTML + CSS e monetize isso
    • APRENDA A FAZER UM FOR...
    Inscreva-se no Canal: bit.ly/3h1xtJ5
    ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
    Meus Links 👇👇
    🔥 Todos os meus Links: rodolfomori.com.br/links/
    🔴 Live toda Terça: go.rodolfomori.com.br/live-terca
    📸 Insta: @rodolfomorii / rodolfomorii
    🚀 Receba Dicas de Programação: go.rodolfomori.com.br/telegram
    ‎‍👥 Fale com nossa equipe: go.rodolfomori.com.br/suporte
    ‎‍🎓 Meu curso de Programação: rodolfomori.com.br/devclub
    📚 E-book gratuito - Aprenda Programação do ZERO: go.rodolfomori.com.br/ebook
    Criei este canal para ajudar você que quer sair do ZERO, iniciar sua jornada e se tornar um programador!
    Se já é um programador e quer evoluir na carreira de programação, também está no lugar certo, aqui você vai encontrar conteúdos relevantes que vão te ajudar!
    00:00 Introdução
    00:42 Tela de Login
    01:30 Iniciando a criação (HTML)
    12:05 Complementação (CSS)
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @canaldevclub
    @canaldevclub  29 วันที่ผ่านมา

    Vou te ajudar com Programação: go.rodolfomori.com.br/aprendacomigo

  • @franciscogoncalves3020
    @franciscogoncalves3020 3 วันที่ผ่านมา +1

    Que perfeito 👏🏿 sabe da aulas de mais

    • @canaldevclub
      @canaldevclub  3 วันที่ผ่านมา

      Muito obrigado!!

  • @andreaugusto2060
    @andreaugusto2060 14 วันที่ผ่านมา +1

    Projeto top e com muito aprendizado...Pode mandar mais...Valeu mesmo!

  • @stanleysantos871
    @stanleysantos871 4 หลายเดือนก่อน +14

    Continue trazendo esses projetos pra quem está começando é muito bom e não é muito difícil da para praticar e aprender de boas.

  • @MarceloGomes-hb4np
    @MarceloGomes-hb4np 4 ชั่วโมงที่ผ่านมา

    pela primeira vez que consegui concluir a tela muito obrigado....

  • @felipearaujo7036
    @felipearaujo7036 หลายเดือนก่อน +4

    O único capaz de me prender num vídeo por mais de meia hora.. muita qualidade nas suas aulas!

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

      Hahah, tmjj man

  • @MarceloGomes-hb4np
    @MarceloGomes-hb4np 4 ชั่วโมงที่ผ่านมา

    muito meu amigo

  • @zbx676
    @zbx676 หลายเดือนก่อน +3

    estou amando esse canal 😍 já é o terceiro projeto que estou fazendo através dele e pretendo fazer muitos outros, terá meus likes em todos os vídeos com toda certeza!!

    • @VS7.VS7
      @VS7.VS7 หลายเดือนก่อน

      Boa noite, o link que ele deixou das imagens vc conseguiu abrir de boa? para mim esta dando erro na pagina

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

      @@VS7.VS7 pra mim deu erro também, eu só coloquei landscape 1600x900 no google imagens e peguei uma qualquer

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

      @@zbx676 Ah blz, vou tentar aqui novamente, obrigado

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

      Fico feliz em saber. Tmjj

  • @BarbaCalva
    @BarbaCalva 4 หลายเดือนก่อน +5

    Passando aqui pra dar uma força, ainda não estou no nível do video

  • @joaoeduardo7523
    @joaoeduardo7523 4 หลายเดือนก่อน +3

    Vim pelo Instagram, ancioso para o evento 72hrs!!!

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

      Vai ser incrível!!

  • @alexsantanadorosario5280
    @alexsantanadorosario5280 3 หลายเดือนก่อน +2

    Ensinamento muito bom, na primeira tentativa bati cabeça, mais depois deu certo, acho que levo jeito pra essa área rs

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

    Excelente, muito bom, obrigado por compartilhar...,

  • @Pisaniplaying
    @Pisaniplaying 3 หลายเดือนก่อน +2

    Esses dias estava na dúvida em como fazer e logo veio esse vídeo! Obrigado Rodolfo

  • @josefranciscomoreiraneto4551
    @josefranciscomoreiraneto4551 4 หลายเดือนก่อน +6

    Dica: Em vez de digitar "HTML", também pode-se usar a exclamação "!" no lugar... 😁

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

    Obrigado pelas aulas, muito bom! Conteúdo de qualidade!

    • @canaldevclub
      @canaldevclub  4 หลายเดือนก่อน

      Obrigado!! Tmj

  • @rafaelsilvalimasilva5405
    @rafaelsilvalimasilva5405 4 หลายเดือนก่อน +2

    Muito bom , obrigado Rodolfo !

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

    Valeu pelas aulas que vc da

  • @klaygostoso9959
    @klaygostoso9959 2 หลายเดือนก่อน +2

    Aula ótima, sinto que aprendo mais por aqui doq na minha faculdade kkkkkkk

    • @canaldevclub
      @canaldevclub  2 หลายเดือนก่อน

      Ficamos felizes que gostou, tmjj

  • @canaldowilzinho7115
    @canaldowilzinho7115 25 วันที่ผ่านมา +1

    Top bro explicação fácil pra entender. Sem ficar enchendo linguiça.

  • @MrDan250
    @MrDan250 4 หลายเดือนก่อน +2

    Boraaa pra cimaaa

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

    Show de bola, valeu!!!

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

    Quero mais projetos assim é muito bom!

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

    adorei algumas coisas vai me ajuda mt em alguns projetos que to em mente kkk vlw msm

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

    Vim pelo Instagram, show de bola!!👏🏽

    • @canaldevclub
      @canaldevclub  4 หลายเดือนก่อน

      Seja bem-vindo!

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

    Top TOP

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

    Muito bom rodolfo

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

    Valeu!

  • @kelvin8548
    @kelvin8548 4 หลายเดือนก่อน +3

    🔥

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

    Estou estudando

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

      Boa, isso ai

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

    como coloca essas imagem ?? não estou conseguindo

    • @canaldevclub
      @canaldevclub  3 หลายเดือนก่อน

      source.unsplash.com/1600x900/?landscape

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

    faz projetos com react

  • @claudianaantunesdelima6892
    @claudianaantunesdelima6892 28 วันที่ผ่านมา

    olá Rodolfo , como sempre aula top demais, só não conseguir fazer o fundo mudando a imagem o link não funcionou. E sobre qual conteúdo vc poderia ensinar , um app mais complexo tipo esses de e-comerce, eu iria amar, usando typescript.

    • @canaldevclub
      @canaldevclub  28 วันที่ผ่านมา +1

      Show, anotado a idéia!

  • @alexsandroavelarsilva9819
    @alexsandroavelarsilva9819 26 วันที่ผ่านมา +1

    estou no começo ainda não estou trabalhando

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

    Será que tenho chance de aprender? Só tenho um curso de informática básica.

    • @canaldevclub
      @canaldevclub  3 หลายเดือนก่อน

      Com certeza. Aproveita e se inscreve no evento Programador em 72h
      rodolfomori.com.br/programador-em-72h-cv3/?DEV11&

  • @user-DEVCode
    @user-DEVCode 3 หลายเดือนก่อน +1

    Conseguir colocar mais não dessa forma que você ensina.

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

    Ótima aula, vou assistir mais vídeos seus, mas esse link ai do "source.unsplash" de ficar alternando imagens não está mais funcionando. Parei aqui, se puder dá uma força pra gente finalizar

    • @eliveltonrodrigues9940
      @eliveltonrodrigues9940 20 วันที่ผ่านมา +1

      Eu tbm. O link n fuciona

    • @canaldevclub
      @canaldevclub  18 วันที่ผ่านมา +1

      Atualizado!

    • @canaldevclub
      @canaldevclub  18 วันที่ผ่านมา +1

      Atualizado!

    • @cesarlacerda8512
      @cesarlacerda8512 18 วันที่ผ่านมา

      @@canaldevclub Vc atualizou, e eu resolvi abrir e termina-la hoje...coincidencia, deu certo Rodolfo, mandei msg no zap lá sobre uma duvida a respeito de realidade aumentada, qual tech usa?

    • @cesarlacerda8512
      @cesarlacerda8512 18 วันที่ผ่านมา

      @@canaldevclub Acabei de upar no github...ficou showww tou fazendo varias atividades do seu canal.

  • @user-DEVCode
    @user-DEVCode 3 หลายเดือนก่อน

    Não conseguir por a imagem da forma que você falo.

    • @canaldevclub
      @canaldevclub  3 หลายเดือนก่อน

      source.unsplash.com/1600x900/?landscape

  • @JonatasFernandesdeoliveira
    @JonatasFernandesdeoliveira 3 หลายเดือนก่อน

    cara cade o link da imagem de fundo ?

    • @canaldevclub
      @canaldevclub  3 หลายเดือนก่อน

      source.unsplash.com/1600x900/?landscape

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

    cade os links do video ?

    • @canaldevclub
      @canaldevclub  3 หลายเดือนก่อน

      source.unsplash.com/1600x900/?landscape

  • @victorruan3622
    @victorruan3622 3 หลายเดือนก่อน

    cadê o link do background ? as fotos aleatorias ?

    • @canaldevclub
      @canaldevclub  3 หลายเดือนก่อน

      source.unsplash.com/1600x900/?landscape

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

    Melancia 🍉 1234

  • @Pisaniplaying
    @Pisaniplaying 3 หลายเดือนก่อน

    Não consegui achar essa url , alguém teve esse problema ?

    • @canaldevclub
      @canaldevclub  3 หลายเดือนก่อน

      source.unsplash.com/1600x900/?landscape

    • @Pisaniplaying
      @Pisaniplaying 3 หลายเดือนก่อน

      Tentei hoje e deu certo, eu estava colocando essa url e aparecia como page not found, talvez tenha sido alguma indisponibilidade. Obrigado ! @@canaldevclub

  • @SilvanaLimartins
    @SilvanaLimartins 3 หลายเดือนก่อน

    cade os links do video ?

    • @canaldevclub
      @canaldevclub  3 หลายเดือนก่อน

      source.unsplash.com/1600x900/?landscape