Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
IT & Software Other IT & Software Firebase

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
Rating: 4.6 out of 54.6 (21 ratings)
119 students
Created by Marcio Casale de Souza
Last updated 12/2018
Portuguese
Portuguese [Auto]
30-Day Money-Back Guarantee

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

12 sections • 88 lectures • 9h 30m total length

  • Preview14:44
  • Preview03:48

  • Instalando o Angular CLI
    03:01
  • Criando o projeto com o Angular CLI
    04:04

  • 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

  • Adicionando os assets no projeto
    01:54

  • Instalando e configurando o Angular Material no projeto
    10:27

  • 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

  • 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

  • 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

  • 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

  • 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

Instructor

Marcio Casale de Souza
Mr
Marcio Casale de Souza
  • 4.4 Instructor Rating
  • 5,544 Reviews
  • 14,383 Students
  • 9 Courses

Sou o Marcio C. de Souza, formado em Sistemas de Informação e Pós Graduado em Desenvolvimento de Sistemas Corporativos em Java.

Possuo vasta experiência em desenvolvimento de sistemas, no qual já trabalho profissionalmente a mais de sete anos.

Sou entusiasta de novas tecnologias, e gosto de ensinar o que tenho aprendido ao longo dos anos.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.