Página de Login da Netflix | HTML e CSS
ฝัง
- เผยแพร่เมื่อ 5 ก.พ. 2022
- Nesse vídeo eu mostro uma maneira de fazer a página de login da Netflix usando HTML e CSS.
Aqui você pode encontrar o código feito no vídeo. Link para o repositório do GitHub:
github.com/Larissakich/netfli...
Link para vídeo mencionado:
• Build Netflix Login Pa... - วิทยาศาสตร์และเทคโนโลยี
Cada vez melhor hemmm Guria, suas dicas e aulas são nota mil! Sucesso, mais um dos seus projetos legais, done!
Muito bom pra treinar, como estamos em 2023 mudou um pouco o login da netflix então mudei algumas coisas ficou bem parecido, bom pra praticar. Obrigado pelo vídeo
Vídeo top, parabém!!!! Da para acompanhar tranquilamente, e assim vamos aprendendo mais e praticando.
Que vídeo bacana, ensinou muito bem e consegui absover os ensinamentos e pondo em pratica, parabéns.
Novo inscrito aqui 👏👏❤️
Parabéns pelo conteúdo, excelente didática tranquilo de se acompanhar afins de praticar mais. SHOW
Ficou muito bom, até copiei o seu código pra min spirar nele e fazer um site pro curso que estou fazendo de programação. Valeuzão 👍
Eu acabei de fazer, eu fiz os Media query para telas de celular e tablet com o chat gpt rsrsrs
Vou acompanhar todos os seus vídeos, por favor não pare nunca
TOP!! Muito obrigado, Larissa! Comecei estudando desenvolvimento de jogos, mas agora estou indo para Front-End, e esses tutoriais ajudam demais a por em prática oq aprendemos :)
Vlww
Parabéns 👏🏻👏🏻 fico muito feliz em ter te ajudado 🥰
Oi, adorei o vídeo, adorei o resultado 😊! Só uma coisinha que eu fiquei com vontade de te avisar hehe. Sobre o position: absolute; (você não precisa usar os 4 atributos "top, bottom, left, right" usando apenas um deles já vai estar setando a posição em relação a quais dos 4 atributos você usou), recomendo você testar usar o position nesse mesmo projeto como top: 0; e left: 0;
Adorei o vídeo, consegui criar o projeto junto com vc e aprendi bastante. vlw
Me ajudou muito, queria fazer uma página de login mas estava com muitas dificuldades em questões como alinhamento e etc, deu muito certo, so mudei algumas coisas, show !!!
Que bom!! Fico feliz que consegui te ajudar 😊
Caramba, que facilidade que você teve pra fazer. Parabéns!
Eu tinha me atrevido a tentar clonar o da Netflix também, porém ainda não possuo os conhecimentos necessários
e vim procurar alguém fazendo pra ver o processo.
Muito foda, traz mais vídeo assim hehe (mais explicativos também, se possível) 😎👍
Muito obrigadaa😊, fico feliz que tu tenha gostado! Já estou com algumas ideias de outros vídeos para trazer aqui para o canal, quero fazer clones de outros sites e apps, e alguns outros códigos. Logo logo postarei mais.
Top demais, consegui refazer o projeto aqui, parabéns larissa!
Valeuu, fico muito feliz de você ter feito 😊
muito bom, me ajudou em um trabalho pra facul🤙
showw moça! novo por aqui, esse projeto vai pro meu portfolio.
Muitoooo bom!
Obrigado, consegui criar primeiro projeto vendo seu vídeo e acompanhando, tive algumas dificuldades na hora que fui fazendo junto com as div, mas logo matei onde eu errei e ficou perfeito!
Parabéns
Ótimo vídeo, parabéns. Legal pra praticar e evoluir no HTML/CSS.
Muito obrigadaa☺️
Ficou show!
Refiz aqui e coloquei o Favicon da Netflix.
Queria deixar ele responsivo, mas vou ter que estudar um pouco mais pra isso rsrsrs.
Gostei do canal, vou ativar o sininho aqui, e refazer os projetos pra praticar um pouco.
Muito obrigada, eu queria ter deixado ele responsivo antes de gravar o vídeo mas acabei esquecendo, mas quando der vou trazer para o canal um login responsivo ☺️
Adorei o vídeo, vou indicar pra um amigo que está iniciando na área 🙃
Muito obrigadaaa, me ajuda muito 😄
muito bom, me ajudou muito parabens😃
Vídeo maravilhoso, ajudou bastante
Muito bacana, eu inseri no css background-image: cover e meu monitor é grande, ficou só na metade da tela. Dai eu pesquisei e vi que a tag correta é background-size: cover, aí deu certo. Parabéns pelo conteúdo. Muito bom
Oii, isso aí kdkss acabei me confundindo no vídeo, muito obrigada!
Parabéns, ficou muito bom!!
Muito obrigadaaa 😁☺️
MUITO OBRIGADO! FOI DE GRANDE AJUDA!
Valeuuu, fico muito feliz em ajudar☺️
Sabe muito, ficou top!!
Valeuuu, fico feliz que gostou 😊
Ficou top
Legal, quando vi seu vídeo tentei fazer sozinho, consegui mas algumas coisinhas precisei ver no seu video, o código ficou diferente mas o resultado igual kkk
Muito legal, curti fazer junto, bem legal pra ir estudando e aprendendo novas formas de fazer as coisas. Na parte do suporte, adicionei uma label, para ficar mais fácil de marcar a caixinha.
Lembre-se de mim.
Muito obrigada, gostei muito dessa dica!
@@larissakich Tmj 😌
Parabéns!
esse foi o meu primeiro projeto, acabei de finalizar e ainda fiz umas mudanças por conta própria. Muito obrigado, sua didática é muito boa, só senti falta de você mostrar na tela o código html na hora de estilizar cada etapa no css. mas mesmo assim consegui acompanhar tranquliamente..
oiii,vc poderia me manda seu slime ou PDF?pra eu ter uma base, tô começando fazer o trabalho
uma dica pra quem for fazer, a logo vcs diminuem ela em um editor de imagem, pq se nao o arquivo fica pesado pq o site tem q carregar a imagem em tamanho normal q seria o grande, para depois diminuir. Nao faz muito diferença para um projeto pequeno igual a esse mais se for um projeto grande faz toda diferença.
Melhor usar svg
Muito bom, parabéns =D
Muito obrigadaaa 😁☺️ que bom que gostou
Muito bom!
Valeuuu, fico feliz que gostou☺️
Vou acompanhar todos vídeos agr
Valeuu, isso me motiva bastante ☺️
Perfeito
showwwwww 👏🏼👏🏼👏🏼👏🏼
Fantástico
Wonderful video
muito lindo
Achei prático pra treinar, até pq não tem muito código e facilita pra rever e praticar
Que voz boa de ouvir
mais videos iguais a esse, por favor!!!!!!!
Ótimo. Mas como eu faço para deixar todo esse código no formato responsivo para que consiga acessar pelo celular depois de subir para o GitHub?
Vou começar do começo, kkkkk tentar aprender o que vc aprendeu ! Em tempo vc poderia mostrar quais extensões usa, facilitaria muito pra mim que sou leigo. Obrigado!
Oii, assim que der vou fazer um vídeo sobre extensões. Bons estudos ❤️
Remmm .... Top
Valeuuu ❤️
Caramba que site parabéns
Muito obrigadaa☺️
Quando faço a parte do hover não funciona nenhuma vez, não consigo achar o porque.
Video top!
Puts queria tanto acessar as contas dos outros
de novo essa historia Krane
olha só, que desgraçado (se conseguir manda me manda)
@@thelord9420 sim
@@matheuscauanoliveira2246 ok meu chapa
Se um dia eu aprender como faz eu ensino sksksksk
Esse projéto também dá ser feito com flexbox ?
Oii, pode sim
oi. vc faz qualquer layout para web ?
Oii, eu trabalho mais com a parte dos códigos, não tanto com o design
E só conectar em um banco de dados que vcs vão ter acesso ao login e senha das pessoas.
Qual tema vc usa no vscode?
Oii é o Ballerini theme
Nossa vei, daqui a pouco tu vira hacker 🤪 xDDDDD
Eu acho que é um pouco mais difícil skksksk mas quem sabe um dia
alguém pode dizer porque o background n aparece quando eu adiciono no css? fiz tudo correto como está no vídeo mas ele não aparece
Oii, você adicionou a imagem dentro da pasta? Pode ser que alguma pasta esteja em algum lugar diferente
@@larissakich já conferi e tava tudo certo, não sei oq tá errado 😕
@@ulisses_silva algo ta errado sim kkk se fizer tudo igual, da certo! Qualquer coisa, deixa o seu código nos comentários para podermos ver qual o erro.
Tá responsive?
Oii, não, esse login eu não fiz responsivo
segui tudo porem na hora da imagem background nao consegui importar digitei a mesma tag :/ to mt triste sou iniciante em html e css fiz as tags certinhas porem n foi oq eu esperava :/
Oii, pode ser que as pastas estejam diferentes, da uma olhada pra ver se todos os arquivos foram criados corretamente
@@larissakich voce tem discord?
@@larissakich eu ainda estou tentando encontrar o erro posso mandar o código pra você dar uma olhada
Tenho sim, me chama no Instagram que lá eu te passo
O tema do seu vs é o ballerine ?
Oii, é sim.
100 comentários agora :)
Bem legal, mas vc uma div pra tudo, não seria mais interessante usar as tags semânticas ?
Meu ".login_facebook span a" não pega o efeito do "tex-decoration: nome;". Muito bizarro, não acho o erro nem ferrando.
Oii, está escrito errado, "tex-decoration: nome", o correto é "text-decoration: none"
@@larissakich verdade, escrevi errado kkkk. Mas no codigo esta correto. Vou refazer para tentar achar o erro. Valeu
@@larissakich Achei o erro, tinha uma div a mais no html. Valeu pelo tutorial
Fico feliz que tenha conseguido achar o erro 😊
Ensina a deixar RESPONSIVO.
Queria entender porque você sempre cria divs com classes ao invés de usar as tags ''originais''
volta a fazer video pf!
Oii, volteii!!
Gostei do video, mas você usou DIVS demais, em lugares a onde nem precisavam.
madme larissa adi
Nesse login da para usar php para enviar os dados por e-mail kkkkkkkkk da pra fazer isso com qualquer site
Oi Larissa consegue me chamar preciso falar com você
Me chama no Instagram @lariikich
@@larissakich chamei
Não tem problema usar esse bando de div,
15:05 eu diminui a imagem do facebook direto no CSS com:
.login_facebook img {
height: 20px;
}
Larissa me ajuda ai kkkkk eu coloquei assim - background-image: url(..img/background.jpg); pois esta dando erro, quando eu executo da erro
Oii, falta uma "/", (../img).
@@larissakich 🙆🙆😅😅😅😅 nossa kkk Muito obrigado pela ajuda vc tem algum curso ? Sua didática e muito boa parabéns sucesso
Muito obrigadaaa, eu fiz o curso da b7web, agora estou fazendo os da Alura 🙃
Ficou top