Turmas Avançadas SDA 2017

Aprenda escalar aplicações web utilizando Angular, Typescript e Firebase

Começar





Com objetivo de dar continuidade ao curso anterior, neste treinamento iremos desenvolver uma nova aplicação contendo todas as funções administrativas da nossa Super Store, além de refatorar o frontend para funcionar utilizando firebase.

O segundo objetivo do curso é abstrairmos melhor o reaproveitamento de código do backend por meio de recursos do próprio Typescript como herança de classes, tipagem e contratos. No angular trabalharemos novas técnicas como lazy loading routes, modularização, ciclo de vida de um componente, environments, pipes e outros.



O que vamos desenvolver?



Backend de administração do projeto Super Store utilizando Angular + Firebase

Tela de administração para os pedidos e carrinho de compras com checkout
*sem integração de pagamento

Dashboard para acompanhamento dos índices em tempo real

Administração de usuários implementando o workflow completo do sistema de autenticação do Firebase, como login manual, login com Facebook, registro de novos usuários e recuperação de conta.

Implementação da técnica de Pre-Rendering das páginas para que os mecanismos de buscas possam encontrar.

Deploy da loja Super Store na Amazon Web Services para tornar possível implementar o uso do recurso de pré-renderização.

Administração completa dos produtos e componente de upload para as imagens com integração no Firebase Storage.

Administração e acompanhamento dos pedidos em tempo real

Refatoração da Super Store adicionando diversas melhorias e persistência dos dados no database em realtime do Firebase.

Quais recursos do Firebase
iremos utilizar?



Autenticação via email e Facebook

Realtime Database

Storage para imagens

Aprenda a construir

Dashboard dinâmica



Dados em tempo real pelo Firebase

Fácil inserção de novas métricas

Fácil inserção de dados filtrados

O que você irá aprender?



Replicar telas de C.R.U.D utilizando uma arquitetura de formulário + listagem reaproveitável e escalável

Modularização e lazy loading "carregamento preguiçoso" de rotas no angular

Definição de contratos e modelos para integridade dos dados. Abstração de lógica utilizando herança de classes.

Trabalhar com os principais recursos do Firebase

Utilizar o CloudFlare para aumentar a performance e segurança do tráfego

Utilizar uma vasta quantidade de componentes do pacote angular-material

Escalar aplicações na Amazon Web Services utilizando o serviço Elastic Beanstalk

Utilizar o ciclo de vida completo de um componente no angular

Formatar a interpolação de dados no angular por meio dos pipes

Aprenda a construir

Formulário dinâmico



Separação das responsabilidades

Abstração de funcionalidades com Typescript

Maior reaproveitamento de código

O que está incluso?



+18 horas de treinamento

25 video aulas

2 Projetos finais

Código fonte das aulas

Exercícios

Suporte 1x1 mais rápido

Test Drive

Veja as aplicações que iremos desenvolver



play_circle_outline ementa

  • Introdução ao Firebase

    49:58

    Nesta aula vamos ter uma visão geral de como funciona a autenticação do Firebase, juntamente com o banco de dados em realtime, para termos uma base e prosseguir com o desenvolvimento da aplicação de administração.

  • Iniciando a aplicação administrativa

    31:22

    Nesta aula vamos inicializar nossa aplicação pelo angular-cli, instalar e configurar todas as dependências, como o Bulma, Angular Material, Firebase, jQuery, Lodash, Moment, Animate.css, Font Awesome e Material Icons.

Seja premium! Escolha o melhor plano pra você

Todos possuem acesso irrestrito aos cursos, incluindo certificados, suporte 1x1 e garantia de 7 dias.
Mensal
weekend

R$49.90

Ideal para começar. Cancele a qualquer momento.

Trimestral
home

de R$149.70 por R$135.00

Estude mais e obtenha desconto de 10%

Semestral
business_center

de R$299.40 por R$254.00

Estude mais e obtenha 15% de desconto

Anual
business

de R$598.80 por R$449.00

Garanta o estudo anual e ganhe 25% de desconto