TELA DE LOGIN COM TEMA DARK | HTML + CSS

O mundo do desenvolvimento web está sempre mudando e se adaptando com novos designs e regras de negócios. A bola da vez é os temas darks, que servem para poupar os olhos para aqueles que passam longas horas na frente do computador.

Para o desenvolvimento dessa página de login será utilizado apenas HTML e CSS, além disso usaremos uma imagem do site StorySet, essa imagem é um svg animado, que vai dar uma cara bem bonita para o site.

Além disso essa página de login com uma paleta de cores dark será totalmente responsiva, ou seja ela funciona em tablet, celular, e computador.

Iremos também usar o google fonts para baixarmos a font Noto Sans e utilizá-la no nosso projeto.

O dark design com animações é uma das principais tendências de design de 2021, vários sites estão se adaptando para isso.

[Markzuel]

Galera só uma correção rápida.
No minuto 8:34 está como:

100vw -> 1000px
1vh -> 10px

mas na verdade o correto é:

100vw -> 1000px
1vw -> 10px

vw como falei é viewport width e vh viewport height. Bom aprendizado a todos!

[hudsonmenezesdev]

Faça mais vídeos como esse por favor! Didática incrível, fácil entendimento e sem enrolação!

[maykdouglas]

meu deus que canal incrível!!!! Aulas perfeitas e objetivas, ótimo trabalho!! <3

[contra]

Estou vendo o seu vídeo em Junho de 2024, e a sua explicação é realmente muito boa, vc tem uma didática profissional, eu nunca tinha feito se quer uma única linha de código de qualquer coisa, em Maio de 2024, comecei o curso de HTML5 e CSS3 do professor @gustavoguanabara do @cursoemvideo, e o YouTube me sugeriu o conteúdo do seu canal, e foi uma grata surpresa, estou aprendendo com dois excelentes profissionais, como eu sou iniciante de tudo, eu achei o seu conteúdo 100%, mas ao mesmo tempo para o meu nível de conhecimento ele é muito avançado, demorei um dia inteiro para fazer o que você fez em 38 minutos. Novamente o seu conteúdo é excelente, por favor nos traga mais do seu talento.

[TheDededograu]

meu amigo que SURRA de intelecto que tu me deu nessa aula
sua voz calma ajuda DEMAIS na absorção do conteúdo.. que didática absurda

[evaldojr]

Caraca! Você ensina muito bem, voce tem futuro como professor aqui no youtube, muita gente busca tutorial explicativo e sem enrolação como esse vídeo!
Por favor continue postando mais temas como esse.

[newsuby]

Cara que conteúdo incrível, de verdade, acredito que até agora foi a aula mais clara de programação que eu vi na minha vida, uma didática sem igual, eu vi vários tutoriais, inclusive comprei cursos, mas nenhum deles teve essa clareza e simplicidade, obrigado por existir mano tmj. Continue postando mais vídeos.

[AliciaDiniz-iefn]

Cara! Venho estudando há um tempo, e você foi simplesmente o professor com a didática mais incrível que eu achei. Simples, explicativo, literalmente desenhando p aprendermos hahahah faça mais vídeos assim, você me ajudou muito!

[bygcruz]

Não pare meu mano, seu objetivo em ajudar pessoas esta sendo alcançado com sucesso, didática muito boa!

[leogama]

Amigo, muito bom!
Vc é muito didático, detalhista e paciente.
Trabalho EXCELENTE! Parabéns!

[itsdanyels]

Cara, estudo programação a muito tempo, fui entrar no desenvolvimento web agora vi muitos cursos e aulas mas você é diferenciado, que didática incrível, que conhecimento extraordinário que edição linda, você é sensacional!!! Já me inscrevi sou seu seu fã!

[erikad.miranda]

Não sei nem como agradecer todos vocês que tem conhecimento e vem dividir com a gente aqui no youtube! Didática perfeita! Já estou maratonando o canal e recomendando para meus amigos!!!!

[Yukioamvs]

Esse foi um dos melhores videos que já vi sobre HTML e CSS, didática PERFEITA principalmente pra quem ta começando (como eu).

[shockin]

Didática maravilhosa! Por favor produza mais conteúdos assim, ajuda muito nós que estamos iniciando e construindo portfolio! :)

[felipe.py]

A didática desse cara é maravilhosa. Sem dúvidas um dos melhores, se não o melhor, vídeo desse tipo de conteúdo que já ví.

[matheusmaciel]

pq vc parou de postar videos mano??? vc é muito bom explicando, parabens!!! se puder criar um curso do zero para iniciantes, seria muito bom, vc tem uma didatica incrivel!!

[cristianocastiel]

Melhor vídeo de responsividade que vi até hoje. Parabéns!!! Uma boa aula é detalhada, e você conseguiu fazer isso

[nanaffs_]

Adorei as dicas e amei ver cada design bonito também! Tá aí um canal que vou acompanhar bastante, seu trabalho é incrível!! <3

[rodrigomarques]

Irmão, passando para agradecer pela sua didática incrível, adorei a explicação da view port e como você explicou pra galera que tinha dúvida (eu era um desses) de como funcionava o justify-content e o align-items, muito obrigado, trabalho excelente!

[pedrovitor]

Caramba mano, eu fiz todo o passo, desde o início ao fim. Adorei cara, estou no 3º período do curso de Ciência da Computação, com certeza eu adicionei mais uma gama de conhecimentos na minha bagagem, tinha muita coisa que eu não sabia. Quero atuar na área de Cyber Security, só que eu estou amando a área de desenvolvimento, quero passar por outras áreas também e adquirir mais conhecimentos de outras áreas.