Angular

Curso gratuito
Última atualização: 23/05/2022
Angular

Angular

  • 159 Video Aulas (1785 min)
  • Recursos Adicionais

Conteúdo

  • #01: Introdução
    14 minutos
  • Novidades Angular 4.x e CLI
    26 minutos
  • #02: Ambiente de Desenvolvimento (Node.JS, TypeScript, Angular CLI)
    9 minutos
  • #03: Hello, World! Criando primeiro projeto e o primeiro Componente
    20 minutos
  • #04: Introdução ao TypeScript para Angular
    15 minutos
  • #05: Módulos (ngModule)
    17 minutos
  • #06: Introdução aos Templates
    12 minutos
  • #07: Introdução aos Serviços e Injeção de Dependência (DI)
    13 minutos

  • #08: Dicas plugins Angular para Atom e VS Code
    14 minutos
  • #09: Property Binding e Interpolação
    14 minutos
  • #10: Class e Style binding
    13 minutos
  • #11: Event binding
    14 minutos
  • #12: Two-way data binding
    14 minutos
  • #13: Reusando Componentes com Input properties
    9 minutos
  • #14: Emitindo Eventos com Output properties
    12 minutos
  • #15: Ciclo de vida do Componente
    11 minutos
  • #16: Acesso ao DOM e ao Template com ViewChild
    5 minutos

  • #17: Angular CLI: Instalação e criação de projetos: ng new e ng serve
    8 minutos
  • #18: Angular CLI: Criando components, services: ng generate
    8 minutos
  • #19: Angular CLI: Usando pré-processadores (Sass, Less, Stylus)
    4 minutos
  • #20: Angular CLI: ng lint, ng test, ng e2e
    10 minutos
  • #21: Angular CLI: Estrutura do projeto
    24 minutos
  • #22: Angular CLI: Gerando build de produção
    8 minutos
  • #23: Angular CLI: instalando bibliotecas (Assistam aula #118 no lugar desta aula)
    15 minutos

  • #24: Introdução e tipos de diretivas no Angular 2
    3 minutos
  • #25: Diretivas: ngIf
    15 minutos
  • #26: Diretivas: ngSwitch, ngSwitchCase e ngSwitchDefault
    10 minutos
  • #27: Diretivas: ngFor
    6 minutos
  • #28: Diretivas: sobre o * e template
    9 minutos
  • #29: Diretivas: ngClass
    6 minutos
  • #30: Diretivas: ngStyle
    7 minutos

  • #31: Operador Elvis ("?")
    8 minutos
  • #32: ng-content
    8 minutos
  • #33: Criando uma diretiva de atributo
    15 minutos
  • #34: Diretivas: HostListener e HostBinding
    11 minutos
  • #35: Diretivas: Input e Property Binding
    9 minutos
  • #36: Criando uma diretiva de estrutura (ngElse)
    12 minutos

  • #37: Introdução a Serviços
    8 minutos
  • #38: Criando um serviço (Service)
    11 minutos
  • #39: Injeção de Dependência (DI) + como usar um serviço em um componente
    7 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ço
    5 minutos

  • #43: Pipes (usando pipes, parâmetros e pipes aninhados)
    14 minutos
  • #44: Criando um Pipe
    7 minutos
  • #45: Aplicando Locale (internacionalização) nos Pipes
    8 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ção
    9 minutos
  • #50: Rotas: Configurando rotas simples
    11 minutos
  • #51: Rotas: RouterLink: definindo rotas no template
    6 minutos
  • #52: Rotas: Aplicando CSS em rotas ativas
    3 minutos
  • #53: Rotas: Definindo e extraindo parâmetros de roteamento
    7 minutos

  • #54: Rotas: Escutando mudanças nos parâmetros de roteamento
    7 minutos
  • #55: Rotas Imperativas: Redirecionamento via código
    12 minutos
  • #56: Rotas: Definindo e extraindo parâmetros de url (query)
    8 minutos
  • #57: Rotas: Criando um módulo de rotas
    8 minutos
  • #58: Criando um módulo de funcionalidade
    10 minutos

  • #59: Rotas: Criando um módulo de rotas de funcionalidade
    5 minutos
  • #60: Rotas Filhas
    12 minutos
  • #61: Rotas Filhas: desenvolvendo as telas
    19 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: CanActivate
    15 minutos
  • #65: Usando Guarda de Rotas: CanActivateChild
    18 minutos
  • #66: Usando Guarda de Rotas: CanDeactivate
    14 minutos
  • #67: Usando Guarda de Rotas: CanDeactivate com Interface Genérica
    7 minutos
  • #68: Guarda de Rotas: Resolve: carregando dados antes da rota ser ativada
    17 minutos
  • #69: Usando Guarda de Rotas: CanLoad: como não carregar o módulo sem permissão
    9 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ção
    5 minutos
  • #73: Formulários - Criando o projeto inicial com Bootstrap 3
    10 minutos
  • #74: Forms (template driven) Controles ngForm, ngSubmit e ngModel
    7 minutos
  • #75: Forms (template driven) Inicializando valores com ngModel
    5 minutos
  • #76: Forms (template driven) Módulos e FormsModule
    4 minutos

  • #77: Forms (template driven) Aplicando validação nos campos
    5 minutos
  • #78: Forms (template driven) Aplicando CSS na validação dos campos
    8 minutos
  • #79: Forms (template driven) Mostrando mensagens de erro de validação
    9 minutos
  • #80: Forms (template driven) Desabilitando o botão de submit para formulário inválido
    3 minutos
  • #81: Forms (Dica): Verificando dados do Form no template com JSON
    6 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 erro
    12 minutos
  • #84: Forms (template driven) Form groups (agrupando dados)
    3 minutos
  • #85: Forms (template driven) Pesquisando endereço automaticamente com CEP
    16 minutos
  • #86: Forms (template driven) Populando campos com setValue e patchValue (CEP)
    11 minutos
  • #87: Forms (template driven) Submetendo valores com HTTP POST
    10 minutos

  • #88: Formulários reativos (data driven) Introdução
    3 minutos
  • #89: Formulários reativos: Configuração (Módulo e Componente)
    5 minutos
  • #90: Formulários reativos: Criando um form com código Angular
    7 minutos
  • #91: Formulários reativos: Sincronizando HTML com FormGroup
    8 minutos
  • #92: Formulários reativos: Fazendo submit
    7 minutos
  • #93: Resetando o form
    7 minutos
  • #94: Formulários reativos: Aplicando validação nos campos
    8 minutos
  • #95: Formulários reativos: Acesso ao FormControl no HTML e CSS de validação dos campos
    12 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 submit
    14 minutos
  • #100: Formulários: Criando um serviço de Estados Brasileiros
    14 minutos
  • Curso Angular: Atualizando projetos para Angular v6
    26 minutos
  • #101: Formulários: Serviço de consulta CEP + provideIn
    11 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 Toggle
    7 minutos

  • #107: Formulários reativos: FormArray: Checkboxes Dinâmicos
    17 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íncrona
    20 minutos
  • #112: Formulários reativos: Serviço de Mensagens de Erros
    18 minutos
  • #113: Formulários reativos: Reagindo à mudanças reativamente
    13 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 + Cidade
    17 minutos

  • #117: Http / HttpClient: Introdução
    3 minutos
  • #118: Instalando Bootstrap 4
    11 minutos
  • Curso Angular: Novidades Angular v6.1
    21 minutos
  • #119: Http: Simulando Servidor REST (json-server)
    8 minutos
  • #120: Http GET: listar registros
    13 minutos
  • #121: Http: Dica: Variável de Ambiente
    4 minutos
  • #122: Http GET + Pipe Async
    7 minutos
  • #123: Http + RxJS: Unsubscribe Automático
    23 minutos
  • #124: Capturando Erros (+ Erro com async)
    12 minutos
  • #125: Erro Http: Alerta de Erro com Bootstrap
    20 minutos

  • #126: Serviço de alerta genérico com Bootstrap 4
    7 minutos
  • #127: Http: Criando formulário para criar e editar cursos
    18 minutos
  • #128: HTTP POST Criando Cursos
    11 minutos
  • #129: Http: Editando Cursos e Observables aninhados
    23 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 Cursos
    11 minutos
  • #132: Http DELETE: Popup de Confirmação para remover Cursos
    14 minutos
  • #133: Popup de Confirmação genérica Bootstrap 4 (com RxJS)
    20 minutos
  • #134: Http: Serviço Genérico de CRUD
    10 minutos

  • #135: Upload de Arquivo: Formulário Upload com Bootstrap 4
    15 minutos
  • #136: Http: Upload de Arquivo: Back-end com Node.js
    13 minutos
  • Curso Angular: Atualizando projetos Angular v8 (ng update) + Novidades do Angular v8
    25 minutos
  • #137: Http Upload de Arquivo: Request com FormData
    18 minutos
  • #138: Http: Removendo CORS com Angular Proxy
    14 minutos
  • #139: Upload Arquivo: Barra de Progresso + Observando Eventos Http
    17 minutos
  • #140: Http: Criando operador RxJS customizado
    12 minutos
  • #141: Http: Download de Arquivo
    22 minutos
  • #142: Criando tela de pesquisa
    8 minutos
  • #143: Http: Passando Parâmetros na URL (HttpParams)
    16 minutos
  • #144: Http: Pesquisa/Busca com Programação Reativa
    14 minutos

  • #145: Debug com Augury
    12 minutos
  • #146: Debug com Visual Studio Code
    11 minutos
  • #147: Build de Produção + Suporte ao Internet Explorer
    14 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ção
    20 minutos
  • #151: Imagem Docker: Deploy Google Cloud (Cloud Run)
    12 minutos
  • #153: Imagem Docker: Deploy Microsoft Azure
    12 minutos
  • #154: Imagem Docker: Deploy Amazon AWS
    6 minutos

  • #155: Conclusão
    3 minutos