Use o código e tenha 10% de desconto!

Angular 8 e Firebase Construindo uma aplicação integrada com a plataforma do Google

Kheronn Khennedy Machado

Prefácio

No desenvolvimento de aplicações web e mobile, há disponível uma quantidade expressiva de linguagens, frameworks e ferramentas. Nessa imensidão, é comum o desenvolvedor iniciante ficar perdido e até inseguro sobre qual o melhor caminho para a construção neste segmento.

Para o desenvolvedor front-end, a tarefa é mais complicada, alinhada ao que ele exatamente precisa, seja um formulário, uma SPA (Single Page Application), apenas para citar alguns.

O Angular (https://angular.io/docs) é uma plataforma que facilita a construção de aplicativos, combinando templates, injeção de dependências, integrado às melhores práticas de desenvolvimento. Principalmente, aplicações responsivas que executem na web, em dispositivos móveis e desktop.

Porém, como nem tudo são flores, codificar com Angular será mais tranquilo para quem possui familiaridade com JavaScript, HTML e CSS. Outro aspecto que facilita é possuir algum conhecimento em linguagens orientadas a objetos.

O objetivo desta obra é apresentar as principais características da plataforma, utilizando a versão 8, lançamento mais recente do framework, através da implementação de uma aplicação que guiará os capítulos. Logo, você não vai encontrar um capítulo teórico dedicado aos conceitos de componentes, serviços, roteamentos ou validação de formulários, porém, vai, sim, explorar esses tópicos identificados dentro de um requisito do projeto.

Ainda, vamos integrar a aplicação ao Firebase do Google, utilizando diversos recursos como banco de dados, autenticação, armazenamento de arquivos, execução de funções no lado do servidor e hospedagem do sistema.

Público-alvo e pré-requisitos

Este é livro é destinado a todos que desejam construir aplicações JavaScript com alta produtividade e usar os principais recursos do Firebase no desenvolvimento de soluções escaláveis sem se preocupar com o gerenciamento da infraestrutura.

Como pré-requisito é necessário que o/a leitor/a tenha conhecimentos básicos em HTML, CSS e JavaScript. O foco será nas particularidades do framework na implementação dos requisitos, explorando as potencialidades e poder do Angular.

Todo código desenvolvido durante os capítulos estará disponível no repositório do GitHub, indicado nos finais das seções ou durante os capítulos.

Ao final do livro, você terá desenvolvido um sistema de requisições completo, explorando os principais conceitos do framework, além de integrar a aplicação aos serviços da plataforma Firebase.

Sobre o autor

Meu nome é Kheronn Khennedy Machado. Possuo formação em Processamento de Dados pela Fatec Ourinhos e Mestrado em Informática pela Universidade Federal do Paraná.

Iniciei na programação desenvolvendo em Java, Struts, JSF, Spring, mas em 2016 comecei a olhar o JavaScript com outros olhos.

Assim, iniciei meus estudos nessa perspectiva e hoje desenvolvo em Angular, Ionic, Cordova e Android.

Sempre que posso, escrevo tutoriais e roteiros que possam ajudar pessoas a iniciarem na programação usando esse framework incrível que é o Angular.

Atualmente, atuo como professor na rede estadual de educação do Paraná e assessor pedagógico em Tecnologias Educacionais no Núcleo Regional de Educação de Wenceslau Braz.

Sumário

  • 1 Introdução
    • 1.1 Angular
    • 1.2 TypeScript
    • 1.3 O estudo de caso
  • 2 Ambiente de desenvolvimento
    • 2.1 NodeJS
    • 2.2 Instalação do Angular 8
    • 2.3 Editor de desenvolvimento
    • 2.4 Angular CLI - Criação do projeto
    • 2.5 Arquitetura da aplicação
    • 2.6 Estilizando a aplicação com Bootstrap
    • 2.7 PrimeNG - Coleção de componentes ricos
  • 3 Firebase - A plataforma de serviços do Google
    • 3.1 Criação do projeto no console do Firebase
    • 3.2 Autenticação
    • 3.3 Cloud Firestore - Armazenamento de dados em escala global
    • 3.4 @AngularFire - A biblioteca oficial para Firebase e Angular
    • 3.5 Modelo de dados
  • 4 Serviços
    • 4.1 Autenticação no Firebase
    • 4.2 Métodos de login, logout e recuperação de senha
    • 4.3 Interface genérica de CRUD
    • 4.4 Classe de serviços genérica
  • 5 Componentes - Requisito Login
    • 5.1 Login
    • 5.2 Template Driven - Formulário de Login
    • 5.3 Menu da aplicação
    • 5.4 Painel administrativo - Componentes com Lazy Loading
    • 5.5 Protegendo as rotas com Guardas
    • 5.6 Organizando e compartilhando módulos
  • 6 Formulários reativos e Pipe - Departamento e Funcionário
    • 6.1 Componente Departamento
    • 6.2 Template do Departamento - Recuperando e exibindo informações
    • 6.3 Requisito Cadastrar Funcionário
    • 6.4 Pipe - Filtrando os registros de funcionários
  • 7 Mais componentes - Requisito Gerenciar Requisições
    • 7.1 Minhas Requisições
    • 7.2 Requisições solicitadas - Trabalhando com @Input
    • 7.3 Associando os componentes
    • 7.4 Lista de Movimentações
  • 8 Firebase Cloud Storage - Salvando arquivos estáticos
    • 8.1 Configurando as regras de acesso
    • 8.2 Lógica e template para upload de fotos do funcionário
  • 9 Firebase Cloud Functions - Criação de usuário e envio de emails
    • 9.1 Firebase CLI
    • 9.2 Função para criar um usuário
    • 9.3 Função para notificar um usuário - Enviar e-mails
  • 10 Deploy da aplicação e considerações finais
    • 10.1 Firebase Hosting
    • 10.2 IVY - O novo compilador do Angular
    • 10.3 Considerações finais
    • 10.4 Links consultados

Dados do produto

Número de páginas:
165
ISBN:
978-85-7254-036-0
Data publicação:
11/2019

Compartilhe!

Compartilhe no Facebook Compartilhe no Twitter