Formação em

Pré-lançamento

Formações Front-end Angular: cursos para construir um Design System com Nx, Monorepo e Storybook

Formação Angular: cursos para construir um Design System com Nx, Monorepo e Storybook

Domine o desenvolvimento de Design Systems e Monorepos escaláveis com Angular, Nx e Storybook

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura
11h

Para conclusão

1
Curso
1
Vídeo extra
4
Artigos

Essa formação está em pré-lançamento! O que isso quer dizer? Uma formação em pré-lançamento indica que o time está trabalhando nela nesse exato momento.

Você já pode fazer os primeiros cursos dessa formação. Ela continuará a ser criada a partir do seu feedback no fim dos cursos e no nosso Discord.

Angular: cursos para construir um Design System com Nx, Monorepo e Storybook

Nesta formação, você embarcará em uma jornada pelo desenvolvimento de um Design System de uma empresa fictícia - a Alfabit, utilizando Angular, Nx e Storybook, que serão nossas ferramentas aliadas na implementação dos componentes e das bibliotecas que criaremos.

Iniciaremos com a estruturação de um monorepo (ou mono-repositório) utilizando o Nx, uma ferramenta que permite organizar múltiplas aplicações e bibliotecas em um único repositório, facilitando a colaboração e a manutenção de código em larga escala. Você aprenderá como configurar e gerenciar eficientemente este ambiente, garantindo uma base sólida para o desenvolvimento de componentes reutilizáveis.

Em seguida, exploraremos como criar e publicar bibliotecas dentro desse monorepo, garantindo que cada parte do seu Design System possa ser facilmente compartilhada e utilizada em diferentes projetos.

O Storybook será a nossa ferramenta principal para documentar e visualizar os componentes criados. Você aprenderá a configurar o Storybook para que ele se integre ao Angular e ao Nx, criando um catálogo interativo e dinâmico de componentes. Vamos além da simples implementação visual, documentando variantes e estados de componentes, assegurando que o time de design e de desenvolvimento tenha uma visão clara e compartilhada do que está sendo construído.

Ao final dessa formação, você terá desenvolvido um Design System completo, pronto para ser aplicado em projetos reais, proporcionando eficiência no desenvolvimento e manutenção de sites, além de garantir a consistência visual e funcional em todas as suas aplicações.

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do 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

Com quem você vai aprender?

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura. Estudei Engenharia Elétrica na Universidade Federal do Piauí. Sou apaixonado por programação e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura. Estudei Engenharia Elétrica na Universidade Federal do Piauí. Sou apaixonado por programação e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

  • Mateus Villain

    Product designer, instrutor de UX na Alura, pro player de Figma e especialista em Harry Potter.

  • Mateus Villain

    Product designer, instrutor de UX na Alura, pro player de Figma e especialista em Harry Potter.

Essa formação está em pré-lançamento. O que isso quer dizer? Uma formação em pré-lançamento indica que o time está trabalhando nela nesse exato momento.

Ao mesmo tempo você já pode fazer os primeiros cursos e conteúdo. Ela será criada a partir do seu feedback no fim dos cursos e no nosso Discord.

Passo a passo
  1. 1 Explorando monorepos, Nx, Storybook e Design System

    Neste primeiro passo, você aprenderá a utilizar o Nx para criar seu primeiro monorepo, facilitando o gerenciamento e a organização de múltiplos projetos em um único repositório. Vamos iniciar a implementação do Design System utilizando o Storybook, onde você aprenderá a documentar e visualizar as variantes dos componentes Angular em um ambiente isolado. E por fim, publicaremos a primeira biblioteca do monorepo no NPM, utilizando uma ferramenta do Nx - o Nx Release, para que a biblioteca possa ser utilizada por diferentes aplicações e pelo restante do mundo!

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Plus

De
R$ 1.800
por
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

Matricule-se

Pro

De
R$ 2.400
por
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

  • Luri, a inteligência artificial da Alura

    Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos, corrige exercícios e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com a Luri até 100 mensagens por semana.

  • Alura Língua - Inglês e Espanhol

    Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.

Matricule-se

Ultra

12X
R$209
à vista R$2.508
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

  • Luri, com mensagens ILIMITADAS

    Mensagens ilimitadas para estudar com a Luri, a IA da Alura, disponível 24hs para tirar suas dúvidas, dar exemplos práticos, corrigir exercícios e impulsionar seus estudos.

  • Luri Vision, a IA que enxerga suas dúvidas

    Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.

  • Alura Língua - Inglês e Espanhol

    Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.

  • 6 Ebooks da Casa do Código

    Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas