Conteúdo

No desenvolvimento de aplicações web e mobile, há disponível uma quantidade expressiva de linguagens, frameworks e ferramentas. Nessa imensidão, é comum se questionar ou até ter inseguranças sobre qual o melhor caminho para a construção neste segmento. O Angular é uma plataforma que facilita a construção de aplicativos, combinando templates, injeção de dependências, tudo integrado às melhores práticas de desenvolvimento.

Neste livro, Kheronn Machado apresenta as principais características do Angular 11, através da implementação prática de uma aplicação. Você vai explorar tópicos como componentes, serviços, roteamentos e validação de formulários, dentro dos requisitos do projeto. Por fim, o autor mostra como 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.

Saiba o que você vai aprender

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