Angular 11 e Firebase Construindo uma aplicação integrada com a plataforma do Google
Kheronn Khennedy MachadoPrefá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 (atualizada para versão 11), 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.
No início de 2021, atualizamos o livro para a versão 11 do Angular, além das outras bibliotecas utilizadas na construção do projeto. Se você adquiriu o livro anteriormente, gravei um vídeo mostrando os passos para atualizar o projeto. O link está disponível em: "https://youtu.be/qIAsbirmuTk
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. Precisei desenvolver um aplicativo na época e fiquei surpreso com a velocidade do desenvolvimento e com as coisas que eu podia implementar (na minha ignorância, se resumia a _popups_). 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 11
- 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:
- 163
- ISBN:
- 978-85-7254-036-0
- Data publicação:
- 11/2019. Atualizado em 03/2021.