- Demonstração do que será desenvolvido no curso
- Obtendo o código fonte do projeto
- Instalando o Angular CLI
- Criando o projeto com o Angular CLI
- 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
- Adicionando os assets no projeto
- Instalando e configurando o Angular Material no projeto
- 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
- 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
- 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
- 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
- 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
- Efetuando o deploy do projeto no Firebase Hosting
- 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