#1 MUSIC LEGENDS - CRIANDO A ESTRUTURA INICIAL DA PÁGINA | HTML CSS JAVASCRIPT

Опубликовано: 13 Май 2022
на канале: Leo Vargas
2,070
126

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 людям.