Angular 17 do zero
Angular 17 do zero
Crie uma simples app de vendas com o Angular. Agora com o Angular 17!
Sobre o Livro
O principal objetivo deste livro é ensinar o framework Angular 17 por meio da criação de um sistema de vendas contendo uma variedade de telas e funcionalidades. Em vez de mostrar apenas a teoria da estrutura, que pode ser facilmente acessada em sua excelente documentação, já iniciamos o desenvolvimento do sistema.
O que você aprenderá
Como usar os geradores do Angular para criar aplicativos, componentes, módulos, etc.
- Adicionar o Angular Material ao aplicativo e usar componentes como Material Card, Material Table e outros.
- Usar o Flex Box para criar formulários responsivos e prontos para dispositivos móveis
- Saiba como acessar a API da maneira correta, usando Typescript e trabalhando com objetos tipados.
- Conheça as novas diretivas do Angular, @if, @for
- Saiba como passar dados entre componentes com @Input() e @Output
- Saiba como criar módulos e dividir seu aplicativo da maneira correta
- Aprender técnicas distintas de criação de componentes
- Saiba como implantar em páginas do github
- Aprender a usar variáveis de ambiente
- Saiba como criar componentes Angular prontos para uso
- Aprender a usar classes observáveis
- Aprender a usar serviços para gerenciar o estado
- Uso de @defer e carregamento de conteúdo assíncrono
Sobre o Autor
Sumário
- 1.Introdução
- 1.1.Sobre PIRATARIA
- 1.2.Suporte
- 1.3.Código Fonte
- 1.4.Instalação
- 1.4.1.Extensões do Visual Studio Code
- 1.5.O Backend (servidor)
- 2.Olá Angular
- 2.1.Instalação
- 2.2.Criar um Workspace e Aplicação Inicial
- 2.3.As Ferramentas de Desenvolvimento do Angular
- 2.4.O Angular Material
- 2.5.É Hora de Fazer o Commit do Projeto (opcional)
- 2.6.Vamos Adicionar um Repositório Remoto (opcional)
- 2.7.Vamos Abrir o Projeto no Visual Studio Code
- 2.8.E o Módulo?
- 3.O Início
- 3.1.Vamos Limpar!
- 3.2.Os Componentes do Material
- 3.3.Adicionando Esquemáticos
- 3.4.Adicionando uma Navegação em sua Aplicação
- 3.5.Adicionando o Componente Home ao App
- 3.6.Alterando o Home
- 3.7.Componentes
- 3.8.Typescript e Interfaces
- 3.9.Componente de Categorias
- 3.10.Rotas
- 3.11.Criando um Painel
- 4.Categorias
- 4.1.O Card do Angular Material
- 4.2.Adicionando um Estilo Css Global
- 4.3.Mais Estilos de Margem/Espaçamento (opcional)
- 4.4.Obtendo Dados da API de Categoria
- 4.5.Configurando HttpClient
- 4.6.Serviços
- 4.7.O Serviço de Categoria
- 4.8.Primeira Versão do Método GetAll()
- 4.9.Variáveis de Ambiente
- 4.10.Definindo o Tipo de Retorno da API
- 4.11.Versão Final do Método GetAll()
- 4.12.Usando o MatTable para Exibir Categorias
- 4.13.Adicionando a Coluna Descrição
- 4.14.Nova Categoria
- 4.15.Criar um Formulário de Categoria
- 4.16.Criando um Formulário de Categoria
- 4.17.Criando um Formulário Reativo
- 4.18.Adicionando o Campo de Descrição
- 4.19.Criando Formulários Responsivos: o Layout CSS FlexBox
- 4.20.Validação
- 4.21.Configurando Mensagens de Erro {/examples/}
- 4.22.Enviar Formulário {/examples/}
- 4.23.Revisando Alguns Padrões do Angular
- 4.24.Controlando a Visibilidade do Formulário
- 4.25.Criando um Botão de Voltar no Formulário
- 4.26.Vinculação de Evento
- 4.27.Passando Dados do Formulário Através de Eventos
- 4.28.Conversão de Tipo
- 4.29.Salvando a Categoria
- 4.30.Editando a Categoria
- 4.31.Corrigir um Pequeno Bug
- 4.32.Excluindo uma Categoria
- 4.33.O Que Aprendemos Neste Capítulo
- 4.34.Diferenças do Angular 14..15..16
- 5.Categorias de Refatoração
- 5.1.Adicionando Carregamento Durante a Solicitação ao Servidor
- 5.2.Como Ver o Carregamento Funcionando
- 5.3.Pular Testes e Criação de Arquivo Css no Arquivo de Configuração Angular.json
- 5.4.Hora de Fazer o Deploy! (opcional)
- 5.5.O “Módulo Material”
- 6.Fornecedor
- 6.1.Criar os Componentes dos Fornecedores
- 6.2.Usando Rotas e Sub Rotas
- 6.3.DTO do Fornecedor
- 6.4.Serviço de Fornecedores
- 6.5.Listando Fornecedores
- 6.6.Criando um Novo Componente
- 6.7.Exibindo uma Mensagem Se @for Estiver Vazio
- 6.8.Configurando Rotas
- 6.9.Mostrando um Fornecedor
- 6.10.Editar um Fornecedor {/examples/}
- 6.11.Formulário de Fornecedor
- 6.12.Adicionando o Formulário no SuppliersEditComponent
- 6.13.Deletar Fornecedor
- 6.14.Novo Fornecedor
- 6.15.Conclusão
- 7.Produtos
- 7.1.Arquivos Iniciais
- 7.2.O Serviço de Produtos
- 7.3.Listagem de Produtos
- 7.4.Adicionar Produto ao Carrinho
- 7.5.O Botão “Adicionar ao Carrinho”
- 7.6.Criando o Ícone do Carrinho
- 7.7.Adicionar uma Página de Checkout
- 8.Carregamento Dinâmico de Arquivos e Componentes
- 8.1.Visualizações Diferíveis
- 8.1.1.Exemplo
- 8.1.2.Extraindo o Componente
- 8.1.3.Usando @defer
- 8.1.4.Usando @viewport, @placeholder e @loading
- 8.2.Estratégias para tornar a aplicação ainda menor
- 8.1.Visualizações Diferíveis
- 9.Atualizações no Futuro
- 1.Introdução
A garantia Leanpub incondicional, sem riscos, de 100% de satisfação
Durante 60 dias da data de compra você pode solicitar o reembolso total de qualquer compra Leanpub, em dois cliques. Nós processamos os reembolsos manualmente, então eles podem demorar alguns dias para aparecer. Veja os termos completos.
Ganhe $8 em uma compra de $10 e $16 em uma compra de $20
Pagamos 80% de royalties em compras de $7,99 ou mais e 80% de royalties menos uma taxa fixa de 50 centavos em compras entre $0,99 e $7,98. Você ganha $8 em uma venda de $10 e $16 em uma venda de $20. Portanto, se vendermos 5000 cópias não reembolsadas do seu livro por $20, você ganhará $80,000.
(Sim, alguns autores já ganharam muito mais do que isso no Leanpub.)
Na verdade, os autores ganharammais de 13 milhões de dólares escrevendo, publicando e vendendo no Leanpub.
Saiba mais sobre escrever no Leanpub
Atualizações grauitas. Sem DRM.
Se você compra um livro da Leanpub, você recebe atualizações gratuitas enquanto o autor atualizar o livro! Muitos autores utilizam a Leanpub para publicar os seus livros em andamento, enquanto eles estão os escrevendo. Todos os leitores recebem atualizações gratuitas, não importa quando ou por quanto eles compraram o livro (até mesmo de graça).
A maioria dos livros Leanpub estão disponíveis em PDF (para computadores) e EPUB (para telefones, tablets, e Kindle). Os formatos que um livro inclui são exibidos no top direito dessa página.
Por último, livros Leapub não têm nenhuma proteção anti-cópias DRM sem sentido, então você pode facilmente lê-los em qualquer dispositivo suportado.
Aprenda mais sobre os formatos de ebook da Leanpub e aonde lê-los
