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

Published: 13 May 2022
on channel: 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


Watch video #1 MUSIC LEGENDS - CRIANDO A ESTRUTURA INICIAL DA PÁGINA | HTML CSS JAVASCRIPT online without registration, duration hours minute second in high quality. This video was added by user Leo Vargas 13 May 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,070 once and liked it 126 people.