Front-end
Domine o desenvolvimento de Design Systems e Monorepos escaláveis com Angular, Nx e Storybook
Nesta formação, você vai desenvolver do zero, no Angular, um Design System 100% completo!
Aprenda a utilizar ferramentas do mercado como o Nx, Storybook e GitHub Actions para implementar componentes e bibliotecas e aumentar a eficiência, acelerar o trabalho, alinhar mais o time e reduzir retrabalho e trabalhos manuais.
Vamos começar pelo NX e um monorepo (ou mono-repositório), que organiza 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 este ambiente, criando uma base sólida para o desenvolvimento de componentes reutilizáveis.
Inicie sua jornada agora.
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.
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.
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!
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 EscolaEm seguida, exploraremos como criar e publicar bibliotecas dentro desse monorepo para compartilhar e reutilizar o seu design system em diferentes projetos.
O Storybook será a nossa ferramenta principal para documentar e visualizar os componentes. Você aprenderá a configurar e integrar o Storybook ao Angular e ao Nx, criando um catálogo interativo e dinâmico de componentes. E tem mais! Vamos documentar variantes e estados de componentes, assegurando que ambos os times de design e de desenvolvimento tenham uma visão clara do projeto.
Para fechar com chave de ouro, vamos utilizar o GitHub Actions para implementar CI/CD (Integração Contínua e Entrega Contínua) no nosso Design System, o que aumenta a produtividade e reduz tempo e recursos em tarefas do dia a dia. Vamos automatizar as tarefas do Nx, a publicação do Storybook, os testes visuais do Chromatic e a publicação dos componentes no NPM.
Ao final dessa formação, você terá desenvolvido um Design System completo, pronto para ser aplicado em projetos reais, incluindo casos de componentes compelxo, recursos avançados do Nx e do Storybook e a implementação do CI/CD para automatizar o fluxo de trabalho.
O Plano Plus evoluiu: agora com Luri para impulsionar sua carreira com os melhores cursos e acesso à maior comunidade tech.
Luri Vision chegou no Plano Pro: a IA da Alura que enxerga suas dúvidas, acelera seu aprendizado e conta também com o Alura Língua que prepara você para competir no mercado internacional.
Para quem quer atingir seus objetivos mais rápido: Luri Vision ilimitado, vagas de emprego exclusivas e mentorias para acelerar cada etapa da jornada.
Pague com cartão de crédito ou PayPal em até 12x, NuPay em até 24x
ou à vista no Pix, com 5% de desconto extra.
Garantimos cancelamento gratuito em até 7 dias.
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!
