Aniversário
Alura 12 anos

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Matricule-se com desconto especial do Gaules!

Logo do curso
Curso

Angular:

construa um Design System com Nx e Storybook

Quero estudar na alura

8h

Para conclusão

307

Pessoas nesse curso

9.3

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Entenda o que é Design System e Atomic Design e quais seus benefícios para uma empresa
  • Crie um monorepo com Nx e aprenda a gerenciar aplicações e bibliotecas dentro de um único repositório
  • Implemente uma documentação interativa com Storybook
  • Desenvolva diversas variantes de um componente
  • Automatize a publicação e atualização de bibliotecas com Nx Release

Público alvo_

Pessoas desenvolvedoras em Angular que desejam aprender a criar e documentar componentes de um Design System utilizando o Storybook, organizar projetos com Monorepos através do Nx e publicar bibliotecas no NPM.

Antônio Evaldo

github

linkedin

Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

Curso atualizado em 19/11/2024

Ementa

  1. Design System e Monorepo

    • Por que um Design System?
    • Criando um Monorepo com Nx
    • Plugins e geradores do Nx
    • Criando uma biblioteca
  2. Utilizando o Storybook

    • Criando biblioteca do Storybook
    • Configurando o Storybook
    • Criando stories
  3. Trabalhando no botão

    • Definindo estilos iniciais
    • Implementando variantes
    • Adicionando configuração de autodocs
    • Criando variantes do tema violeta
  4. Publicando com Nx Release

    • Criando organização no NPM
    • Utilizando o Nx Release
    • Sub-comandos do Nx Release
    • Automatizando dependências de tarefas
    • Publicando o componente
  5. Consumindo a biblioteca

    • Instalando e utilizando a biblioteca
    • Atualizando a biblioteca

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Este e mais 3 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
Escola

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.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas