Agentes do Valorant - Parte 2: Cabeçalho da aplicação - NextJS, TypeScript e Sass

Опубликовано: 23 Октябрь 2023
на канале: Leo Vargas
516
32

Na segunda parte da nossa série "Agentes do Valorant", exploraremos a estrutura do cabeçalho da nossa aplicação, organizando o HTML e criando a estilização com o pré-processador Sass. Em seguida, daremos os primeiros passos na criação de componentes React, vamos criar o nosso componente Header, a criação de componentes é uma habilidade fundamental para a construção de interfaces dinâmicas e reutilizáveis.

Não se esqueça de se inscrever e ativar as notificações para não perder nenhum episódio.

Link do notion: https://leovargas.notion.site/Agentes...

🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜𝗗𝗘𝗢𝗦

• Criando um portfólio do zero
   • CRIANDO UM SITE DE PORTFÓLIO DO ZERO  

• Projetos de frontend para o portfólio
   • Criação de sites para portfólio - Fro...  

• Configurando o ambiente de programação (linux, terminal, vscode)
   • Configurando ambiente de programação ...  

• Curso de ReactJS para iniciantes
   • Curso de React  

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

🏘 𝗖𝗢𝗠𝗨𝗡𝗜𝗗𝗔𝗗𝗘 𝗡𝗢 𝗗𝗜𝗦𝗖𝗢𝗥𝗗

  / discord  

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦

⮞ Twitch:   / leovargasdev  
⮞ Instagram:   / leuvargas  
⮞ Twitter:   / leovargasdev  
⮞ Github: https://www.github.com/leovargasdev
⮞ Linkedin:   / leonardo-luis-de-vargas  

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

💻 𝗦𝗘𝗧𝗨𝗣

Notebook Dell (https://amzn.to/48080ra)
Tela 1: Monitor AOC(https://amzn.to/3NAJq8L)
Suporte Ergonômico ELG (https://amzn.to/3t0i1G5)
Hub USB C p/ usar na 2ª tela (https://amzn.to/3uI2jjs)
Webcam Logitech BRIO (https://amzn.to/3RDm4BP)
Microfone Blue Yeticaster (https://amzn.to/3sW32wW)
Teclado Redragon Varuna (https://amzn.to/3T8Dkji)
Mouse Logitech G300s (https://amzn.to/3Rtnfn4)
Mouse Pad (https://amzn.to/3Rtnfn4)
Estante (https://amzn.to/46KgVfr)

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

📑 𝗦𝗨𝗠𝗔𝗥𝗜𝗢 𝗗𝗢 𝗩𝗜́𝗗𝗘𝗢

00:00 Introdução
00:18 Estruturando o header
01:30 Configurando o Eslint
03:16 Continuando a estrutura do header
04:10 Estilizando o header
06:10 Links do menu
07:48 Html da area do avatar
11:00 Estilizando o componente user
13:26 Separando o cabeçalho em um componente
17:55 Explicando a estrutura de um componente ReactJS
20:49: Enviando codigo para o git e encerramento

#webdevelopment #reactjs #nextjs #sass #valorant


Смотрите видео Agentes do Valorant - Parte 2: Cabeçalho da aplicação - NextJS, TypeScript e Sass онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Leo Vargas 23 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 516 раз и оно понравилось 32 людям.