Library

Course: Criando aplicações com Angular, Material e Firebase

Criando aplicações com Angular, Material e Firebase

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
  • Self-Paced
About this Course

Apenda a criar projetos surpreendentes e funcionais com o Angular, Firebase (Cloud Firestore) e Angular Material.

O Angular é uma plataforma que torna fácil o processo de criar aplicações para web. Combina templates declarativos, injeção de dependência, ferramentas de testes e melhores práticas integradas para resolver os desafios do desenvolvimento. Angular capacita o desenvolvedor a construir aplicações voltadas para web, mobile e desktop.

O Firebase é um serviço do Google conhecido como BaaS (Back-end as a Service, ou Back-end como serviço). Oferece uma série de recursos para integrar desde aplicações para Web, Android, iOS, Unity e até C++. Entre os principais destacam-se o Cloud Firestore, banco de dados realtime com recursos Offline, Autenticação (Email, Facebook, Google, etc), Storage para upload e download de arquivos e Hosting para hospedagem de aplicações estáticas.

Por fim, o Angular Material é um framework de interface do usuário (UI) todo baseado no Angular, que entrega ao desenvolvedor uma série de componentes com visual atraente e inspirados no Material Design, todos ligados a filosofia de componentes do Angular.

Vamos aprender!?

Who is the target audience?

  • Dev's que desejam usar recursos do Firebase para suas aplicações
  • Dev's que desejam aprender a trabalhar com o Angular Material
Basic knowledge
  • Noções básicas de Angular (2+)
  • Noções de JavaScript/Typescript
What you will learn
  • Integrar o Firebase à suas aplicações
  • Usar o Angular Material para criar interfaces atraentes
  • Criar e manter projetos com o Angular CLI
  • Gerar build de produção de projetos Angular
  • Fazer deploy do projeto
Curriculum
Number of Lectures: 28
Total Duration: 03:49:15
Introdução
  • Review do curso  
  • Primeira aplicação com Angular  
Setup do ambiente
  • Setup do ambiente - Sobre a seção  
  • Node.js e NPM  
  • Angular CLI  
  • VSCode e Angular Extension Pack  
  • Setup do ambiente - Conclusão  
Criando um gerenciador de tarefas com Angular, Material e Firebase
  • Sobre a seção  
  • Novo projeto com Angular CLI  
  • Novo projeto no Firebase Console  
  • Integrando Angular e Firebase  
  • Instalando e configurando Angular Material  
  • Criando um Presentation Component  
  • Container Component para a lista de tarefas  
  • TaskService: AngularFirestoreCollection  
  • TaskService: create, update, delete e get by id no Firebase  
  • MatDialog para criar novas tasks  
  • MatDialog: salvando task no Cloud Firestore  
  • Cloud Firestore: marcando tarefas como executadas  
  • Mat Menu com update e delete das tarefas  
  • Passando dados para Mat Dialog e atualizando no Firestore  
  • Deletando tarefas no Firestore  
  • Mat Progress Spinner: exibindo loading antes de listar as tarefas  
  • Ordenando Collections e criando índices no Firestore  
  • Habilitando recursos Offline do Firestore  
  • Build de produção e deploy no Surge.sh  
  • Conclusão  
Conclusão
  • Palavras finais  
Reviews (0)