Introdução
  • Demonstração do que será desenvolvido no curso
  • Obtendo o código fonte do projeto
Angular CLI
  • Instalando o Angular CLI
  • Criando o projeto com o Angular CLI
Firebase e Angular
  • Entendendo o Firebase
  • Entendendo a arquitetura do projeto
  • Criando o projeto no Firebase
  • Configurando o Firebase no projeto Angular
  • Configurando o acesso aos dados do Firebase
  • Instalando o Angular Fire 2 no projeto
  • Instalando a biblioteca do Firebase no projeto
  • Configurando o módulo do Firebase no projeto
Assets
  • Adicionando os assets no projeto
Angular Material
  • Instalando e configurando o Angular Material no projeto
Tela de login
  • Criando o componente de login
  • Criando as rotas de logiin
  • Importando os módulos do Angular Material no projeto
  • Implementando o CSS da tela de login
  • Implementando o HTML da tela de login
  • Implementando o componente de login
  • Criando o módulo de pré jogo
  • Demonstrando a tela de login
Tela de administração
  • Criando o módulo de administração
  • Criando o model de perguntas
  • Criando o serviço de perguntas
  • Instalando o rxjs-compat
  • Implementando a ação de obter perguntas
  • Implementando o CSS da tela de administração
  • Implementando o HTML da tela de administração
  • Implementando ações de logout, autorização, e listagem de perguntas
  • Implementando o cadastro de perguntas
  • Criando o componente modal de cadastro de perguntas
  • Registrando o componente modal de cadastro de perguntas
  • Implementando o HTML da modal de cadastro de perguntas
  • Implementando o componente da modal de cadastro de perguntas
  • Implementando a modal de cadastro de perguntas no componente de administração
  • Implementando a ação de atualização de uma pergunta
  • Implementando a atualização de perguntas no componente de administração
  • Implementando no serviço de perguntas a ação de remoção de uma pergunta
  • Criando a modal de remoção de uma pergunta
  • Implementado o código da modal de remoção de perguntas
  • Implementando a ação de remoção de perguntas no componente de administração
  • Implementando a restauração de perguntas no serviço de perguntas
  • Criando a modal de restauração de perguntas
  • Implementando o CSS e HTML da modal de restauração de perguntas
  • Implementando o componente da modal de restauração de perguntas
  • Criando o serviço de jogo
  • Criando as models do gerenciamento do jogo
  • Entendendo a arquitetura realtime com o Firebase
  • Implementando no serviço de jogo a ação de inicialização de jogos
  • Criando o componente modal de inicialização de jogos
  • Implementando o HTML da modal de inicialização de jogos
  • Implementando o componente da modal de inicialização de jogos
Tela de pré jogo
  • Criando e entendendo o design pattern Strategy para a tela de pré jogo
  • Implementando o método padrão da Strategy
  • Criando o serviço de Strategy para o jogador 1
  • Implementando o serviço de Strategy para o jogador 1
  • Criando o serviço de Strategy para o jogador 2
  • Implementando o serviço de Strategy para o jogador 2
  • Criando o serviço de pré jogo
  • Implementando o serviço de pré jogo - parte 1/2
  • Implementando o serviço de pré jogo - parte 2/2
  • Implementando o CSS do componente de pré jogo
  • Implementando o HTML do componente de pré jogo
  • Implementando o componente de pré jogo
Tela de Jogo
  • Criando o componente de jogo
  • Implementando o serviço de jogo - parte 1/3
  • Implementando o serviço de jogo - parte 2/3
  • Implementando o serviço de jogo - parte 3/3
  • Implementando o CSS da tela de jogo - parte 1/2
  • Implementando o CSS da tela de jogo - parte 2/2
  • Implementando o HTML da tela de jogo
  • Implementando o componente da tela de jogo
  • Demonstrando o jogo em funcionamento
Animação com o PhaserJS no jogo
  • Instalando a dependência do PhaserJS no projeto
  • Criando o serviço de animação
  • Adicionando o código do serviço de animação
  • Adicionando o serviço de animação no componente de jogo
Firebase Hosting - hospedagem do projeto na nuvem
  • Efetuando o deploy do projeto no Firebase Hosting
PhaserJS em detalhes (opcional)
  • Implementando os atributos e constantes
  • Iniciando a animação do jogo
  • Implementando a ação de pre-load dos assets
  • Gerando arquivos JSON no formato Atlas para mapear os personagens
  • Implementado a ação de criação da animação - parte 1/3
  • Implementado a ação de criação da animação - parte 2/3
  • Implementado a ação de criação da animação - parte 3/3
  • Implementando a ação de main loop (update) da animação
  • Implementando a ação de ataque