Para conclusão
Nesta formação aprenderemos o que é e como construir um Design System usando as tecnologias mais populares de desenvolvimento web. Você mergulhará no mundo do Design Atômico e aprenderá construindo um projeto prático com Next.js e Typescript.
Ao concluir esta formação, você terá as habilidades necessárias para criar e manter Design Systems eficazes, economizando tempo e esforço em projetos futuros.
Clique aqui e acesse o Tech Guide para acompanhar sua evolução e matricule-se na formação para planejar à sua trilha de estudos com acesso direto pelo Dashboard.
Em caso de dúvidas, acesse o Fórum ou interaja com a comunidade no Discord.
Vamos mergulhar!?
Conteúdos pensados para facilitar seu estudo
Formação completa para o mercado
Do zero ao sonhado emprego em sua área de interesse
Comece essa formação agora mesmo e capacite-se para seu próximo projeto!
Conheça os planos
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.
Sou um engenheiro de software e líder técnico com mais de 10 anos de experiência, especialista em Javascript e tecnologias correlatas, com habilidades para liderar equipes multifuncionais e criar ambientes colaborativos. Além disso, sou apaixonado por ensino e compartilhamento de conhecimento. Atuo como instrutor, criador de conteúdo e palestrante em eventos de tecnologia. Em resumo, sou um programador apaixonado pelo que faz e por desenvolver as pessoas que se conectam comigo!
Sou um engenheiro de software e líder técnico com mais de 10 anos de experiência, especialista em Javascript e tecnologias correlatas, com habilidades para liderar equipes multifuncionais e criar ambientes colaborativos. Além disso, sou apaixonado por ensino e compartilhamento de conhecimento. Atuo como instrutor, criador de conteúdo e palestrante em eventos de tecnologia. Em resumo, sou um programador apaixonado pelo que faz e por desenvolver as pessoas que se conectam comigo!
Product designer, instrutor de UX na Alura, pro player de Figma e especialista em Harry Potter.
Product designer, instrutor de UX na Alura, pro player de Figma e especialista em Harry Potter.
Neste primeiro passo você explorará em detalhes a configuração inicial da aplicação, criação de design tokens no Tailwind CSS, permitindo uma padronização consistente dos estilos em toda a aplicação e conhecerá a metodologia do Atomic Design. Além disso, você aprenderá a utilizar o Headless UI e o classnames para deixar seus componentes acessíveis, lidar com estilos dinâmicos e ter uma base de componentes reutilizáveis.
Curso React: criando um Design System com TailwindCSS
12h
Artigo Design Systems: Entenda o que é e confira Exemplos | Alura
Alura+ Atomic design
Curso React: evolua o seu Design System com TailwindCSS
10h
Site Design Systems - Hipsters #170 - Hipsters Ponto TechHipsters Ponto Tech
Neste segundo passo, você irá aprimorar sua documentação no Storybook. Conhecerá plugins, organização de pastas e estórias, testes com o Chromatic e publicará essa documentação na Vercel. Além disso, você irá aprender como publicar seu design system como uma biblioteca de componentes, conhecerá breaking changes, versionamento semântico e conhecerá mais sobre licença e documentação técnica.
Curso React: eleve o nível da sua documentação no Storybook
08hArtigo Versionamento Semântico (SemVer): uma breve introdução | Alura
Curso React: versione e publique o seu Design System
06hArtigo Simplificando o controle de versão com Conventional Commits | Alura
Artigo Changelog: o guia do desenvolvedor para documentar e compreender alterações de software | Alura
Escola
Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...
Conheça a EscolaMais 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.
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.
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
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.
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.
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
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.
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