TELA DE LOGIN COM TEMA DARK | HTML + CSS
Рет қаралды 342,810
2 жыл бұрын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 2 жыл бұрын
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 2 жыл бұрын
Faça mais vídeos como esse por favor! Didática incrível, fácil entendimento e sem enrolação!
@maykdouglas8358 2 жыл бұрын
meu deus que canal incrível!!!! Aulas perfeitas e objetivas, ótimo trabalho!!
@contra2099 25 күн бұрын
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 KZfaq 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.
@evaldojr96 2 жыл бұрын
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.
@newsuby2137 2 жыл бұрын
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.
@bygcruz Жыл бұрын
Não pare meu mano, seu objetivo em ajudar pessoas esta sendo alcançado com sucesso, didática muito boa!
@felipe.py3 Жыл бұрын
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í.
@cristianocastiel2131 2 жыл бұрын
Melhor vídeo de responsividade que vi até hoje. Parabéns!!! Uma boa aula é detalhada, e você conseguiu fazer isso
@AliciaDiniz-ie3fn Жыл бұрын
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!
@nanaffs_ Жыл бұрын
Adorei as dicas e amei ver cada design bonito também! Tá aí um canal que vou acompanhar bastante, seu trabalho é incrível!!
@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
@leogama7970 2 жыл бұрын
Amigo, muito bom! Vc é muito didático, detalhista e paciente. Trabalho EXCELENTE! Parabéns!
@well8544 Жыл бұрын
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.
@erikad.miranda8077 Жыл бұрын
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!!!!
@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ã!
@shockin95 Жыл бұрын
Didática maravilhosa! Por favor produza mais conteúdos assim, ajuda muito nós que estamos iniciando e construindo portfolio! :)
@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).
@rodrigomarques1633 Жыл бұрын
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!
@A.s.silva1 2 жыл бұрын
Melhor didática impossível ❣ Amei teu vídeo cara !!! A didática como disse antes é impecável, parabéns 👏💕
@talitamota6281 Жыл бұрын
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.
@adilsonamado8853 2 жыл бұрын
Que maravilha de aula, em pouco tempo conseguiu falar de tudo de uma maneira clara e simples. por favor continue com o seu canal.
@thairincksilva Жыл бұрын
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..
@matheusmaciel8303 Жыл бұрын
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!!
@Gustavo30071995 Жыл бұрын
Eu ia comentar a mesma coisa
@cantosgreenbr8150 Жыл бұрын
kzfaq.info/get/bejne/jZmKh9WCzs6-iWw.html&ab_channel=DevPromissor - Sugestão de tela de login, dá moral lá no canal amigo:)
@jonjonexplora 8 ай бұрын
vdd
@gutomazz 2 жыл бұрын
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
@SamuelTrigueiros Жыл бұрын
Meu Deus, esse cara explica muito bem, impressionante a capacidade dele de passar o conteúdo. Like e inscrição já.
@lucasdias35 Жыл бұрын
Sua didática é muito boa, aprendi bastante coisas em um único vídeo, estava perdido. Bom trabalho, cara!!
@ligialigia248 2 жыл бұрын
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!!!!!!!
@willmossini2400 2 жыл бұрын
Cara perfeito sua explicação! Parabéns ganhou um inscrito continue trazendo o conteúdo assim, foi dinâmico, vídeo não ficou cansativo e muito mais muito bem explicativo. Faço questão de comentar, continue desta maneira que você vai ajudar muitos iniciantes.
@angelosouza2349 2 жыл бұрын
Simplesmente incrível! Parabéns pela didática.
@aslonsilva3986 2 жыл бұрын
Mano que vídeo sensacional, muito obrigado! Você é claro e didático, +1 inscrito!
@talitaribeiro8610 Жыл бұрын
Sensacional! Sua narrativa é excelente! sério, muito descomplicado! amei assistir ! Parabéns!
@wulfertnara 2 жыл бұрын
O melhor vídeo que eu já vi, simplesmente didática incrível!!
@jhonataszrc 2 жыл бұрын
Muito TOP! Parabéns pela simplicidade ao explicar os passos a passos!
@yumipink3366 2 жыл бұрын
Aula incrível, didática, conteudo rico. Espero mais vídeos como esse 💕 obrigada
@kelsoncamargo9066 2 жыл бұрын
MELHOR VÍDEO SOBRE DESENVOLVIMENTO, UTILIZANDO AS TECNOLOGIAS HTML E CSS, SEM PALAVRAS, SIMPLESMENTE SENSÁCIONAL!!!
@pablodepaula 10 ай бұрын
Cara muito bom o conteúdo, continue fazendo vídeos assim, você explica muito bem. Parabéns mano.
@AntonioCarlos-fj1fu 3 ай бұрын
Show de bola, muito bem explicado sobre as funcionalidades das tag's e elementos. Parabéns.
@leticia-ox7mk 10 ай бұрын
cara, que vídeo incrível! continue postando, sério. ajuda demaaaais!
@eduardosantosluchi6991 Жыл бұрын
monstro, realmente incrível. obrigado por contribuir para nossa evolução!
@henriquelima9637 Жыл бұрын
Didática incrível, edição maravilhosa ! Obrigado pelo vídeo, faça mais !!!!
@laisgomes2001 Жыл бұрын
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 ^-^
@arthursandes8405 Жыл бұрын
Íncrivel, ótimo vídeo e excelente trabalho! Não ganhou só um inscrito, ganhou um admirador
@Jogosaomaximo Жыл бұрын
que didática e edição incrível!! tem canal grande que não consegue transparecer a fluidez da explicação como você fez
@lucaspolles4533 2 жыл бұрын
show demais esse vídeo! já vi vários vídeos no KZfaq sobre, mas o jeito que vc faz e explica é sensacional, até eu sendo leigo entendi :)
@jacksonlourencodeoliveira883 Жыл бұрын
Sensacional! Está de parabéns! Com certeza vou acompanhar o seu canal!
@EmanuelCamaraMarques Жыл бұрын
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!!
@rafaelaandrade88 2 жыл бұрын
Nossa super didático, principalmente eu que sou iniciante! Amei, ganhou uma inscrita e seguidora no IG!
@seupropriodestino Жыл бұрын
Top demais meu amigo , muito agradecido pelo vídeo e principalmente pelas explicações de cada código a funcionalidade deles, esta de parabéns !!
@Ak4tami 2 жыл бұрын
Conteúdo e didática incrível, espero que continue postando vídeos assim!
@gabrielcarvalho3347 2 жыл бұрын
Seu canal é muito bom , ensinamento perfeito mano , parabéns e poste mais vídeos !!
@marcelofigueiredo656 2 жыл бұрын
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.
@raphaeltrindade1309 Жыл бұрын
Mano, que didática boa pra krl, continua que vou acompanhar todos
@zohar3154 Жыл бұрын
Ele e muito bom na explicação. Um dos melhores que já vi....
@bachelor9861 2 жыл бұрын
Muito obrigado por esse conteúdo!! Sua explicação é incrível!
@Chainlenger2 6 ай бұрын
Eu amo a forma como você ensina É bem simples, intuitiva e cativante. Muito obrigado pelos tutoriais.
@debbtrbl 2 ай бұрын
simplesmente a melhor videoaula que já vi de css
@rafaelavelino4520 2 жыл бұрын
Valeu pelo vídeo. Ótima didática, as imagens explicando as propriedades ajudam demais!!
@Andre_Da_VNI 29 күн бұрын
Cara, nem terminei o vídeo mas posso afirmar que está muito bom! Continue e traga mais, pois poderá contar com minha presença!!! ❤❤😁😁😁😁👨💻👨💻
@Nicolasfrancacastrorosa 8 күн бұрын
O melhor video de html e css que eu vi em toda a minha vida parabens👏
@manosanti Жыл бұрын
Simplesmente perfeito. Didática incrível!!!
@gustavosouza9351 Жыл бұрын
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
@evandrogama4467 Жыл бұрын
Muito obrigado por esse vídeo! Sua didática é simples e clara. Excelente professor!
@jovemlcxx Жыл бұрын
cara, sua didática é incrível to ansioso pelos próximos conteúdos
@rakroxhighlights3443 2 жыл бұрын
A sensação de funcionar é muito boa, Obrigado pelo aprendizado. Acho que melhor video de código que vi até agora ! Parabéns
@Markzuel 2 жыл бұрын
Eu que agradeço, amei o elogio!
@jprogramador4908 2 жыл бұрын
Parabéns meu caro, você não faz ideia do tanto que o seu conteúdo ajuda na hora de realizar projetos!
@Markzuel 2 жыл бұрын
Essa é a intenção
@lipzwrld 2 ай бұрын
Melhor video, foi muito bom aprender um pouco mais e aprimorar meus conhecimentos contigo irmão satisfação total 😎😎
@stallonecobra6452 2 жыл бұрын
Ótimo professor, parabéns pela excelente aula! Obrigado!
@filipesantos8704 Жыл бұрын
Bom demais Markzuel, continua com seus vídeos! Ficou muiiiito massa!
@viniciushercules8197 Жыл бұрын
Nossa que conteúdo didático, fácil entendimento com explicações boas, por favor traga mais
@elderbruno3224 2 жыл бұрын
Vídeo incrível! Didático e muito bem explicado!
@diegosantos6956 Жыл бұрын
Parabénsssssssssssss. Didática incrível. Amei a musiquinha calma de fundo. Queremos mais
@Gilnece Жыл бұрын
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 :)
@semsentido2633 Жыл бұрын
eu adorei o video o unico que vi que explica detalhadamente o que ta acontecendo e com exemplos na tela e conceitos. incrivel
@dariobatista85 Жыл бұрын
Uma didatica maravilhosa dessa e de graca no youtube! Incrivel, sem palavras.
@Mano_Kant 3 ай бұрын
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 ❤
@G2kAll Жыл бұрын
Que bom que cai de paraquedas nesse canal top!!!!
@norbertodavid4536 Жыл бұрын
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! 🤝
@pedrovitor9625 Жыл бұрын
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.
@StarzynhoBR 2 жыл бұрын
Mano que didática insana de perfeita, meu deus, todas as duvidas que iam me surgindo você ia sanando, celoko
@nativeworld00 2 жыл бұрын
Nossa mano que explicação incrível, nossa veio, um verdadeiro professor de vd. Mano ganhou um inscrito.
@ThiinhoBarreto Жыл бұрын
Parabéns pelo vídeo! Muito show!! Obrigado.
@pedrokn 2 жыл бұрын
meus parabéns! posta mais videos por favor! Excelente explicação! Finalmente to entendendo na pratica as coisas!
@Basileu 2 жыл бұрын
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!
@rhuanribeiro5428 6 ай бұрын
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.
@user-g3ki6dc8u 2 жыл бұрын
Cara, o melhor vídeo mostrando a programação de um site e o mais completo que já vi, sua didática é muito boa e mostrar os mínimos resultados logo a após cada linha foi sensacional ( foi um dos pontos mais fortes do vídeo na minha opinião), e o que dizer da adaptação para celulares e outros dispositivos 👏🏼👏🏼👏🏼👏🏼 show de bola 👍🏼👌🏽, e de quebra mostrou bons sites de animações e fontes do Google. Obs: nenhum tipo de música combina melhor com esse tipo de vídeo do que Lo-Fi ksksks, espetacular.
@Antonio-nn2kq Жыл бұрын
Ótimo vídeo!! Você tem uma habilidade excepcional em ensinar, muito claro e objetivo.
@paocommortadela6596 2 жыл бұрын
Cara muito obrigado mesmo, vc me deu inspiração para continuar nessa vida de dev web!!! OBRIGADO MESMO MELHOR CONTEÚDO 👏👏👏👏👏👏👏👏
@Alef_Carvalho Жыл бұрын
caarrraaa parabéns que aula top, tua didática é incrivel e vc ensina bem demais cara, continue postando vídeos assim por favor tu é bom demais!!
@matheusrabelo4377 11 ай бұрын
caraca que massa! foi um dos poucos videos que conseguir assistir até o final sem dormir kk
@reginaldocardoso2503 Жыл бұрын
Cara! show , vale 1000 likes ! Parabens, voce entende do que faz. Ganhou mais um inscrito.
@kodakgg 2 жыл бұрын
CARA CONTINUA TRAZENDO MAIS CONTEÚDOS COMO ESSE VOCÊ MUITO BOM!!! PARABÉNS
@madufreire4042 2 жыл бұрын
Melhor vídeo sobre o assunto no KZfaq ☝
@pinguimmestre4903 Жыл бұрын
Obrigado mano, o seu video me ajudou muito principalmente em fazer sites responsivos, adorei a explicação
@bituca__ Жыл бұрын
markzuel EU lhe amo muito... que video bom cara, 38 minutos valiosíssimos
@wilhemwundt90 Жыл бұрын
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!
@onlydrezin 2 жыл бұрын
Ótimo conteudo irmão , espero que continue com os vídeos, explicação perfeita!!! Obrigado!!
@JoaoFlorentinosenaifloripa Жыл бұрын
Muito obrigado bom demais !! Já curti e assinei o canal !!!😁
@cesarlacerda8512 2 жыл бұрын
Excelente didática, continue com mais videos de exemplos....ganhou mais um inscrito. João Pessoa -PB
@LucianaLima-ue2bm 3 ай бұрын
Muito bom. Uma aula top. Parabéns!!
Pomazkov JS
Рет қаралды 257 М.
Braincatchers
Рет қаралды 14 МЛН
Online Tutorials
Рет қаралды 1,9 МЛН
Inteliogia - Dev's Insights
Рет қаралды 94 М.
Fernanda Kipper | Dev
Рет қаралды 122 М.
lev89k
Рет қаралды 1,2 МЛН
Сколько смартфонов я купил за свои деньги? #техника #технологии #android #смартфон #обзор #техноблог
Павел Хмурчик
Рет қаралды 122 М.
Alex Boyko
Рет қаралды 245 М.