Тёмный

Página de Login da Netflix | HTML e CSS 

Larissa Kich
Подписаться 20 тыс.
Просмотров 32 тыс.
50% 1

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...

Наука

Опубликовано:

 

5 фев 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 122   
@moniquenavarro4131
@moniquenavarro4131 Год назад
Cada vez melhor hemmm Guria, suas dicas e aulas são nota mil! Sucesso, mais um dos seus projetos legais, done!
@leandrocarneiro1741
@leandrocarneiro1741 Год назад
Parabéns pelo conteúdo, excelente didática tranquilo de se acompanhar afins de praticar mais. SHOW
@lucaasdesigner
@lucaasdesigner Год назад
Que vídeo bacana, ensinou muito bem e consegui absover os ensinamentos e pondo em pratica, parabéns. Novo inscrito aqui 👏👏❤️
@pretinhoilustra1625
@pretinhoilustra1625 Год назад
Vídeo top, parabém!!!! Da para acompanhar tranquilamente, e assim vamos aprendendo mais e praticando.
@jacksonvinicius299
@jacksonvinicius299 7 месяцев назад
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
@rebecaoliveira4047
@rebecaoliveira4047 Год назад
Adorei o vídeo, consegui criar o projeto junto com vc e aprendi bastante. vlw
@oiwebsam
@oiwebsam 11 месяцев назад
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
@Railson_Lopes
@Railson_Lopes Год назад
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 👍
@patriciodiniz5322
@patriciodiniz5322 2 года назад
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) 😎👍
@larissakich
@larissakich 2 года назад
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.
@DesenvolvendoJogos
@DesenvolvendoJogos 2 года назад
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
@larissakich
@larissakich 2 года назад
Parabéns 👏🏻👏🏻 fico muito feliz em ter te ajudado 🥰
@user-zy9tl1mw7k
@user-zy9tl1mw7k 10 месяцев назад
showw moça! novo por aqui, esse projeto vai pro meu portfolio.
@Anubis.Ramses-ll
@Anubis.Ramses-ll Год назад
Parabéns, vídeo muito top gostei muito.
@matheusmanoel8489
@matheusmanoel8489 Год назад
muito bom, me ajudou em um trabalho pra facul🤙
@neeyoliveira9840
@neeyoliveira9840 2 года назад
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 !!!
@larissakich
@larissakich 2 года назад
Que bom!! Fico feliz que consegui te ajudar 😊
@alyferjacobsen9710
@alyferjacobsen9710 2 года назад
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;
@victorgoncalves2647
@victorgoncalves2647 3 месяца назад
muito bom, me ajudou muito parabens😃
@adrianorodrigues7378
@adrianorodrigues7378 Год назад
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
@larissakich
@larissakich Год назад
Oii, isso aí kdkss acabei me confundindo no vídeo, muito obrigada!
@Yu3w
@Yu3w 2 года назад
Vídeo maravilhoso, ajudou bastante
@renanlimaxs
@renanlimaxs 2 года назад
Ótimo vídeo, parabéns. Legal pra praticar e evoluir no HTML/CSS.
@larissakich
@larissakich 2 года назад
Muito obrigadaa☺️
@matheusgama3558
@matheusgama3558 2 года назад
Top demais, consegui refazer o projeto aqui, parabéns larissa!
@larissakich
@larissakich 2 года назад
Valeuu, fico muito feliz de você ter feito 😊
@gabrielrubens6292
@gabrielrubens6292 Год назад
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
@marlonfernandes8369
@marlonfernandes8369 2 года назад
MUITO OBRIGADO! FOI DE GRANDE AJUDA!
@larissakich
@larissakich 2 года назад
Valeuuu, fico muito feliz em ajudar☺️
@heitortasso7401
@heitortasso7401 2 года назад
Parabéns, ficou muito bom!!
@larissakich
@larissakich 2 года назад
Muito obrigadaaa 😁☺️
@leosantos7162
@leosantos7162 2 года назад
Adorei o vídeo, vou indicar pra um amigo que está iniciando na área 🙃
@larissakich
@larissakich 2 года назад
Muito obrigadaaa, me ajuda muito 😄
@BlenoMartins
@BlenoMartins 2 года назад
Sabe muito, ficou top!!
@larissakich
@larissakich 2 года назад
Valeuuu, fico feliz que gostou 😊
@bachelor9861
@bachelor9861 2 года назад
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.
@larissakich
@larissakich 2 года назад
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 ☺️
@periclesperesoficial
@periclesperesoficial Год назад
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.
@larissakich
@larissakich Год назад
Muito obrigada, gostei muito dessa dica!
@periclesperesoficial
@periclesperesoficial Год назад
@@larissakich Tmj 😌
@Kingaraujo_
@Kingaraujo_ 9 месяцев назад
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.
@Alucard.2024
@Alucard.2024 7 месяцев назад
Melhor usar svg
@caikester
@caikester Год назад
Ficou top
@YannAntunesFurlan
@YannAntunesFurlan 2 года назад
Muito bom, parabéns =D
@larissakich
@larissakich 2 года назад
Muito obrigadaaa 😁☺️ que bom que gostou
@guguetz
@guguetz Год назад
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
@InteligenciaJ
@InteligenciaJ 3 месяца назад
Achei prático pra treinar, até pq não tem muito código e facilita pra rever e praticar
@Alex51matias
@Alex51matias Год назад
Fantástico
@flaviodossantos9172
@flaviodossantos9172 Год назад
Parabéns!
Год назад
showwwwww 👏🏼👏🏼👏🏼👏🏼
@rodrigoxcx7
@rodrigoxcx7 2 года назад
Vou acompanhar todos vídeos agr
@larissakich
@larissakich 2 года назад
Valeuu, isso me motiva bastante ☺️
@luiggiabdiel9345
@luiggiabdiel9345 2 года назад
Muito bom!
@larissakich
@larissakich 2 года назад
Valeuuu, fico feliz que gostou☺️
@leandrooliveira3259
@leandrooliveira3259 Год назад
Perfeito
@arifshakib8795
@arifshakib8795 Год назад
Wonderful video
@rayane_garcia
@rayane_garcia Год назад
mais videos iguais a esse, por favor!!!!!!!
@lucassoares1665
@lucassoares1665 Год назад
Ó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?
@Oliiivii
@Oliiivii Год назад
muito lindo
@gustavocichocki5442
@gustavocichocki5442 Год назад
Que voz boa de ouvir
@JosyVasconcellos-ut7xk
@JosyVasconcellos-ut7xk Год назад
Quando faço a parte do hover não funciona nenhuma vez, não consigo achar o porque.
@josaelfernandes113
@josaelfernandes113 Год назад
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!
@larissakich
@larissakich Год назад
Oii, assim que der vou fazer um vídeo sobre extensões. Bons estudos ❤️
@brunoeufrasio
@brunoeufrasio Год назад
Remmm .... Top
@larissakich
@larissakich Год назад
Valeuuu ❤️
@DanielSilva-tx1db
@DanielSilva-tx1db Год назад
E só conectar em um banco de dados que vcs vão ter acesso ao login e senha das pessoas.
@rodrigoxcx7
@rodrigoxcx7 2 года назад
Caramba que site parabéns
@larissakich
@larissakich 2 года назад
Muito obrigadaa☺️
@krane7783
@krane7783 2 года назад
Puts queria tanto acessar as contas dos outros
@thelord9420
@thelord9420 2 года назад
de novo essa historia Krane
@matheuscauanoliveira2246
@matheuscauanoliveira2246 2 года назад
olha só, que desgraçado (se conseguir manda me manda)
@krane7783
@krane7783 2 года назад
@@thelord9420 sim
@krane7783
@krane7783 2 года назад
@@matheuscauanoliveira2246 ok meu chapa
@larissakich
@larissakich 2 года назад
Se um dia eu aprender como faz eu ensino sksksksk
@regialexmatos8686
@regialexmatos8686 2 года назад
oi. vc faz qualquer layout para web ?
@larissakich
@larissakich 2 года назад
Oii, eu trabalho mais com a parte dos códigos, não tanto com o design
@LucasSouza-ei2ve
@LucasSouza-ei2ve Год назад
Esse projéto também dá ser feito com flexbox ?
@larissakich
@larissakich Год назад
Oii, pode sim
@ja1_antonio
@ja1_antonio Год назад
Video top!
@gabrielpaiva6472
@gabrielpaiva6472 Год назад
Qual tema vc usa no vscode?
@larissakich
@larissakich Год назад
Oii é o Ballerini theme
@ulisses_silva
@ulisses_silva Год назад
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
@larissakich
@larissakich Год назад
Oii, você adicionou a imagem dentro da pasta? Pode ser que alguma pasta esteja em algum lugar diferente
@ulisses_silva
@ulisses_silva Год назад
@@larissakich já conferi e tava tudo certo, não sei oq tá errado 😕
@periclesperesoficial
@periclesperesoficial Год назад
@@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.
@lodgex8841
@lodgex8841 2 года назад
O tema do seu vs é o ballerine ?
@larissakich
@larissakich 2 года назад
Oii, é sim.
@limbosdream
@limbosdream 2 года назад
Nossa vei, daqui a pouco tu vira hacker 🤪 xDDDDD
@larissakich
@larissakich 2 года назад
Eu acho que é um pouco mais difícil skksksk mas quem sabe um dia
@leonardobezerra1816
@leonardobezerra1816 Год назад
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 :/
@larissakich
@larissakich Год назад
Oii, pode ser que as pastas estejam diferentes, da uma olhada pra ver se todos os arquivos foram criados corretamente
@leonardobezerra1816
@leonardobezerra1816 Год назад
@@larissakich voce tem discord?
@leonardobezerra1816
@leonardobezerra1816 Год назад
@@larissakich eu ainda estou tentando encontrar o erro posso mandar o código pra você dar uma olhada
@larissakich
@larissakich Год назад
Tenho sim, me chama no Instagram que lá eu te passo
@MasterArc4x
@MasterArc4x Год назад
100 comentários agora :)
@vanrleymacedo7071
@vanrleymacedo7071 2 года назад
Tá responsive?
@larissakich
@larissakich 2 года назад
Oii, não, esse login eu não fiz responsivo
@dheymysonbrito9494
@dheymysonbrito9494 Год назад
Ensina a deixar RESPONSIVO.
@Alex51matias
@Alex51matias Год назад
Meu ".login_facebook span a" não pega o efeito do "tex-decoration: nome;". Muito bizarro, não acho o erro nem ferrando.
@larissakich
@larissakich Год назад
Oii, está escrito errado, "tex-decoration: nome", o correto é "text-decoration: none"
@Alex51matias
@Alex51matias Год назад
@@larissakich verdade, escrevi errado kkkk. Mas no codigo esta correto. Vou refazer para tentar achar o erro. Valeu
@Alex51matias
@Alex51matias Год назад
@@larissakich Achei o erro, tinha uma div a mais no html. Valeu pelo tutorial
@larissakich
@larissakich Год назад
Fico feliz que tenha conseguido achar o erro 😊
@hpmania3718
@hpmania3718 Год назад
Bem legal, mas vc uma div pra tudo, não seria mais interessante usar as tags semânticas ?
@gabrielmoura3815
@gabrielmoura3815 Год назад
volta a fazer video pf!
@larissakich
@larissakich Год назад
Oii, volteii!!
@FEID2010
@FEID2010 9 месяцев назад
Nesse login da para usar php para enviar os dados por e-mail kkkkkkkkk da pra fazer isso com qualquer site
@caionascimentobattista5961
@caionascimentobattista5961 Год назад
Queria entender porque você sempre cria divs com classes ao invés de usar as tags ''originais''
@Juliomoura-pb3ep
@Juliomoura-pb3ep Год назад
madme larissa adi
@iranorecchio6946
@iranorecchio6946 Год назад
Gostei do video, mas você usou DIVS demais, em lugares a onde nem precisavam.
@andreiainesdossantos7188
@andreiainesdossantos7188 2 года назад
Oi Larissa consegue me chamar preciso falar com você
@larissakich
@larissakich 2 года назад
Me chama no Instagram @lariikich
@andreiainesdossantos7188
@andreiainesdossantos7188 2 года назад
@@larissakich chamei
@faeserprod8720
@faeserprod8720 4 месяца назад
Não tem problema usar esse bando de div,
@geraldopcf
@geraldopcf 2 года назад
15:05 eu diminui a imagem do facebook direto no CSS com: .login_facebook img { height: 20px; }
@andersonsouza6885
@andersonsouza6885 2 года назад
Larissa me ajuda ai kkkkk eu coloquei assim - background-image: url(..img/background.jpg); pois esta dando erro, quando eu executo da erro
@larissakich
@larissakich 2 года назад
Oii, falta uma "/", (../img).
@andersonsouza6885
@andersonsouza6885 2 года назад
@@larissakich 🙆🙆😅😅😅😅 nossa kkk Muito obrigado pela ajuda vc tem algum curso ? Sua didática e muito boa parabéns sucesso
@larissakich
@larissakich 2 года назад
Muito obrigadaaa, eu fiz o curso da b7web, agora estou fazendo os da Alura 🙃
@caikester
@caikester Год назад
Ficou top
Далее
DEV Precificando Projeto tipo Netflix (bem simples)
18:40
Como aprender CSS GRID de uma vez por todas! 🤯
21:19
MELHOR QUE NETFLIX
3:28
Просмотров 1,8 тыс.
COMO CRIAR PÁGINA DE LOGIN E CADASTRO COM HTML E CSS
12:13
CSS para Iniciantes 1/4
21:26
Просмотров 61 тыс.
НАШ ЛЮБИМЫЙ КЛИЕНТ
1:00
Просмотров 312 тыс.