No video
Tela de Login do League of Legends com HTML, CSS e JavaScript | CSS Tutorial
Рет қаралды 96,043
2 жыл бұрынNesse vídeo nós iremos recriar a tela de login do jogo League of Legends.
Veremos conteúdos como seletores avançados css, pseudo-classes, pseudo-elementos, funções e eventos no JavaScript e muito mais!
Espero que gostem!
Veja também:
Como criar um jogo com JavaScript:
• Como criar um jogo SIM...
Como salvar os dados de um form em uma planilha do Google:
• Como salvar dados de u...
#html #css #javascript #leagueoflegends #lol #teladelogin #jogo #game
@ManualdoDev 2 жыл бұрын
Repositório com todos os arquivos do projeto: github.com/manualdodev/league-of-legends-login-screen Veja o resultado final da página aqui: manualdodev.github.io/league-of-legends-login-screen/ Veja também: Como criar um jogo com JavaScript: kzfaq.info/get/bejne/qJ-SqKSou6iomHU.html Como salvar os dados de um form em uma planilha do Google: kzfaq.info/get/bejne/rZ2DiM2jsKnIp3k.html
@opsvinny 2 жыл бұрын
Boa demais, faz outra tela do league of legends (Tela inicial, loja, sei lá)
@dan-chi2920 2 жыл бұрын
maravilha
@marlonjesus7304 2 жыл бұрын
Ótima aula, mas quero compartilhar aos alunos que assim que você implementa a tag no HTML ele pode não aparecer, porém isso é normal pois antes do CSS não definimos o tamanho do SVG, por isso creio que algumas pessoas tenham percebido isso. O SVG só ganham forma ao definirmos width e height. Isso pode ser definido tanto no próprio SVG quanto no CSS que foi como o professor fez. Espero ter sido útil !! Vlw pessoal
@beatrizrodrigues9070 2 жыл бұрын
Ajudou demais!!!
@ThiagoOliveira-yk3sx 2 жыл бұрын
Ajudou muito, obrigado!
@TomiokaTakas Жыл бұрын
god
@raeldosbeats 2 жыл бұрын
Vocé é foda cara! Em questão de minutos to aprendendo o que eu levava bastante tempo pra aprender em outros vídeos. Sua forma de explicar com clareza é sensacional! Já me inscrevi. TMJ
@ManualdoDev 2 жыл бұрын
Valeu demais, Rael. Tamo junto!
@ultimomoicano 2 жыл бұрын
Tô gostando dessa didática de reprogramar baseado em modelos já existentes, a gente já fica sabendo como vai ser o elemento final e ficamos com vontade de fazer o mesmo.. Estou aprendendo JS, CSS, HTML na prática com esses vídeos... Continue trazendo mais modelos
@faelreuss932 2 жыл бұрын
Conheci o canal exatamente por essa aula e já estou muito satisfeito com o aprendizado adquirido até o último segundo deste vídeo. Respondeu inúmeras dúvidas que eu possuía e agora consigo construir um formulário maior e melhor visualmente. Continue com este belíssimo trabalho! Deixei o like e estou inscrito. Abraços!
@ManualdoDev 2 жыл бұрын
Muito obrigado, Fael. Fico feliz que tenha gostado, tamo junto!
@ualizu8312 2 жыл бұрын
Mano o youtube me remomendou o seu canal, e seu conteúdo é incrível!!!!!!! tá me ajudando pra caramba. Tu é brabo mano parabéns 👏🏽👏🏽👏🏽
@ManualdoDev 2 жыл бұрын
Valeu demais, mano! Tamo junto! :D
@augustocaiodasilva8404 7 ай бұрын
Muito show e fera, eu amo lol e estou começando a amar programação essa tela mudei a imagem pena que não consegui fazer o javascript interpretar como deveria mas é pratica, irei revisar para ver certinho o que houve. muito obrigada pela aula professor!!
@Renove755 2 жыл бұрын
E eu achando que não ficaria os 55min, quando terminou eu fiquei procurando mais.. muito bom o vídeo mano, gostei de mais da sua didática, ganhou mais um escrito e segura esse like ai.
@ManualdoDev 2 жыл бұрын
Muito obrigado, mano! Fico feliz que tenha gostado.
@Eskotavi 2 жыл бұрын
nossa vei eu achei no começo que não ia aprender nada, mas passou 9:08 e eu ja aprendi de css muito mais coisas que achei nos outros videos pela internet, vou acompanhar o canal ve se aprendo mais... VLW CHEFIA!
@deegas 2 жыл бұрын
Fiz todo o conteúdo e aprendi o clamp que pra mim é novidade. O checkbox com o border-width tbm é sensacional! Valeu mano!
@ManualdoDev 2 жыл бұрын
A parte do checkbox é a minha preferida! Heheh É muito legal! Valeu, amigo!!
@rafa-mk7yo 2 жыл бұрын
Legal seu conceito de usar coisas que ja existem pra ensinar, realmente chama atenção e incentiva as pessoas, estou repassando coisas que ja sei contigo e é legal ver um a explicação diferente.
@WellMelo Жыл бұрын
Estou aprendendo Javascriopt, mas [e impossível não pegar várias dicas sobre HTML e CSS. Parabéns pelo conteúdo! Muito bom!! A forma como você se preocupa em explicar os detalhes, ajuda demais! Gratidão!
@martinesz8504 Жыл бұрын
Irmão, n tem palavras pra descrever a perfeição desse vídeos. Se serve de algo, meus parabéns vc conseguiu me prender afe o fim do vídeo, e ainda ganhou um fã/inscrito.
@ManualdoDev Жыл бұрын
Muito obrigado, meu amigo! Tamo junto!
@felipepalermo6719 2 жыл бұрын
Cara, estou tendo que estudar desenvolvimento web por causa da faculdade, e vendo essas coisas legais sendo feitas da um animo a mais pra aprender, continua com essa parada ai mano 😁😁
@dan-chi2920 2 жыл бұрын
Ñ tive como ñ assistir isso, sou iniciante mas entendi tudo, vc explicou e mostrou tão bem q passou voando, vou até me inscrever.
@bruna9163 2 жыл бұрын
cara, você é dms, nossa. fiz a minha versão com a Scarlet Witch, eu amei. 🥺 por mais conteúdos assim, sua didática é ótima, estou conseguindo destravar meu JS com sua explicação. 🖤
@moisesalvesdacunha2191 2 жыл бұрын
Didática, conteúdo, inteligência, cara que canal surreal. Foi um vídeo de quase uma hora que pra mim pareceram 10 minutos kkkkk não cansa a gente ao assistir, meus parabéns.
@Wallace19 2 жыл бұрын
mano, nn pare de gravar, curti seu trampo, rapido e direto no ponto sem ficar enrolando, muito bom mesmo
@ManualdoDev 2 жыл бұрын
Tamo junto Wallace! Valeu demais! :D
@lixoeletronico5691 2 жыл бұрын
Conheci seu canal ainda hoje, não possui muitos vídeos mas os que vi são conteúdos interessantíssimos e também muito bem explicados. Adoraria ver seu canal crescer.
@ManualdoDev 2 жыл бұрын
Muito obrigado pelo apoio, amigo!
@alexyn7 2 жыл бұрын
Uma sugestão!!! Sério interessante vc deixa um link com as imagens q vc usou nos vídeos ai q glr q ta tentando fazer em casa pode aproveitar ela tbm!!!👍
@ManualdoDev 2 жыл бұрын
É uma boa ideia! Vou começar a fazer sempre isso! Valeu!
@tonfly-dados 2 жыл бұрын
verdade eu esta justamente procurando isso kkk
@rafa-mk7yo 2 жыл бұрын
Eu aproveitei pra brincar no photoshop, fiz o login do meu site de móveis :)
@ManualdoDev 2 жыл бұрын
Pessoal, criei um github pro canal e vou colocar lá sempre todos os arquivos pra fazer o projeto. Pra esse vocês podem dá uma olhada aqui: github.com/manualdodev/league-of-legends-login-screen
@alexyn7 2 жыл бұрын
@@ManualdoDev ok ja vou seguir lá
@NERDboy 2 жыл бұрын
não tive, como não me inscrever nesse canal..... conteúdo de recriações, ainda mais, do meu lolzionho.... (edite) fui dar uma conferida no conteúdo e fiquei ainda mais, extasiado de um conteúdo melhor que o outros.. please continue com esse conteúdos assim... pois a gente mal acha na net.. belo vídeo, e ótimo canal....
@ManualdoDev 2 жыл бұрын
Valeu demais, mano! Tamo junto! :D
@jvictorpcosta Жыл бұрын
tô me divertindo pra caramba com esse rolê, e aprendendo uns macetes que antes eu não sabia, obrigado.
@victorluizmunerattodelima2556 2 жыл бұрын
o melhor video de html que vi até hoje
@kaioffm 2 жыл бұрын
muito bomm, terminei esse projeto e mais pra frente vou fazer os outros do seu canal, sucesso ai!
@ManualdoDev 2 жыл бұрын
Muito obrigado pelo apoio, Kaio! Tamo junto!
@PedroEuphrausino 10 ай бұрын
Vídeo perfeito! Consegui aprender bastante alguns conceitos,e ainda por cima, amo os jogos da Riot. Obrigado!
@ilmardanilo 2 жыл бұрын
Cara, que vídeo absurdo. Muito top! Sua forma de explicar é surreal!
@jhonatan20011 Жыл бұрын
o resultado ficou incrível, eu troquei só a imagem, coloquei da Jinx que é minha main no lol, o resto fiz junto com você, muito obrigado. Estou começando agora, nunca fiz nada em Js então já tive uma noção do que me espera quando eu começar a estudar.
@jmarlopes.2533 Жыл бұрын
CARALHO O QUE VC USOU NO HANDLECHANGE MUDOU MINHA VIDA. sempre achei usar o Variavel[i] uma gambiarra, queria algo mais formal. bgd de vdd
@erivaldojunior1503 Жыл бұрын
Teu canal é impressionante
@jairaragao1322 2 жыл бұрын
Esse vídeo ficou muito bom, você explica de uma forma bem simples e objetiva parabéns
@ManualdoDev 2 жыл бұрын
Muito obrigado, Jair!
@netaosheparbr5638 2 жыл бұрын
Mano tu explica mt bem da pra entender tudo, to me fodendo em computação, mas seus video ta me salvando
@deegas 2 жыл бұрын
Novamente, excelente conteudo! Parabéns!
@ManualdoDev 2 жыл бұрын
Valeu demais, Rodrigo! Fico feliz que tenha gostado!
@CarlosCorreia26 2 жыл бұрын
Muito bom, continue seu trabalho é fantástico!
@ManualdoDev 2 жыл бұрын
Muito obrigado, Carlos! Tamo junto!
@EnzoAuditore 2 жыл бұрын
Muito legal, estou inscrito. Parabéns pelo seu trabalho!
@ManualdoDev 2 жыл бұрын
Muito obrigado pelo apoio, Enzo! :D Tamo junto!
@MatheusManuel 2 жыл бұрын
Mano Tu é muito bom Obrigado que deus te abençoe! Quando o assunto é explicar eu me inspiro em você! Obrigado
@ManualdoDev 2 жыл бұрын
Muito obrigado, Matheus! Tamo junto! Abraço!
@xOnlyyx 2 жыл бұрын
a melhor maneira de aprender é fazendo algo que a gente gosta! muito bom o vídeo.
@beatrizrodrigues9070 2 жыл бұрын
Aula sensacional!! acabei de fazer e amei o resultado. Ansiosa para as próximas
@rayansiqueira9382 2 жыл бұрын
Didática impecável, queria que meus professores da faculdade conseguissem fazer o mesmo kkkk Parabéns pelo canal e saiba que ganhou mais um escrito!!!
@bernardomoura7407 2 жыл бұрын
Um amigo meu me mandou o video, e cara, q video sensacional e gostoso de assistir, sem enrolação, falando com clareza, sua dicção é mt boa hauahuahua, vlw mano! tmj!
@ManualdoDev 2 жыл бұрын
Valeu demais, Bernardo! Tamo junto! :D
@franciscocosta243 2 жыл бұрын
Parabéns uma excelente didática, muito obrigado por disseminar conhecimento de forma clara show .
@t41gr0n9 Жыл бұрын
CARA SEUS VÍDEOS SÃO MUITO BONS EU GOSTO MUITO DOS SEUS PROJETOS E MANEIRA QUE VOCE EXPLICA! PELO MENOS 1 FÃ VOCÊ TEM!
@rafaelcampanincarneiro3553 2 жыл бұрын
Aprendi muita coisa nova, tanto de css quanto de js, muito obrigado pela aula! Ficou top
@ManualdoDev 2 жыл бұрын
Muito obrigado, Rafael! Tamo junto! :D
@tithaniia 2 жыл бұрын
puta aula boa cara
@jonathas.guilhermee Жыл бұрын
Aula top! Espero que esse canal cresça mais e mais! 👏🏻
@LeandroSilva-vq4mg 2 жыл бұрын
Gostei muito! aprendi de mais em um só video. Vou vê-lo mais vezes. Obrigado pela aula!
@shay2032 2 жыл бұрын
Excelente Conteúdo!! Videos explicativos são de grande importância. Grande Abraço!!
@ManualdoDev 2 жыл бұрын
Muito obrigado, amigo!
@nicolassantos6842 2 жыл бұрын
queremos mais videos de html, js e css, esse ai tá sensacional
@pretinhoilustra1625 2 жыл бұрын
top cara seu, vídeo ficou muito top, bem didático, parabéns.... Poucos canais com vídeos bem explicativos assim.
@GabrielRodrigues-sh4in 2 жыл бұрын
Sensacional!! passando esse projeto pro Electron, obrigado pelo conteúdo
@GabrielRodrigues-sh4in 2 жыл бұрын
Finalizei agora. Fiquei muito feliz, apesar de já possuir conhecimento de javascript e um conhecimento de css, aprendi algumas coisas importantes. E parabéns pela didática!
@ManualdoDev 2 жыл бұрын
Show demais, Gabriel! :D
@eduardojoao7154 2 жыл бұрын
Cara eu achava que javascript era muito difícil de aprender mais vc explica muito bem
@trilhacoder Жыл бұрын
Obrigado pelo vídeo, muito bem explicado, sua didática é muito boa. Também sou criador de conteúdo e curto muito a forma como você ensina. Abraço.
@kaiksouza7945 2 жыл бұрын
Ótimo vídeo, estou realizando meu TCC de um curso técnico e estou buscando várias referências. Você tem um conhecimento gigantesco e consegue transmiti-lo muito bem. Parabéns!
@ManualdoDev 2 жыл бұрын
Muito obrigado, Kaik! Fico muito feliz em poder contribuir um pouco com você! Tamo junto!
@kalebhegualter4481 2 жыл бұрын
Desculpa a pergunta mas é na ETEC??
@kaiksouza7945 2 жыл бұрын
Sim
@viniciuslima9814 2 жыл бұрын
Muito bom o vídeo cara, putz, aprendi bastante, bem fácil de entender o código e os conceitos, muito bom mesmo, parabéns
@gabrielsousa8084 2 жыл бұрын
tô curtindo muito seu trabalho cara, tava querendo mesmo estudar sobre o front, continue com os vídeos!!!
@Menino_jhony 2 жыл бұрын
Tu é foda irmão, estou iniciando na programação e ter conteúdo desse tipo, ajuda muito. Muito Obrigado!
@VitorManoel-el8lu 2 жыл бұрын
Parabéns pelo trampo ai irmão sem duvidas um dos melhores conteudos BR que eu ja vi
@ManualdoDev 2 жыл бұрын
Muito obrigado pelo apoio, Vitor! Tamo junto!
@takashigamers2920 2 жыл бұрын
mano, tu é muito bom. aprendi bastante. didática muito boa. Continue trazendo mais conteudo assim
@MoisesGizmo 2 жыл бұрын
Que didática extraordinária! Parabéns e obrigado pelo conteúdo.
@ManualdoDev 2 жыл бұрын
Eu que agradeço o apoio, Moises! Valeu demais! Tamo junto!
@tadeumarquesi6474 2 жыл бұрын
Espetacular, parabéns pela aula, conteúdo excelente.
@ManualdoDev 2 жыл бұрын
Muito obrigado, Tadeu. Tamo junto!
@Arthur-nr7tf 2 жыл бұрын
Conteúdo sensacional !! Por favor continue com os vídeos , vc explica muito bem !!
@ManualdoDev 2 жыл бұрын
Valeu demais, Arthur! :D
@CarlosHenrique-mx9ti 2 жыл бұрын
Isso de fato é uma Aula, conteúdo muito bom 👏👏
@luc_sayn 2 жыл бұрын
Que show! Eu fiz um tempo atrás com C# e Sql o mesmo tema de login do league of legends. Agora vou ter uma inspiração com html/css
@ManualdoDev 2 жыл бұрын
Show demais, Lucas! :D
@itssativx 2 жыл бұрын
voce esta me ajudando muito a praticar mano, continua fazendo... estou acompanhando tudo!!1 Vlw
@isaacmassanobuikawaawakon880 2 ай бұрын
Eu gostei do seu projeto. Do lolzinho.😍
@aggoats Жыл бұрын
Cara você tem algum curso ? a forma que você explica é muito didática e muito compreensível, bastante clara. Caso não tenha recomendo muito fazer, eu iria adquirir fácil seu conteúdo !
@eduardoslimx 2 жыл бұрын
Seus videos são excelentes, continua postando conteúdo!
@Euskoposs 2 жыл бұрын
Do nada esse vídeo apareceu para mim kkkkk salvando para estudos futuros e rever conteudo, não gosto de front-end mas fazer o que, gostei desse projeto.
@ManualdoDev 2 жыл бұрын
front >> back brincadeira kkkkkk Ou será que não? hahah
@Euskoposs 2 жыл бұрын
@@ManualdoDev kkkkkk sai fora
@paulodinis5045 2 жыл бұрын
Muito bom para ajudar no desenvolvimento, fiz o script utilizando jQuery para treinar, ficou muito bom
@ManualdoDev 2 жыл бұрын
Show demais, Paulo!
@petersoncaetano9603 2 жыл бұрын
veio vc tem uma ótima didatica tem futuro e pra vc não desanimar ja me increvi e deixei a curtida
@ManualdoDev 2 жыл бұрын
Muito obrigado pelo apoio, Peterson! Tamo junto!
@amarantesilva9964 2 жыл бұрын
Já deixei o like e meus parabéns aqui por mais um conteúdo incrível.
@ManualdoDev 2 жыл бұрын
Valeu demais, Amarante! Fico feliz que tenha gostado! Tamo junto!
@amarantesilva9964 2 жыл бұрын
@@ManualdoDev teria como deixar as imagens do projeto disponível ?
@ManualdoDev 2 жыл бұрын
Pode baixar aqui pelo repositório: github.com/rolwane/login-league-of-legends
@henriquetavares1719 2 жыл бұрын
Conheci o canal agora, gostando dms dos vídeos já me escrevi 💥♥️
@dev7452 2 жыл бұрын
SEU CONTEÚDO É INCRÍVEL MANO!!!!
@sergiobole4354 2 жыл бұрын
caea, ganho minha inscrição e like só pela tumbnail kkkkkkkkkk... ótimo projeto mano
@carolinapraxedes7096 2 жыл бұрын
Adorei o video, faça mais video assim!!!!!!! vc tem uma didatica otima
@biomelo8501 2 жыл бұрын
Cara que fantástico! Não gosto do frontend, mas esse tutorial vou aprender pra futuramente usar num projeto pessoal! Parabéns, mais um inscrito, você tem o dom do ensino! Por gentileza, se possível, se programe pra fazer um projeto simples, tipo de heróis, mas completo, frontend e backend, seria espetacular!
@ManualdoDev 2 жыл бұрын
Muito obrigado, amigo! Tô planejando sim uma aplicação completa em! Em breve vai sair!
@biomelo8501 2 жыл бұрын
@@ManualdoDev fico feliz em saber, no aguardo!
@atosmendes270 Жыл бұрын
muito obrigada pelo video gosto muito deles, video bem explicado.
@leonardosilva9745 2 жыл бұрын
que conteúdo INCRIVEL!!!!!!
@ManualdoDev 2 жыл бұрын
Muito obrigado, Leonardo! Tamo junto!
@MarceloWergles Жыл бұрын
Muito bacana, obrigado pelo vídeo!
@LuizHenrique-ht8ht 2 жыл бұрын
Cara parabéns, muito bom conteúdo. Continue trazendo mais
@serginhomota9817 2 жыл бұрын
Top de mais!!!! Seu canal ta incrivel, pode continuar!!!!!!
@amarantesilva9964 2 жыл бұрын
você poderia fazer um video ajudando a fazer um portifolio. Eu acho teus videos muito fodas! aprendo demais com eles.
@gustavo_lennert Жыл бұрын
Vídeo incrivel! Parabéns pelo trabalho, ajudou demaais.
@rafa-mk7yo 2 жыл бұрын
Continue com os otimos videos, utilidade pública.
@PauloHenrique-xz8wj 2 жыл бұрын
Parabéns cara! Ótimo conteúdo, continua assim🙏🏻
@leticianascimento8566 2 жыл бұрын
sensacional o vídeo!! estou aprendendo muitas coisas novas com js, valeuuu!
@rafaelyoshimitsuy716 2 жыл бұрын
excelente, meu brother reproduzi esse projeto com tema do Teemo. Hahaha ! parabéns pelo conteúdo !
@ManualdoDev 2 жыл бұрын
Hahahah muito bom!
@The_Best_Songs 2 жыл бұрын
Mano, continua com os conteúdos, é muito bom!
@ManualdoDev 2 жыл бұрын
Valeu demais, mano! :D
@lxlgabbzn 2 жыл бұрын
finalmente terminei kkkkkk man obrigada de verdade
@PedroHenrique-zb4bo Жыл бұрын
Video incrivel muito obrigado pelo trabalho duro
@naoseioqsla4709 2 жыл бұрын
que conteúdo perfeito mds
@leonardovinicius801 2 жыл бұрын
Muito bom mano.Ansioso por mais videos
@pedropacheco4199 Жыл бұрын
Acho incrível os vídeos dele, muito mas muito top mesmo parabéns, ele tem instagram ?
@kekebarros55 2 жыл бұрын
krl quanto trabalho e ficou lindo no final parabens meo
@ganaspect Жыл бұрын
Manoooo que vídeo incrível cara
@skittleboy1766 Жыл бұрын
cara, que vídeo incrível!!!!!!!
@eng.wandeson 2 жыл бұрын
Que aula legal, muito obrigado amigo!
@dyonne001 Жыл бұрын
Obrigado pelo conteúdo!
@wesleymarques6114 2 жыл бұрын
Top cara, a melhor didática.
@CarlosFerreira-tc2fk 2 жыл бұрын
Sensacional! Master!
@afonsos5754 2 жыл бұрын
Cara, vc explica muito bem!
Manual do Dev
Рет қаралды 971 М.
Anyaischuk LIVE
Рет қаралды 1,9 МЛН
Manual do Dev
Рет қаралды 251 М.
Manual do Dev
Рет қаралды 12 М.