O que você aprenderá_
- Diferencie o Vite do CRA e conheça as vantagens do uso do Styled Components
- Utilize styled-components para criação de uma NavBar e estilização de um banner
- Projete e implemente componentes React para exibir imagens e legendas
- Aplique estilos personalizados e acessíveis para uma galeria de fotos
- Adicione uma barra lateral de imagens populares e footer
Público alvo_
O curso é destinado a desenvolvedores iniciantes e intermediários em React que desejam melhorar suas habilidades na criação e estilização de componentes, aprendendo a diferenciar Vite do CRA e tirando proveito do uso de Styled Components.
João Vitor Pereira
João Vitor é monitor na escola Front-end e bacharel em Sistemas de Informação. Seu foco principal é aprendar mais Front-end para ensinar cada vez melhor. Apaixonado por tecnologia, jogos, café e programação, passa seu tempo livre viajando e brincando com sua cachorrinha Cacau.
Vinicios Neves
Vinicios é engenheiro de software, envolvido na arquitetura, design e implementação de microsserviços, micro frontends e sistemas distribuídos. Tem experiência significativas em aplicativos, integração e arquitetura corporativa. É Engenheiro de Software pela UNESA e Arquiteto de Software pela PUC Minas.
Curso atualizado em 11/10/2023
Já estuda na Alura?
Comece o curso agoraEmenta
Iniciando o projeto
- Criando app
- Fundo com gradiente
- Normalizando o CSS
Componentes iniciais e fontes
- Cabeçalho
- Base da barra lateral
- Estrutura do item de navegação
- Importando as fontes do projeto #1
- Importando as fontes do projeto #2
Criando galeria
- Montando o layout desktop
- Estruturando a galeria
- Lidando com as tags
- Importando fotos
Uma modal de zoom
- Um diálogo para a todos governar
- O estado da modal
- Fundo com opacidade
Favoritando imagens
- Hora de favoritar
- Alternando o favoritismo
- Caça aos bugs
Descubra se esse curso é pra você! Leia as primeiras aulas
-
Formação
Explore React com JavaScript
10h
De curso
56
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
Giovanni Gasperini
Gabriel Spinelli Bispo Araujo
Rodrigo José Malavasi
RUTE DA SILVA RODRIGUES SOUSA
ANNE GABRIELLE
e mais 238 pessoas
e mais 238 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
Aprenda React com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas