Aplicações realtime com Angular, Firebase e PhaserJS
4.4 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
93 students enrolled

Aplicações realtime com Angular, Firebase e PhaserJS

Aprenda a criar um CRUD completo e um jogo multiplayer com aulas 100% práticas
Highest Rated
4.4 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
93 students enrolled
Last updated 12/2018
Portuguese
Portuguese [Auto]
Current price: $34.99 Original price: $49.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Criar um CRUD completo com Angular e Firebase
  • Aprender o que é o Firebase
  • Aprender programação reativa (RxJS) com o Angular, integrando ao Firebase
  • Integrar componentes do Angular Material para consumir dados do Firebase (Data table)
  • Aprender a hospedar uma aplicação Angular no Firebase Hosting
  • Utilizar o Angular Fire para integrar o Firebase com o Angular
  • Criar controle de acesso no Angular (autenticação e autorização)
  • Autenticar usuários no Google com o Firebase (mesmo conceito para Facebook, Twitter...)
  • Utilizar o Firebase para sincronizar os dados entre usuários em tempo real
  • Criar um jogo de quiz multiplayer
  • Aprender a realizar consultas (queries) no Firebase
  • Aprender sobre o framework PhaserJS
  • Criar uma animação para o jogo utilizando o PhaserJS
  • Aprender boas práticas de programação, como utilizar o design pattern Strategy
  • Criar um aplicativo com aulas 100% práticas
Requirements
  • Possuir conhecimentos básicos de Angular
Description

O curso visa introduzir um conceito cada vez mais requisitado entre aplicações, principalmente as de dispositivos móveis, que são aplicações realtime (de tempo real).

** Para ver a demonstração do que será desenvolvido durante, assista a primeira aula do curso, que está disponível na prévia do mesmo!

Com o recurso de realtime, conseguimos criar cada vez mais uma experiência única ao nosso usuário, e as empresas estão cada vez mais na busca por profissionais com esses requisitos, então por que não ser um dos primeiros a domina esses conceito?

Com o surgimento de frameworks como o Angular e Firebase por exemplo, está cada vez mais simples criarmos tal aplicações, e o curso tem como objetivo lhe ensinar a utilizar ambas tecnologias, para que você seja capaz de criar os mais variados tipos de aplicações realtime com os conceitos que serão ensinados.

Você criará no curso um jogo de quiz multiplayer completo, assim como seu painel de administração, que introduzirá conceitos essenciais como a criação de um CRUD completo com o Angular e Firebase.

As aulas são 100% práticas, portanto se você é apaixonado por TI, será diversão garantida ao mesmo tempo que você aprende!

E de quebra ainda apresento o framework PhaserJS, que é um framework popular utilizado na criação de jogos web, o utilizando para criar uma animação para o jogo a ser desenvolvido durante o curso.

Tenho certeza de que esse curso será de grande valor para você e sua carreira profissional, portanto espero te ver em breve no curso!

Who this course is for:
  • Desenvolvedores Fullstack ou Front-end interessados em aplicações de tempo real (realtime) com Angular e Firebase
  • Desenvolvedores interessados na criação de aplicações multiplayers, como jogos
Course content
Expand all 88 lectures 09:30:36
+ Angular CLI
2 lectures 07:05
Instalando o Angular CLI
03:01
Criando o projeto com o Angular CLI
04:04
+ Firebase e Angular
8 lectures 36:56
Entendendo o Firebase
09:42
Entendendo a arquitetura do projeto
04:31
Criando o projeto no Firebase
04:30
Configurando o Firebase no projeto Angular
04:45
Configurando o acesso aos dados do Firebase
04:10
Instalando o Angular Fire 2 no projeto
04:07
Instalando a biblioteca do Firebase no projeto
01:21
Configurando o módulo do Firebase no projeto
03:50
+ Assets
1 lecture 01:54
Adicionando os assets no projeto
01:54
+ Angular Material
1 lecture 10:27
Instalando e configurando o Angular Material no projeto
10:27
+ Tela de login
8 lectures 54:42
Criando o componente de login
03:54
Criando as rotas de logiin
06:39
Importando os módulos do Angular Material no projeto
02:43
Implementando o CSS da tela de login
02:33
Implementando o HTML da tela de login
11:43
Implementando o componente de login
15:49
Criando o módulo de pré jogo
04:13
Demonstrando a tela de login
07:08
+ Tela de administração
31 lectures 02:56:31
Criando o módulo de administração
04:24
Criando o model de perguntas
03:42
Criando o serviço de perguntas
02:15
Instalando o rxjs-compat
01:33
Implementando a ação de obter perguntas
13:25
Implementando o CSS da tela de administração
03:06
Implementando o HTML da tela de administração
13:25
Implementando ações de logout, autorização, e listagem de perguntas
12:37
Implementando o cadastro de perguntas
05:23
Criando o componente modal de cadastro de perguntas
02:18
Registrando o componente modal de cadastro de perguntas
03:47
Implementando o HTML da modal de cadastro de perguntas
08:56
Implementando o componente da modal de cadastro de perguntas
11:00
Implementando a modal de cadastro de perguntas no componente de administração
07:22
Implementando a ação de atualização de uma pergunta
04:48
Implementando a atualização de perguntas no componente de administração
07:38
Implementando no serviço de perguntas a ação de remoção de uma pergunta
02:21
Criando a modal de remoção de uma pergunta
02:18
Implementado o código da modal de remoção de perguntas
03:58
Implementando a ação de remoção de perguntas no componente de administração
04:29
Implementando a restauração de perguntas no serviço de perguntas
08:15
Criando a modal de restauração de perguntas
02:10
Implementando o CSS e HTML da modal de restauração de perguntas
01:51
Implementando o componente da modal de restauração de perguntas
04:42
Criando o serviço de jogo
01:04
Criando as models do gerenciamento do jogo
08:09
Entendendo a arquitetura realtime com o Firebase
07:46
Implementando no serviço de jogo a ação de inicialização de jogos
10:18
Criando o componente modal de inicialização de jogos
02:25
Implementando o HTML da modal de inicialização de jogos
07:23
Implementando o componente da modal de inicialização de jogos
03:43
+ Tela de pré jogo
12 lectures 01:19:19
Criando e entendendo o design pattern Strategy para a tela de pré jogo
05:24
Implementando o método padrão da Strategy
06:57
Criando o serviço de Strategy para o jogador 1
02:13
Implementando o serviço de Strategy para o jogador 1
07:35
Criando o serviço de Strategy para o jogador 2
01:10
Implementando o serviço de Strategy para o jogador 2
14:48
Criando o serviço de pré jogo
01:02
Implementando o serviço de pré jogo - parte 1/2
09:58
Implementando o serviço de pré jogo - parte 2/2
07:45
Implementando o CSS do componente de pré jogo
06:28
Implementando o HTML do componente de pré jogo
05:48
Implementando o componente de pré jogo
10:11
+ Tela de Jogo
9 lectures 01:24:44
Criando o componente de jogo
03:22
Implementando o serviço de jogo - parte 1/3
10:02
Implementando o serviço de jogo - parte 2/3
12:35
Implementando o serviço de jogo - parte 3/3
06:27
Implementando o CSS da tela de jogo - parte 1/2
06:03
Implementando o CSS da tela de jogo - parte 2/2
08:04
Implementando o HTML da tela de jogo
13:57
Implementando o componente da tela de jogo
10:25
Demonstrando o jogo em funcionamento
13:49
+ Animação com o PhaserJS no jogo
4 lectures 18:34
Instalando a dependência do PhaserJS no projeto
04:07
Criando o serviço de animação
00:58
Adicionando o código do serviço de animação
02:13
Adicionando o serviço de animação no componente de jogo
11:16