Para o desenvolvimento do projeto Music Legends será utilizado apenas HTML e CSS, além disso será feito o deploy no Netlify e o controle de versão será feito com o uso do Github. Esse projeto foi feito em livecoding na twitch.tv( / leovargasdev .
O layout dessa aplicação foi desenvolvido pelo Iuri Silva ( / iuricode , esse projeto é um desafio frontend do servidor Codelândia(link do discord: / discord .
Link do repositório: https://github.com/leovargasdev/music...
Link do protótipo: https://www.figma.com/file/Yb9IBH56g7...
Acessar implementação: https://music-legends.leonardovargas....
------------------------------------------------------------------------------------------------------------------
📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦
Twitch: / leovargasdev
Instagram: / leuvargas
Twitter: / leovargasdev
Github: https://www.github.com/leovargasdev
Linkedin: / leonardo-luis-de-vargas
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💻 𝗦𝗘𝗧𝗨𝗣
OS: Pop OS 20.04
Notebook Dell (https://amzn.to/3lzdrdY)
Tela 1: Monitor AOC(https://amzn.to/402aIJ7)
Tela 2: Monitor MTEK
Suporte Ergonômico ELG (https://amzn.to/3lrlslj)
Hub USB C p/ usar na 2ª tela (https://amzn.to/40k7iBj)
Webcam Logitech BRIO (https://amzn.to/3lmcQfV)
Microfone Blue Yeticaster (https://amzn.to/3yNqRX0)
Teclado Redragon Varuna (https://amzn.to/40mhskM)
Mouse Logitech G300s (https://amzn.to/42rZCi2)
Mouse Pad (https://amzn.to/42B8YIG)
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
ÍNDICES DO VÍDEO:
00:00 - Introdução e apresentando projeto
01:45 - Extraindo cores do figma
06:35 - Criando a seção Header
08:30 - Adicionando estrutura das seções
11:00 - Removendo o Sass e adicionando o CSS
13:10 - Continuando a estrutura das seções
14:25 - Estilizando a seção Header
28:45 - Adicionando bordar linear-gradient
32:00 - Criando a seção Main
47:55 - Explicando a propriedade object-fit
52:00 - Ajustes na seção Main
53:30 - Criando a seção Footer
1:27:45 - Criando o componente Timeline
1:42:50 - Encerrando vídeo
Смотрите видео #1 MUSIC LEGENDS - CRIANDO A ESTRUTURA INICIAL DA PÁGINA | HTML CSS JAVASCRIPT онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Leo Vargas 13 Май 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,070 раз и оно понравилось 126 людям.