Front-end
React: criando um Design System com TailwindCSS
12hCarga horária
52Atividades
2.317Estudantes
9,0Avaliação média
01Certificado
O que você vai aprender
- Identifique os princípios fundamentais do Atomic Design e sua aplicação na criação de bibliotecas de componentes
- Crie um projeto com Next.js, configurando adequadamente as dependências e estrutura do projeto
- Realize a configuração dos design tokens para criar um design system consistente
- Instale e utilize o Tailwind CSS para agilizar o desenvolvimento e estilização dos componentes
- Crie componentes reutilizáveis, seguindo as práticas recomendadas e utilizando o Storybook para visualização e testes
Público alvo
Desenvolvedores front-end que desejam aprofundar seus conhecimentos em Next.js, Tailwind CSS e Storybook; profissionais de UI/UX interessados em aprender Atomic Design e como criar uma biblioteca de componentes reutilizáveis; equipes de desenvolvimento que desejam implementar um design system consistente e eficiente em seus projetos; estudantes e entusiastas de tecnologia que queiram explorar as bases teóricas e práticas do Atomic Design; desenvolvedores que desejam melhorar sua habilidade de criação de componentes utilizando as tecnologias mencionadas.
Ementa
- Apresentação do problema
- Criando o projeto
- Bind de cores
- Componente botão
- Papo com Matheus
Descubra se esse curso é pra você!
Ler as primeiras aulasCertificado reconhecido pelas maiores empresas do Brasil e do mundo.
Aprenda com quem está construindo o mercado
Vinicius Cardozo
Sou um engenheiro de software e líder técnico com mais de 10 anos de experiência, especialista em Ja...
Front-end
Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.
Explore conteúdos
Inicie sua jornada agora.
Cursos relacionados em React
React:
estilize componentes com Styled Components e manipule arquivos estáticos
Ver mais em Front-endCertificado Alura
React com Typescript:
desenvolvendo uma área administrativa
Ver mais em Front-endCertificado Alura
React:
desenvolva aplicações tipadas e escaláveis com Typescript
Ver mais em Front-endCertificado Alura
React:
migrando para TypeScript
Ver mais em Front-endCertificado Alura
