Video: Curso Angular #92: Formulários reativos: Fazendo submit


Curso: Curso de Angular
Idioma:   Course LanguageDificuldade:  
Básico

Categorias: Desenvolvimento,
Tags: angular,

Descrição:
Aulas gratuitas do curso de Angular (98% do curso compatível com Angular v7) do portal http://loiane.training - com certificado ao final do curso.
Aulas compatíveis com Angular v2,  v4, v5 e v6 e v7.

Progresso:

Curso Angular #01: Introdução
Novidades Angular 4.x e CLI
Curso Angular #02: Ambiente de Desenvolvimento (Node.JS, TypeScript, Angular CLI)
Curso Angular #03: Hello, World! Criando primeiro projeto e o primeiro Componente
Curso Angular #04: Introdução ao TypeScript para Angular
Curso Angular #05: Módulos (ngModule)
Curso Angular #06: Introdução aos Templates
Curso Angular #07: Introdução aos Serviços e Injeção de Dependência (DI)
Curso Angular #08: Dicas plugins Angular para Atom e VS Code
Curso Angular #09: Property Binding e Interpolação
Curso Angular #10: Class e Style binding
Curso Angular #11: Event binding
Curso Angular #12: Two-way data binding
Curso Angular #13: Reusando Componentes com Input properties
Curso Angular #14: Emitindo Eventos com Output properties
Curso Angular #15: Ciclo de vida do Componente
Curso Angular #16: Acesso ao DOM e ao Template com ViewChild
Curso Angular #17: Angular CLI: Instalação e criação de projetos: ng new e ng serve
Curso Angular #18: Angular CLI: Criando components, services: ng generate
Curso Angular #19: Angular CLI: Usando pré-processadores (Sass, Less, Stylus)
Curso Angular #20: Angular CLI: ng lint, ng test, ng e2e
Curso Angular #21: Angular CLI: Estrutura do projeto
Curso Angular #22: Angular CLI: Gerando build de produção
Curso Angular #23: Angular CLI: instalando bibliotecas (Assistam aula #118 no lugar desta aula)
Curso Angular #24: Introdução e tipos de diretivas no Angular 2
Curso Angular 2 #25: Diretivas: ngIf
Curso Angular #26: Diretivas: ngSwitch, ngSwitchCase e ngSwitchDefault
Curso Angular 2 #27: Diretivas: ngFor
Curso Angular 2 #28: Diretivas: sobre o * e template
Curso Angular #29: Diretivas: ngClass
Curso Angular #30: Diretivas: ngStyle
Curso Angular #31: Operador Elvis ("?")
Curso Angular #32: ng-content
Curso Angular 2 #33: Criando uma diretiva de atributo
Curso Angular #34: Diretivas: HostListener e HostBinding
Curso Angular #35: Diretivas: Input e Property Binding
Curso Angular 2 #36: Criando uma diretiva de estrutura (ngElse)
Curso Angular #37: Introdução a Serviços
Curso Angular #38: Criando um serviço (Service)
Curso Angular #39: Injeção de Dependência (DI) + como usar um serviço em um componente
Curso Angular #40: Escopo de instâncias de serviços e módulos (singleton e várias instâncias)
Curso Angular #41: Comunicação entre componentes usando serviços (broadcast de eventos)
Curso Angular #42: Injetando um serviço em outro serviço
Curso Angular #43: Pipes (usando pipes, parâmetros e pipes aninhados)
Curso Angular #44: Criando um Pipe
Curso Angular #45: Aplicando Locale (internacionalização) nos Pipes
Curso Angular #46: Pipes: Criando um Pipe "Puro"
Curso Angular #47: Pipes: Criando um Pipe "Impuro"
Curso Angular #48: Pipes: Async (assíncrono)
Curso Angular 2 #49: Rotas: Introdução
Curso Angular #50: Rotas: Configurando rotas simples
Curso Angular #51: Rotas: RouterLink: definindo rotas no template
Curso Angular #52: Rotas: Aplicando CSS em rotas ativas
Curso Angular #53: Rotas: Definindo e extraindo parâmetros de roteamento
Curso Angular #54: Rotas: Escutando mudanças nos parâmetros de roteamento
Curso Angular #55: Rotas Imperativas: Redirecionamento via código
Curso Angular #56: Rotas: Definindo e extraindo parâmetros de url (query)
Curso Angular #57: Rotas: Criando um módulo de rotas
Curso Angular #58: Criando um módulo de funcionalidade
Curso Angular #59: Rotas: Criando um módulo de rotas de funcionalidade
Curso Angular #60: Rotas Filhas
Curso Angular #61: Rotas Filhas: desenvolvendo as telas
Curso Angular #62: Rotas: Dica de Performance: Carregamento sob demanda (lazy loading)
Curso Angular #63: Rotas: Tela de Login e como não mostrar o Menu (NavBar)
Curso Angular #64: Usando Guarda de Rotas: CanActivate
Curso Angular #65: Usando Guarda de Rotas: CanActivateChild
Curso Angular #66: Usando Guarda de Rotas: CanDeactivate
Curso Angular #67: Usando Guarda de Rotas: CanDeactivate com Interface Genérica
Curso Angular #68: Guarda de Rotas: Resolve: carregando dados antes da rota ser ativada
Curso Angular #69: Usando Guarda de Rotas: CanLoad: como não carregar o módulo sem permissão
Curso Angular #70: Definindo rota padrão e wildcard (rota não encontrada)
Curso Angular #71: Estilo de url: HTML5 ou usando #
Curso Angular #72: Formulários (template vs data / reativo) Introdução
Curso Angular #73: Formulários - Criando o projeto inicial com Bootstrap 3
Curso Angular #74: Forms (template driven) Controles ngForm, ngSubmit e ngModel
Curso Angular #75: Forms (template driven) Inicializando valores com ngModel
Curso Angular #76: Forms (template driven) Módulos e FormsModule
Curso Angular #77: Forms (template driven) Aplicando validação nos campos
Curso Angular #78: Forms (template driven) Aplicando CSS na validação dos campos
Curso Angular #79: Forms (template driven) Mostrando mensagens de erro de validação
Curso Angular #80: Forms (template driven) Desabilitando o botão de submit para formulário inválido
Curso Angular #81: Forms (Dica): Verificando dados do Form no template com JSON
Curso Angular #82: Forms (template driven) Adicionando campos de endereço (form layout Bootstrap 3)
Curso Angular #83: Forms (template driven) Refatorando (simplificando) CSS e mensagens de erro
Curso Angular #84: Forms (template driven) Form groups (agrupando dados)
Curso Angular #85: Forms (template driven) Pesquisando endereço automaticamente com CEP
Curso Angular #86: Forms (template driven) Populando campos com setValue e patchValue (CEP)
Curso Angular #87: Forms (template driven) Submetendo valores com HTTP POST
Curso Angular #88: Formulários reativos (data driven) Introdução
Curso Angular #89: Formulários reativos: Configuração (Módulo e Componente)
Curso Angular #90: Formulários reativos: Criando um form com código Angular
Curso Angular #91: Formulários reativos: Sincronizando HTML com FormGroup
Curso Angular #92: Formulários reativos: Fazendo submit
Curso Angular #93: Resetando o form
Curso Angular #94: Formulários reativos: Aplicando validação nos campos
Curso Angular #95: Formulários reativos: Acesso ao FormControl no HTML e CSS de validação dos campos
Curso Angular #96: Formulários reativos: Endereço (migrando de template driven para form reativo)
Curso Angular #97: Formulários reativos: Form groups (agrupando dados)
Curso Angular #98: Formulários reativos: Autopopulando endereço com CEP (setValue e patchValue)
Curso Angular #99: Formulários reativos: Verificar validação dos campos com botão submit
Curso Angular #100: Formulários: Criando um serviço de Estados Brasileiros
Curso Angular: Atualizando projetos para Angular v6
Curso Angular #101: Formulários: Serviço de consulta CEP + provideIn
Curso Angular #102: Formulários reativos: Combobox simples (select)
Curso Angular #103: Formulários reativos: Combobox com Objeto (ngValue e compareWith)
Curso Angular #104: Formulários reativos: Combobox Múltiplo (Select Multiple)
Curso Angular #105: Formulários reativos: Radio Button (Botão do tipo Rádio)
Curso Angular #106: Formulários reativos: Checkbox Toggle
Curso Angular #107: Formulários reativos: FormArray: Checkboxes Dinâmicos
Curso Angular #108: Formulários reativos: Validação Customizada (FormArray Checkboxes)
Curso Angular #109: Formulários reativos: Validação Customizada (CEP)
Curso Angular #110: Formulários reativos: Validação entre dois campos (confirmar email)
Curso Angular #111: Formulários reativos: Validação Assíncrona
Curso Angular #112: Formulários reativos: Serviço de Mensagens de Erros
Curso Angular #113: Formulários reativos: Reagindo à mudanças reativamente
Curso Angular #114: Formulários reativos: Campo input customizado (ControlValueAcessor)
Curso Angular #115: Formulários reativos: Classe base para Forms (herança no Angular)
Curso Angular #116: Formulários reativos: Combobox aninhado: Estado + Cidade
Curso Angular #117: Http / HttpClient: Introdução
Curso Angular #118: Instalando Bootstrap 4
Curso Angular: Novidades Angular v6.1
Curso Angular #119: Http: Simulando Servidor REST (json-server)
Curso Angular #120: Http GET: listar registros
Curso Angular #121: Http: Dica: Variável de Ambiente
Curso Angular #122: Http GET + Pipe Async
Curso Angular #123: Http + RxJS: Unsubscribe Automático
Curso Angular #124: Capturando Erros (+ Erro com async)
Curso Angular #125: Erro Http: Alerta de Erro com Bootstrap
Curso Angular #126: Serviço de alerta genérico com Bootstrap 4
Curso Angular #127: Http: Criando formulário para criar e editar cursos
Curso Angular #128: HTTP POST Criando Cursos
Curso Angular #129: Http: Editando Cursos e Observables aninhados
Curso Angular: Atualizando projetos Angular v6 para v7 (ng update)
Curso Angular #130: Http: Editando Cursos + Resolver (Rota)
Curso Angular #131: Http PUT Atualizando Cursos
Curso Angular #132: Http DELETE: Popup de Confirmação para remover Cursos
Curso Angular #133: Popup de Confirmação genérica Bootstrap 4 (com RxJS)
Curso Angular #134: Http: Serviço Genérico de CRUD
Curso Angular #135: Upload de Arquivo: Formulário Upload com Bootstrap 4
Curso Angular #136: Http: Upload de Arquivo: Back-end com Node.js
Curso Angular: Atualizando projetos Angular v8 (ng update) + Novidades do Angular v8
Curso Angular #137: Http Upload de Arquivo: Request com FormData
Curso Angular #138: Http: Removendo CORS com Angular Proxy
Curso Angular #139: Upload Arquivo: Barra de Progresso + Observando Eventos Http
Curso Angular #140: Http: Criando operador RxJS customizado
Curso Angular #141: Http: Download de Arquivo
Curso Angular #142: Criando tela de pesquisa
Curso Angular #143: Http: Passando Parâmetros na URL (HttpParams)
Curso Angular #144: Http: Pesquisa/Busca com Programação Reativa
Curso Angular #145: Debug com Augury
Curso Angular #146: Debug com Visual Studio Code
Curso Angular #147: Build de Produção + Suporte ao Internet Explorer
Curso Angular #148: Deploy em Produção (Firebase Hosting)
Curso Angular #149: Deploy em Produção com ng deploy (Firebase)
Curso Angular #150: Gerando Imagem Docker com Build de Produção
Curso Angular #151: Imagem Docker: Deploy Google Cloud (Cloud Run)
Curso Angular #153: Imagem Docker: Deploy Microsoft Azure
Curso Angular #154: Imagem Docker: Deploy Amazon AWS
Curso Angular #155: Conclusão
Angular: Atualizando projetos para Angular v9 Ivy (ng update)
Angular: Novidades Angular v9 Ivy: Depreciação do entryComponents
Angular: Novidades Angular v9 Ivy: TypeScript 3.7 (optional chaining e coalescência nula)
Angular: Atualizando projetos para Angular v10 e novidades