Name: Curso Angular e GitHub Actions: aplique CI/CD no seu Design System
Rating: 4.6 (69 reviews)

Matricule-se com desconto especial do Gaules!

aplique CI/CD no seu Design System

Quero estudar na alura

10h

Para conclusão

148

Pessoas nesse curso

9.2

Avaliação média

Certificado

De participação

O que você aprenderá_

Automatize as tarefas do Nx, como lint e testes, com o GitHub Actions
Aplique novos comandos do Nx, como run many, affected, e muito mais
Integre o CI com o Nx Cloud para aproveitar recursos como cache remoto
Automatize a publicação do Storybook e os testes visuais do Chromatic
Publique os componentes automaticamente no NPM
Pratique os fluxos reais realizados em times de desenvolvimento

Público alvo_

Desenvolvedores front-end com experiência em Angular, Storybook, Nx e GitHub Actions e que desejam aprimorar suas habilidades de automação em desenvolvimento; profissionais que trabalham em times de desenvolvimento e buscam implementar práticas de CI/CD em um monorepo Nx para otimizar trabalho e economizar recursos.

Antônio Evaldo

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 03/02/2025

Já estuda na Alura?

Comece o curso agora

Ementa

Automatizando com GitHub Actions
- Executando tarefas apenas para os projetos afetados
- Executando lint e testes dos projetos
- Criando primeiro workflow com GitHub Actions
- Otimizando o workflow com o comando affected
Conectando com Nx Cloud
- Criando conta no Nx Cloud
- Criando um segredo no GitHub para ocultar tokens
- Utilizando o cache remoto para economizar recursos
Integrando o Chromatic
- Publicando o Storybook manualmente
- Produzindo o workflow para o Chromatic
- Concluindo o workflow para o Chromatic com nx affected
- Fazendo a publicação automatizada no Chromatic
Fluxo no Chromatic
- Otimizando o workflow do Chromatic para reduzir tempo de execução
- Corrigindo o botão na branch main
- Trabalhando o fluxo de desenvolvimento em um pull request
- Corrigindo o modal no pull request
Automatizando publicação no NPM
- Criando workflow de publicação de componentes
- Criando token do NPM e segredo do GitHub
- Publicando os pacotes no NPM
- Otimizando o fluxo de CI/CD com paths-ignore e recapitulando o fluxo de trabalho

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!

Formação
Angular: construa um Design System com Nx, Monorepo e Storybook

10h
De curso

54
Atividades

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

Cursos relacionados em Angular

curso

Angular e Supabase

refinando a aplicação com SSR

Front-end

curso

Angular 19

estruture componentes com signals e controle de fluxo

Front-end

curso

Angular e GitHub Actions:

O que você aprenderá_