Curso Angular para WebApps RESTful

FD9E034F-C706-472D-ABA4-310433A703E5 Created with sketchtool. 20 horas/aula
Veja as próximas turmas

O que você vai fazer

Para quem é esse curso?

Para desenvolvedores Web interessados em Single Page Applications com Angular, o famoso framework da Google, que agora na sua nova versão usa recursos do ES6 combinado com o poderoso Typescript.

Para aproveitar melhor o curso recomendamos que você tenha conhecimento em

Curso Web Apps Responsivas com JavaScript e jQuery

Conteúdo detalhado do curso JS-45

    Construindo o alicerce da nossa aplicação

  1. Angular, o framework MVC da Google
  2. Angular 2 e o novo paradigma
  3. Conhecendo um pouco da nossa aplicação, o Caelumpic
  4. Instalando o Node.js em casa
  5. Angular CLI
  6. Exercício - Iniciando nosso projeto com Angular CLI
  7. Entendendo a estrutura do projeto: O componente principal
  8. Exercício - Nomeando nossa App e imagens estáticas
  9. Exercício - Adicionando um pouco de CSS em nosso projeto

    Criando Componentes

  1. Exercício - Criando componentes para as fotos
  2. Exercício - Parâmetros
  3. Exercício - Lacunas em templates e data binding

    Consumindo uma API

  1. HTTP e injeção de dependências
  2. TypeScript e definição de tipos estáticos
  3. Exercício - Configurando o servidor HTTP do Angular
  4. Chamada da API remota
  5. Então Angular usa RxJS?
  6. Arrow functions e escopo léxico
  7. Exercício - Conectando com a API
  8. A diretiva ngFor
  9. Exercício - Exibindo a lista de fotos

    Dividindo para conquistar!

  1. Exercício - Criando um componente para exibir as fotos: PainelComponent
  2. Exercício - Socorro, meu painel nada exibe!
  3. Mais de uma página
  4. Exercício - Página de cadastro de fotos
  5. Single Page Application (SPA)
  6. Exercício - Configurando rotas
  7. Exercício - Redirecionar caminhos inexistentes
  8. Exercício - Links para rotas

    Melhorando a experiência do usuário

  1. Pipes, tubos que transformam!
  2. Variáveis locais
  3. Exercício - Iniciando nosso pipe
  4. Criando um pipe
  5. Exercício - Pipe, iniciando a implementação
  6. Que tal um interface type?
  7. Exercício - Implementando uma interface
  8. Definir tipos para usar autocomplete
  9. Exercício - Pipe, implementando a lógica
  10. Event binding para atualizar a view
  11. Exercício - Fazendo o filtro funcionar

    Cadastrando novas imagens

  1. Exercício - Formulário de cadastro
  2. Data-binding resolve?
  3. Exercício - One-way data-binding
  4. Associação de eventos (data-binding)
  5. Exercício - Utilizando o método cadastrar
  6. E o two-way data-binding?
  7. Exercício - Fazendo two-way data-binding
  8. ngModel
  9. Exercício - Two-way data-binding com ngModel
  10. Envio de dados para o servidor
  11. Exercício - Gravando uma nova foto na API
  12. Ciclo de Vida de um componente
  13. Exercício - Manipulando propriedades de uma classe

    Validando nosso formulário

  1. Validação orientada a template
  2. Exercício - Validando o formulário
  3. Validação orientada a modelo
  4. O construtor de formulários
  5. Exercício - Validando o formulário pelo modelo
  6. Compondo validadores
  7. Exercício - Mais validações

    Encapsulando nossa view!

  1. Estilizando um componente
  2. O problema de estilos globais
  3. Estilo por componente
  4. Exercício - Adicionando estilo no componente
  5. ViewEncapsulation e seus tipos
  6. Shadow DOM, podemos confiar?
  7. Exercício opcional - testando a emulação do Shadow DOM

    Isolando código repetido em serviços

  1. Criando um serviço
  2. Exercício - Criando um serviço
  3. Exercício - Utilizando o serviço
  4. Injectable
  5. Exercício - Serviço como dependência

    Removendo dados inconsistentes

  1. Mais uma associação de eventos (event binding)
  2. Exercício - Um botão para remover fotos
  3. Serviço de remoção
  4. Exercício - Implementando o serviço de remoção
  5. Um pouco sobre charge detection
  6. Exercício - Atualizando listagem de fotos
  7. Exibindo mensagens para o usuário
  8. Exercício - Configurando mensagens

    Alterando fotos cadastradas

  1. Rotas parametrizadas
  2. Exercício - Ajustando nossas rotas
  3. Buscando pelo parâmetro
  4. Inclusão ou alteração?
  5. Exercício - Abrindo a foto para alterá-la
  6. Exercício opcional - Navegação no lado do componente

    Modificadores de acesso e Encapsulamento

  1. Isolando reponsabilidades
  2. Um pouco mais sobre tipagem e o tipo any
  3. Exercício - Isolando as mensagens
  4. Uma classe para as mensagens
  5. TypeScript e o favorecimento do encapsulamento
  6. O modificador private
  7. TypeScript e suas facilidades
  8. Propriedades e açúcar sintático do TypeScript
  9. Exercício - Modificadores de acesso em uma classe

    Apêndice: Decisão nas mãos do usuário

  1. Isolando a lógica de confirmação em um componente
  2. O template do nosso componente
  3. Eventos customizados com EventEmitter
  4. Tornando nosso componente ainda melhor
  5. Exercício - Criando um botão para decisões
  6. O menu da aplicação
  7. Exercício opcional - adicionando a navegação

* Os apêndices listados são conteúdos adicionais que não fazem parte do curso regular

O que os alunos falam

Lucas Biason

O curso superou o que eu esperava em conteúdo, foi tudo bem produtivo e estou seguro para aplicar a tecnologia no meu trabalho e ganhar produtividade.

Bruno Menegotto

Foi meu primeiro curso aqui e espero fazer outros, agora entendo porque a Caelum é referência no mercado, conteúdo excelente, instrutor excelente e in...

Rogerio Taira

O curso foi muito importante para tirar o medo do Angular.

Próximas turmas

Selecione a cidade e os períodos de sua preferência

Qual cidade você pode ir?
Quais períodos você prefere?
Ver turmas encontradas

Nós encontramos essas turmas:

Não achou a turma ideal pra você? Consulte outras turmas e horários.

Entre em contato
Fale com a gente!

Não encontrou o curso que procura? Conheça a Alura, a plataforma online da Caelum

Conheça a Alura