TELA DE LOGIN COM TEMA DARK | HTML + CSS
Вставка
- Опубліковано 4 жов 2024
- 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.
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!
Faça mais vídeos como esse por favor! Didática incrível, fácil entendimento e sem enrolação!
Não acredito que só tem 2 vídeos nesse canal MARAVILHOSO! Parabéns!
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
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!!!!
Esse foi um dos melhores videos que já vi sobre HTML e CSS, didática PERFEITA principalmente pra quem ta começando (como eu).
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 UA-cam 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.
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!
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.
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.
meu deus que canal incrível!!!! Aulas perfeitas e objetivas, ótimo trabalho!!
Parabéns meu caro, você não faz ideia do tanto que o seu conteúdo ajuda na hora de realizar projetos!
Essa é a intenção
Caracas!! Que cara paciente, voz boa de se ouvir, didática perfeita dá pra entender tudo, Parabéns! continue com os vídeos por favor.
ele sumiu, nunca mais publicou nada! :(
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ã!
A sensação de funcionar é muito boa, Obrigado pelo aprendizado. Acho que melhor video de código que vi até agora ! Parabéns
Eu que agradeço, amei o elogio!
Meu deus, esse vídeo é maravilhoso, tudo que eu precisava!
Não tem enrolação e é super didático, aprendi com esse vídeo de 38min coisas que aulas de 3h não souberam explicar e o melhor de tudo, tudo na prática!
Muito obrigada mesmo por ter compartilhado o seu conhecimento com a gente, mas terei que ser honesta, como que um canal com tanto potencial nos entrega um pote de ouro e nos abandona? Aguardo o retorno dos seus vídeos futuramente ^-^
tô iniciando em programação e me pego as vezes desmotivado com as milhares de informações porém, esse vídeo, foi muito leve! Gostei muito.
Cara, eu achando que eu ja manjava do css, ai vem você e mostra pra mim coisas que eu nao sabia ainda kkkk, simplesmente incrivel!!!
Isso é bem normal, todo dia aparece coisa nova.
Muito bom cara, bem prático, vendo hoje em 2022 e gostei muito, parabéns!
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.
Cara, tenho TDAH e geralmente sinto grande dificuldade em acompanhar tutoriais, normalmente me disperso, n entendo, tenho que voltar, ou simplesmente a didatica não é interessante. Mas esse vídeo é simplesmente perfeito, não acredito que asssiti quase 40 minutos direto sem perder o foco. Parabéns demais.
oshi, o video tinha 40 minutos, kkkkkkkk, nem percebi
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!!
Eu ia comentar a mesma coisa
ua-cam.com/video/W3ZTrQihZY8/v-deo.html&ab_channel=DevPromissor - Sugestão de tela de login, dá moral lá no canal amigo:)
vdd
Mano quando vi que o vídeo tem um ano quase chorei, volta a fazer vídeos mano você é bom demais fazendo isso!!
Eu leiga, no inicio dos meus estudos peguei muita coisa pela forma que tu fala bem!!!
Amigo, muito bom!
Vc é muito didático, detalhista e paciente.
Trabalho EXCELENTE! Parabéns!
Muito bom!
Obrigado por compartilhar esse conhecimento conosco!
Mano pf continue com os seus vídeos !!!! A melhor didática que achei na internet até o momento, continue com esse trabalho maravilhoso 💪
Que vídeo maravilhoso, irmão! Cê tá doido, esse vídeo tá 100x melhor do que muita aula por aí. Agregou demais nos meus estudos e fiquei super satisfeito com o projeto que fiz acompanhando sua aula! Didática completíssima, obrigado cara ❤
eu adorei o video o unico que vi que explica detalhadamente o que ta acontecendo e com exemplos na tela e conceitos. incrivel
vaiiiiiiiiiiiiiii sf, te amo man. meu primeiro projeto da vida. nao para de trazer conteudo
Ele e muito bom na explicação.
Um dos melhores que já vi....
porque você parou os vídeos? Eu amei sua didática, sua edição e tudo mais, ai fui olhar o canal pra me inscrever e fazem dois anos que vc n posta, fiquei perplexo
tem muitos criadores bons que param e nos deixam na sdd
que didática inacreditável, eu pagaria por um curso inteiro seu de front-end. Nunca vi uma didática tão boa. Aprendi muito sobre responsividade com o seu vídeo.
O melhor video de html e css que eu vi em toda a minha vida parabens👏
Faça mais vídeo meu amor por favor . Vc é incrível não sabe como está ajudando as pessoas. Constrói códigos e explica o significado e ainda mostra o resultado. Nada melhor que isso
MELHOR VÍDEO SOBRE DESENVOLVIMENTO, UTILIZANDO AS TECNOLOGIAS HTML E CSS, SEM PALAVRAS, SIMPLESMENTE SENSÁCIONAL!!!
Não pare meu mano, seu objetivo em ajudar pessoas esta sendo alcançado com sucesso, didática muito boa!
Nossa muita boa a sua explicação, consegui absolver completamente tudo. Aula nota 1000 já estou esperando para mais conteúdo como esse. Muito Obrigado !!!!
Que ótimo! Estou preparando novos vídeos
@@Markzuel 🎉🎉
simplesmente a melhor videoaula que já vi de css
Explicação perfeita! Tudo muito bem detalhado, simplesmente incrível!!
cara nunca vi um vídeo de codigo tão didático.. os elementos animados que vocÊ coloca durante o vídeo ajudam muito na compreensão e você ensina mt bem.. pfv nao pare de fazer videos..
Sou da área de segurança e aprendi muito em pouco tempo, parabén pela didática mano, vc tem talento!!!
O mark, volta a postar vídeo pfvr, você explica muito bem, realmente tem o dom de sar aula, posta mais pra nós
Eu amo a forma como você ensina
É bem simples, intuitiva e cativante. Muito obrigado pelos tutoriais.
cara esse vídeo me ajudou demais! 38 minutos de puro aprendizado. Muito obrigado pelo trabalho, sua didática e atenção aos pequenos detalhes são incríveis, ganhou 1 inscrito.
Parabéns pelo vídeo. Chegando agora e já vou ver se tem mais vídeo bom.
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í.
Bom demais , continua super atual, eu fiz hoje até o fim funcionou perfeitamente pra mim
Show de bola, muito bem explicado sobre as funcionalidades das tag's e elementos. Parabéns.
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!
Cara, você explica super bem, faz mais vídeos por favor, ou lança um curso.
Vou continuar sim
Parabéns pelo conteúdo excelente, estou cursando ADS e pretendo me tornar Full Stack, sua didática é muito boa.
Vou usar esse vídeo como referência para praticar.
Espero que poste mais conteúdo nesse estilo, nos ajuda muito no desenvolvimento, muito obrigado!!
Estou elaborando novos vídeos. Fico contente que você gostou desse. Deu um trabalhão criar e editar
MUITO BOM! Sua didática eh muito boa e tem uma linha de raciocínio que faz parecer facil. Se tu continuar com videos assim tu tem futuro
Que bom que cai de paraquedas nesse canal top!!!!
Nossa mano que explicação incrível, nossa veio, um verdadeiro professor de vd. Mano ganhou um inscrito.
Cara, nem terminei o vídeo mas posso afirmar que está muito bom! Continue e traga mais, pois poderá contar com minha presença!!! ❤❤😁😁😁😁👨💻👨💻
Parabéns pelo vídeo! Muito show!! Obrigado.
Parabéns pelo tutorial, consegui entender tudo que você explicou.👏👏
Cara você explicou o conteúdo como se fosse estou bebendo uma agua no deserto, nossa bem explicado, nada de enrolamento. Gostei muito seu conteúdo!
Explicação excelente, como assim só tem 2 vídeos no canal?? Faça mais por favor! Nós iniciantes precisamos de inúmeros vídeos como esse pra fixar o conteúdo na cabeça.
Muito bom mano parabéns explica melhor que muitos professores ❤
Faz mais vídeos assim, você explica super bem, o que eu não estava entendendo há tempo, passei a entender facilmente com o seu vídeo!!
Parabéns pela aula que nos deste nesse vídeo! Excelente!
Muito bem explicado, alternando em montar o código e mostrar o resultado.
Dessa forma, me ajudou a entender muitas coisas, que como estudante de programação, não tinha visto ainda.
Parabéns por seu trabalho, e pela ótima página que você desenvolveu e nos mostrou nessa vídeo aula. Ficou top!
👏👏👏👏👏👏👏👏👏
Que Deus abençoe você e toda sua família! 🙌
Por mais conteúdos assim! 🤝
Sensacional! Sua narrativa é excelente! sério, muito descomplicado! amei assistir ! Parabéns!
Melhor vídeo de responsividade que vi até hoje. Parabéns!!! Uma boa aula é detalhada, e você conseguiu fazer isso
rapaz
parabéns pela didática.
não sei se tu é professor
mas com esse seu vídeo eu aprendi muito mais que em muitas aulas na faculdade
grato por compartilhar do seu conhecimento
de verdade, me ajudou muito, super didático, me explicou termos que não conhecia, coisas que eu usava no automático, sem saber o que realmente fazia.... em resumo, me deu um norte! Obrigado :)
Que maravilha de aula, em pouco tempo conseguiu falar de tudo de uma maneira clara e simples. por favor continue com o seu canal.
Cara, muito legal, já vi uns vídeos da gringa mas esse foi o primeiro que me permitiu entender como trabalhar com a responsividade vlw mesmo cara
Você explica muito bem mano, diferente de outros canais que só mostram fazendo o código, você explica oq faz cada linha do código. Tô começando nessa área agr e esse vídeo me ajudou mt🤯🤯
Ameiiii sua explicação, por favor nos traga mais conteúdos como este, sua didática é ótima, não pare que tenho certeza que irá ajudar muitas pessoas! Parabéns.
coroi man, que simplicidade pra ensinar. eu nao sabia nada de media query, tirou a parede de bloqueio da minha mente. iscrito e seguindo no insta!
Cara tu é um MITO! Que qualidade, se tu abrisse um curso por R$300 sobre HTML e CSS eu comprava sem nem hesitar!
Uma didatica maravilhosa dessa e de graca no youtube!
Incrivel, sem palavras.
que didática e edição incrível!! tem canal grande que não consegue transparecer a fluidez da explicação como você fez
Me senti sentada do teu lado batendo papo enquanto a gente codava junto. Cara que habilidade incrível de ensinar! valeu mesmooo, faz mais vídeos nesse estilo por favor!!!
Valeu pelo vídeo. Ótima didática, as imagens explicando as propriedades ajudam demais!!
Adorei as dicas e amei ver cada design bonito também! Tá aí um canal que vou acompanhar bastante, seu trabalho é incrível!!
Tem 2 canais grandes por aí, fizeram uma tela dessa cheia de gambiarra, esse cara deixou o html bem enxuto... Curti muito.
Lhe agradeço Muitíssimo pelo o vídeo e o conteúdo em sî. Bem didático e direito.
Muito TOP! Parabéns pela simplicidade ao explicar os passos a passos!
Amigo meu muito obrigado pelo conteúdo, estava tendo dificuldades com a questão da responsividade mas ficou mais claro agora depois de acompanhar sua vídeo aula, uma didática muito boa, meus parabéns.
Que aula SENSACIONAL!
Parabéns pelo conteúdo!
Muito obrigado 😃
Assim como foram os outros comentários, continue os vídeos por favor, pois sua didática é excelente.
Parabénsssssssssssss. Didática incrível. Amei a musiquinha calma de fundo. Queremos mais
SUA DIDÁTICA É MUITA BOA... TA AUTORIZADO A FAZER 3 VIDEOS POR SEMANA. BORA BORA
Incrivel, sou iniciante em html e css e posso dizer que seu conteudo é maravilhoso, da pra pegar cada situação e entender facilmente, continue com seus videos e que venha mais videos assim pls!!!!!!!
monstro, realmente incrível. obrigado por contribuir para nossa evolução!
show demais esse vídeo! já vi vários vídeos no UA-cam sobre, mas o jeito que vc faz e explica é sensacional, até eu sendo leigo entendi :)
Simplesmente incrível! Parabéns pela didática.
Muito bom. Uma aula top. Parabéns!!
cara meu Deus do céu eu tô muito feliz de ter terminado esse video foi incrivel serio, eu tomei um SUSTO quando vc disse "iae galera primeiro video do canal" fiquei de cara com a qualidade das trancições didatica e tudo, não entendi 100% de tudo mas acho que deve ser importante fazer então é isso kkk, obrigado por esse video cara de verdade que conteudo incrivel.
Excelente didática, continue com mais videos de exemplos....ganhou mais um inscrito. João Pessoa -PB
que explicação top irmão, comecei a estudar esse tipo de programação ontem e já aprendi bastante coisas, pra quem não entendia quase nada digamos que agora "eu sou um iniciante com conhecimento" hahaha
programação
Como um vídeo tão bom como esse tem poucos likes. Eu nem sei nada de CSS e aprendi muito!!
Muito obrigado por esse vídeo! Sua didática é simples e clara. Excelente professor!
Simplesmente incrível, muito didático, bom conteúdo e projeto ficou sensacional!
Muito obrigado 😁
gostei bastante, demorei muito fazendo mas consegui, sou iniciante nisso, vc descomplicou mt.
Nossa super didático, principalmente eu que sou iniciante! Amei, ganhou uma inscrita e seguidora no IG!
poderia ter continuado com os vídeos...Gostei muito da sua didática, e me ensinou muita coisa que não sabia no mundo de Front-end!! Parabéns!
verdade. Entrei no canal pra ver, ele parou de fazer :(
O tempo passou que eu nem vi! Gostei muito do vídeo, pude aprender muitas coisas que contribuirão p meu desenvolvimento. Valeu Mark! :D