Angular
Curso gratuito
Última atualização: 09/2020
Angular
- 159 Video Aulas (30 horas)
- Acesso Vitalício
Angular
Curso Gratuito
Última atualização: 09/2020
Conteúdo
- #01: Introdução14 minutos
- Novidades Angular 4.x e CLI26 minutos
- #02: Ambiente de Desenvolvimento (Node.JS, TypeScript, Angular CLI)9 minutos
- #03: Hello, World! Criando primeiro projeto e o primeiro Componente20 minutos
- #04: Introdução ao TypeScript para Angular15 minutos
- #05: Módulos (ngModule)17 minutos
- #06: Introdução aos Templates12 minutos
- #07: Introdução aos Serviços e Injeção de Dependência (DI)13 minutos
- #08: Dicas plugins Angular para Atom e VS Code14 minutos
- #09: Property Binding e Interpolação14 minutos
- #10: Class e Style binding13 minutos
- #11: Event binding14 minutos
- #12: Two-way data binding14 minutos
- #13: Reusando Componentes com Input properties9 minutos
- #14: Emitindo Eventos com Output properties12 minutos
- #15: Ciclo de vida do Componente11 minutos
- #16: Acesso ao DOM e ao Template com ViewChild5 minutos
- #17: Angular CLI: Instalação e criação de projetos: ng new e ng serve8 minutos
- #18: Angular CLI: Criando components, services: ng generate8 minutos
- #19: Angular CLI: Usando pré-processadores (Sass, Less, Stylus)4 minutos
- #20: Angular CLI: ng lint, ng test, ng e2e10 minutos
- #21: Angular CLI: Estrutura do projeto24 minutos
- #22: Angular CLI: Gerando build de produção8 minutos
- #23: Angular CLI: instalando bibliotecas (Assistam aula #118 no lugar desta aula)15 minutos
- #24: Introdução e tipos de diretivas no Angular 23 minutos
- #25: Diretivas: ngIf15 minutos
- #26: Diretivas: ngSwitch, ngSwitchCase e ngSwitchDefault10 minutos
- #27: Diretivas: ngFor6 minutos
- #28: Diretivas: sobre o * e template9 minutos
- #29: Diretivas: ngClass6 minutos
- #30: Diretivas: ngStyle7 minutos
- #31: Operador Elvis ("?")8 minutos
- #32: ng-content8 minutos
- #33: Criando uma diretiva de atributo15 minutos
- #34: Diretivas: HostListener e HostBinding11 minutos
- #35: Diretivas: Input e Property Binding9 minutos
- #36: Criando uma diretiva de estrutura (ngElse)12 minutos
- #37: Introdução a Serviços8 minutos
- #38: Criando um serviço (Service)11 minutos
- #39: Injeção de Dependência (DI) + como usar um serviço em um componente7 minutos
- #40: Escopo de instâncias de serviços e módulos (singleton e várias instâncias)15 minutos
- #41: Comunicação entre componentes usando serviços (broadcast de eventos)14 minutos
- #42: Injetando um serviço em outro serviço5 minutos
- #43: Pipes (usando pipes, parâmetros e pipes aninhados)14 minutos
- #44: Criando um Pipe7 minutos
- #45: Aplicando Locale (internacionalização) nos Pipes8 minutos
- #46: Pipes: Criando um Pipe "Puro"9 minutos
- #47: Pipes: Criando um Pipe "Impuro"7 minutos
- #48: Pipes: Async (assíncrono)6 minutos
- #49: Rotas: Introdução9 minutos
- #50: Rotas: Configurando rotas simples11 minutos
- #51: Rotas: RouterLink: definindo rotas no template6 minutos
- #52: Rotas: Aplicando CSS em rotas ativas3 minutos
- #53: Rotas: Definindo e extraindo parâmetros de roteamento7 minutos
- #54: Rotas: Escutando mudanças nos parâmetros de roteamento7 minutos
- #55: Rotas Imperativas: Redirecionamento via código12 minutos
- #56: Rotas: Definindo e extraindo parâmetros de url (query)8 minutos
- #57: Rotas: Criando um módulo de rotas8 minutos
- #58: Criando um módulo de funcionalidade10 minutos
- #59: Rotas: Criando um módulo de rotas de funcionalidade5 minutos
- #60: Rotas Filhas12 minutos
- #61: Rotas Filhas: desenvolvendo as telas19 minutos
- #62: Rotas: Dica de Performance: Carregamento sob demanda (lazy loading)14 minutos
- #63: Rotas: Tela de Login e como não mostrar o Menu (NavBar)18 minutos
- #64: Usando Guarda de Rotas: CanActivate15 minutos
- #65: Usando Guarda de Rotas: CanActivateChild18 minutos
- #66: Usando Guarda de Rotas: CanDeactivate14 minutos
- #67: Usando Guarda de Rotas: CanDeactivate com Interface Genérica7 minutos
- #68: Guarda de Rotas: Resolve: carregando dados antes da rota ser ativada17 minutos
- #69: Usando Guarda de Rotas: CanLoad: como não carregar o módulo sem permissão9 minutos
- #70: Definindo rota padrão e wildcard (rota não encontrada)10 minutos
- #71: Estilo de url: HTML5 ou usando #4 minutos
- #72: Formulários (template vs data / reativo) Introdução5 minutos
- #73: Formulários - Criando o projeto inicial com Bootstrap 310 minutos
- #74: Forms (template driven) Controles ngForm, ngSubmit e ngModel7 minutos
- #75: Forms (template driven) Inicializando valores com ngModel5 minutos
- #76: Forms (template driven) Módulos e FormsModule4 minutos
- #77: Forms (template driven) Aplicando validação nos campos5 minutos
- #78: Forms (template driven) Aplicando CSS na validação dos campos8 minutos
- #79: Forms (template driven) Mostrando mensagens de erro de validação9 minutos
- #80: Forms (template driven) Desabilitando o botão de submit para formulário inválido3 minutos
- #81: Forms (Dica): Verificando dados do Form no template com JSON6 minutos
- #82: Forms (template driven) Adicionando campos de endereço (form layout Bootstrap 3)14 minutos
- #83: Forms (template driven) Refatorando (simplificando) CSS e mensagens de erro12 minutos
- #84: Forms (template driven) Form groups (agrupando dados)3 minutos
- #85: Forms (template driven) Pesquisando endereço automaticamente com CEP16 minutos
- #86: Forms (template driven) Populando campos com setValue e patchValue (CEP)11 minutos
- #87: Forms (template driven) Submetendo valores com HTTP POST10 minutos
- #88: Formulários reativos (data driven) Introdução3 minutos
- #89: Formulários reativos: Configuração (Módulo e Componente)5 minutos
- #90: Formulários reativos: Criando um form com código Angular7 minutos
- #91: Formulários reativos: Sincronizando HTML com FormGroup8 minutos
- #92: Formulários reativos: Fazendo submit7 minutos
- #93: Resetando o form7 minutos
- #94: Formulários reativos: Aplicando validação nos campos8 minutos
- #95: Formulários reativos: Acesso ao FormControl no HTML e CSS de validação dos campos12 minutos
- #96: Formulários reativos: Endereço (migrando de template driven para form reativo)9 minutos
- #97: Formulários reativos: Form groups (agrupando dados)7 minutos
- #98: Formulários reativos: Autopopulando endereço com CEP (setValue e patchValue)6 minutos
- #99: Formulários reativos: Verificar validação dos campos com botão submit14 minutos
- #100: Formulários: Criando um serviço de Estados Brasileiros14 minutos
- Curso Angular: Atualizando projetos para Angular v626 minutos
- #101: Formulários: Serviço de consulta CEP + provideIn11 minutos
- #102: Formulários reativos: Combobox simples (select)7 minutos
- #103: Formulários reativos: Combobox com Objeto (ngValue e compareWith)14 minutos
- #104: Formulários reativos: Combobox Múltiplo (Select Multiple)6 minutos
- #105: Formulários reativos: Radio Button (Botão do tipo Rádio)7 minutos
- #106: Formulários reativos: Checkbox Toggle7 minutos
- #107: Formulários reativos: FormArray: Checkboxes Dinâmicos17 minutos
- #108: Formulários reativos: Validação Customizada (FormArray Checkboxes)10 minutos
- #109: Formulários reativos: Validação Customizada (CEP)7 minutos
- #110: Formulários reativos: Validação entre dois campos (confirmar email)13 minutos
- #111: Formulários reativos: Validação Assíncrona20 minutos
- #112: Formulários reativos: Serviço de Mensagens de Erros18 minutos
- #113: Formulários reativos: Reagindo à mudanças reativamente13 minutos
- #114: Formulários reativos: Campo input customizado (ControlValueAcessor)26 minutos
- #115: Formulários reativos: Classe base para Forms (herança no Angular)15 minutos
- #116: Formulários reativos: Combobox aninhado: Estado + Cidade17 minutos
- #117: Http / HttpClient: Introdução3 minutos
- #118: Instalando Bootstrap 411 minutos
- Curso Angular: Novidades Angular v6.121 minutos
- #119: Http: Simulando Servidor REST (json-server)8 minutos
- #120: Http GET: listar registros13 minutos
- #121: Http: Dica: Variável de Ambiente4 minutos
- #122: Http GET + Pipe Async7 minutos
- #123: Http + RxJS: Unsubscribe Automático23 minutos
- #124: Capturando Erros (+ Erro com async)12 minutos
- #125: Erro Http: Alerta de Erro com Bootstrap20 minutos
- #126: Serviço de alerta genérico com Bootstrap 47 minutos
- #127: Http: Criando formulário para criar e editar cursos18 minutos
- #128: HTTP POST Criando Cursos11 minutos
- #129: Http: Editando Cursos e Observables aninhados23 minutos
- Curso Angular: Atualizando projetos Angular v6 para v7 (ng update)6 minutos
- #130: Http: Editando Cursos + Resolver (Rota)12 minutos
- #131: Http PUT Atualizando Cursos11 minutos
- #132: Http DELETE: Popup de Confirmação para remover Cursos14 minutos
- #133: Popup de Confirmação genérica Bootstrap 4 (com RxJS)20 minutos
- #134: Http: Serviço Genérico de CRUD10 minutos
- #135: Upload de Arquivo: Formulário Upload com Bootstrap 415 minutos
- #136: Http: Upload de Arquivo: Back-end com Node.js13 minutos
- Curso Angular: Atualizando projetos Angular v8 (ng update) + Novidades do Angular v825 minutos
- #137: Http Upload de Arquivo: Request com FormData18 minutos
- #138: Http: Removendo CORS com Angular Proxy14 minutos
- #139: Upload Arquivo: Barra de Progresso + Observando Eventos Http17 minutos
- #140: Http: Criando operador RxJS customizado12 minutos
- #141: Http: Download de Arquivo22 minutos
- #142: Criando tela de pesquisa8 minutos
- #143: Http: Passando Parâmetros na URL (HttpParams)16 minutos
- #144: Http: Pesquisa/Busca com Programação Reativa14 minutos
- #145: Debug com Augury12 minutos
- #146: Debug com Visual Studio Code11 minutos
- #147: Build de Produção + Suporte ao Internet Explorer14 minutos
- #148: Deploy em Produção (Firebase Hosting)9 minutos
- #149: Deploy em Produção com ng deploy (Firebase)7 minutos
- #150: Gerando Imagem Docker com Build de Produção20 minutos
- #151: Imagem Docker: Deploy Google Cloud (Cloud Run)12 minutos
- #153: Imagem Docker: Deploy Microsoft Azure12 minutos
- #154: Imagem Docker: Deploy Amazon AWS6 minutos
- #155: Conclusão3 minutos