Curso AngularJS para WebApps RESTful

  • Desenvolva um sistema completo em AngularJS;
  • Aprenda Single Page Application e seus usos;
  • Integre com back-end REST;
  • Use controllers, services e factories do Angular;
  • E ainda, módulos, rotas e mais recursos do framework;
  • Escreva suas próprias diretivas;
  • Crie WebApps completas com o framework MVC mais usado no mercado.

Sobre o curso JS-45

Pensou em WebApps modernas, pensou AngularJS. O framework MVC JavaScript mais famoso e mais usado no mundo e no Brasil. Criado pelo Google, conquistou a maior parte do mercado.

Neste curso de 20h você vai criar um projeto completo do zero com AngularJS. Vai ver os conceitos essenciais, como MVC, data binding, controllers, factories, templates, views, diretivas, rotas, módulos e mais. Ainda vai ver a integração com um back-end REST e como tudo se encaixa em uma aplicação real.

Curso novo, com primeira turma em São Paulo em Dez/2015. Ementa final sujeita a pequenas mudanças.

Veja também a ementa detalhada do curso.

Pré-requisitos

20 horas aula

Próximas turmas

Data Período Cidade Comentário
20/02 a 24/02 Manhã (9h às 13h) Brasília
11/03 a 25/03 Sábado (9h às 17h) São Paulo
13/03 a 17/03 Noturno (18h às 22h) Rio de Janeiro Inscrições abertas!
24/04 a 28/04 Manhã (9h às 13h) Brasília Brinde de um E-Book da Casa do Código.
24/04 a 28/04 Noturno (19h às 23h) São Paulo
24/06 a 08/07 Sábado (9h às 17h) Rio de Janeiro Inscrições abertas!
24/07 a 26/07 Integral (9h às 17h) São Paulo

Não achou a turma ideal pra você? Entre em contato e consulte outras turmas e horários.

Fale com a gente.

Dúvidas, reservas ou um papo com um instrutor?

Conteúdo detalhado

Construindo o alicerce da nossa aplicação

  1. Frameworks MVC client-side
  2. Angular, o framework MVC da Google
  3. Conhecendo um pouco da nossa aplicação, o Alurapic
  4. Instalando e configurando toda infra necessária
  5. Por onde começar?
  6. Criando o alicerce da nossa aplicação, o módulo principal
  7. Ensinando um truque novo para o navegador
  8. Ah, então isso é uma diretiva?
  9. Nossa primeira página dinâmica
  10. Nosso primeiro controller
  11. Ah, isso é data binding?

Tornando nossa aplicação mais próxima de uma aplicação real

  1. Melhorando a apresentação da nossa página
  2. Repetição de marcação dá trabalho!
  3. Repetir? É com o Angular mesmo!
  4. Chega de dados fixos! Vamos buscá-los do servidor!
  5. Angular faz promessas?

Minimizando a complexidade do nosso HTML

  1. Confinando a complexidade do painel em uma diretiva
  2. Isolando nossa diretiva
  3. Resultado não esperado? Entendendo um pouco mais de diretivas
  4. Separar ainda é melhorar coisa: HTML de um lado e diretiva do outro
  5. Criando uma diretiva, agora para fotos

Melhorando a experiência do usuário

  1. A lista pode crescer, e agora?
  2. Que tal filtrarmos nossa lista?
  3. Ah, então esse é o two-way data binding!
  4. Eu não sabia que podemos filtrar com ng-repeat!
  5. Deixando o usuário ainda mais feliz animando nossa lista
  6. O atraso pode ser a melhorar opção!

Dividir para conquistar

  1. Desmistificando Single Page Applications
  2. Nossas primeiras views parciais
  3. O módulo ngRoute e configurações de rotas
  4. Rotas ainda mais elegantes com HTML5

Precisamos alimentar esse sistema

  1. Navegando entre views
  2. Nossa primeira view de cadastro
  3. Preparando o terreno para cadastramos novas fotos
  4. Validando nosso formulário

Dados inconsistentes? Precisamos removê-los ou alterá-los

  1. Temos dados inconsistentes, precisamos removê-los!
  2. Não removeu? Não se preocupe, a solução será performática!
  3. Quero editar! Como chegar até minha foto?
  4. Criando URLs dinamicamente
  5. Achei! mas onde estão os dados da foto?

Tornando nosso cadastro ainda melhor!

  1. Nossa primeira combobox!
  2. Mais uma diretiva do angular para nos ajudar! A ng-options
  3. Filtros que transformam!
  4. Facilitando mais uma vez nossa vida com diretivas

E se o nosso back-end mudasse?

  1. O problema de URLs espalhadas
  2. Interagindo com o servidor em alto nível
  3. Alto nível, mas sem poder alterar recursos? Há solução!

Melhorando a experiência, agora do desenvolvedor!

  1. Nosso controller faz coisas demais!
  2. Criando mais um serviço, agora com o promise pattern
  3. Botando nosso serviço para trabalhar

Componentizar ainda é o melhor investimento: precisamos saber mais sobre diretivas!

  1. Pedidos de melhorias sempre acontecem
  2. Fazendo as pazes com DOM, mas cada um no seu quadrado!
  3. Diretivas, @&= e seus segredos
  4. Conhecendo o oráculo do data binding: $watcher!
  5. Consultar oráculos sai caro, há alternativa?
  6. Menor custo com barramento de eventos


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