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
Watch video Agentes do Valorant - Parte 2: Cabeçalho da aplicação - NextJS, TypeScript e Sass online without registration, duration hours minute second in high quality. This video was added by user Leo Vargas 23 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 516 once and liked it 32 people.