Domínio de Formulários Angular (Angular 16)

Construa Formulários de Dados Empresariais Complexos com o Módulo de Formulários Angular 16

Classificação: 4.7 de 51426 avaliações Duração: 7 horas no total Número de aulas: 56 Nível de dificuldade: Todos os níveis Construa formulários de dados empresariais complexos com o poderoso módulo de Formulários Angular 16. Este curso serve como um guia abrangente para formulários baseados em modelos e reativos do Angular, e inclui um repositório Github em execução.

Este Curso em Resumo

O Angular é amplamente utilizado para desenvolver aplicativos empresariais internos, que frequentemente exigem o uso extensivo de formulários. Esses aplicativos geralmente envolvem numerosos formulários de entrada de dados complexos com várias regras de validação de formulário. O Angular fornece todas as ferramentas necessárias para construir formulários escaláveis e fáceis de usar por meio do seu módulo de Formulários Angular. Existem dois tipos de formulários disponíveis: formulários baseados em modelos e formulários reativos. Neste curso, vamos explorar ambos os tipos, explorando suas diferenças e quando usar cada um.

Visão Geral do Curso

Começaremos implementando um formulário simples usando formulários baseados em modelos e a diretiva ngModel. Vamos obter uma compreensão profunda de como ngModel e ngForm funcionam nos bastidores e explorar diferentes maneiras de utilizar essas diretivas para vinculação de dados e validação de formulários. Em seguida, mergulharemos nos formulários baseados em modelos, abordando tópicos como a construção de validadores de formulários personalizados usando diretivas personalizadas. Em seguida, vamos refatorar o formulário baseado em modelos em um formulário reativo e comparar as duas abordagens. Usando formulários reativos, vamos construir um formulário de entrada de dados mais complexo com vários tipos de controles, grupos aninhados, arrays de controles, validadores personalizados, validadores assíncronos, validações de vários campos, pré-salvamento de rascunho de formulário e muito mais. Este formulário reativo em vários passos se assemelhará de perto ao que você encontraria em um aplicativo de produção, permitindo-nos demonstrar as poderosas funcionalidades dos formulários reativos por meio de um exercício passo a passo. Além disso, aprenderemos a construir formulários aninhados reutilizáveis, como um formulário de endereço, e exploraremos o upload de arquivos em detalhes. Vamos criar um controle de upload de arquivos personalizado com um indicador de progresso e a capacidade de cancelar uploads. Por fim, forneceremos um exemplo completo que demonstra o uso de Form Arrays.

Índice

Este curso aborda os seguintes tópicos: - Introdução ao módulo de Formulários Angular - Componentes de formulário do Angular Material - Formulários baseados em modelos: Compreensão do ngModel - Regras típicas de validação de formulários - Mensagens de erro de validação de campos de formulário - Utilização do ngModel para vinculação de dados unidirecional e bidirecional - Compreensão aprofundada do ngModelOptions - Construção de validadores personalizados para formulários baseados em modelos - Como usar o serviço FormBuilder - Refatoração de formulários baseados em modelos para formulários reativos - Comparação entre formulários baseados em modelos e formulários reativos: Quando usar cada um e por quê - Compreensão do conceito de formulários reativos e dos Observables disponíveis - Redefinindo e definindo novos valores em um formulário reativo - Desenvolvimento de um formulário complexo usando formulários reativos - Utilização de controles de formulário comumente usados: inputs, áreas de texto, botões de rádio, caixas de seleção, calendários, autocompletar, etc. - Explorando as diretivas formGroup, formControlName e formControl - Criação de validadores personalizados para formulários reativos, incluindo validação de vários campos - Validação de campos de formulário no backend usando validadores assíncronos - Manipulação de campos dependentes: Habilitando ou desabilitando campos de formulário com base em outros valores de campo - Pré-salvamento de um rascunho de formulário - Construção de um formulário em vários passos com Angular Material - Criação de formulários aninhados reutilizáveis, como um formulário de endereço - Controle de Upload de Arquivo Personalizado - Form Arrays

O que você aprenderá neste curso?

Ao final deste curso, você terá adquirido conhecimento abrangente sobre o design e desenvolvimento de formulários de entrada de dados complexos que são tanto fáceis de manter quanto fáceis de usar. Você será capaz de implementar várias regras de validação de formulários, incluindo cenários avançados. Você se sentirá confiante em utilizar tanto formulários baseados em modelos quanto formulários reativos, entendendo quando usar cada um e por quê. Dê uma olhada nas aulas gratuitas abaixo e aproveite o curso! O que você aprenderá: - Acesso ao código no repositório Github com arquivos ZIP para download por seção - Compreensão aprofundada de Formulários Baseados em Modelos - Compreensão aprofundada de Formulários Reativos - Construção de validadores personalizados, incluindo validadores assíncronos e de vários campos - Construção de controles de formulário personalizados, incluindo um componente de upload de arquivos - Criação de formulários aninhados reutilizáveis - Construção de um formulário empresarial em vários passos em grande escala