Angular Avançado: Criando uma Arquitetura Master/Detail
4.8 (800 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,275 students enrolled

Angular Avançado: Criando uma Arquitetura Master/Detail

Tenha mais produtividade no Angular Reutilizando Códigos e criando uma Arquitetura Master/Detail Padronizada para CRUD's
Highest Rated
4.8 (800 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,275 students enrolled
Created by Nonato Costa
Last updated 3/2020
Portuguese
Portuguese [Auto]
Current price: $132.99 Original price: $189.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 13 hours on-demand video
  • 3 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Evite repetições desnecessárias em suas classes no Angular
  • Crie Componentes e Serviços no Angular Escrevendo Menos Código
  • Veja como transformar código repetidos em componentes reaproveitáveis
  • Crie uma arquitetura Master/Detail no Angular, passo a passo
  • Desenvolva projetos escaláveis no Angular
Course content
Expand all 69 lectures 12:58:34
+ Preparação Inicial
9 lectures 40:49
Curso de Angular Básico (+ Rails + NativeScript)
00:21
Sobre Avaliações
03:27
Preparando o ambiente de trabalho
04:11
Criando o Projeto Prático Base
02:35
Configurando as dependências no projeto
05:02
Configurando um repositório no GitHub
03:06

Caso você queira dar uma olhada no github do projeto, segue o link abaixo:

https://github.com/costanonato/angular-avancado-master-detail-crud

até a próxima aula!

Github do Projeto
00:04
+ Construindo o Projeto Prático
28 lectures 04:42:50
Como será estruturado o Projeto
03:01
Criando o módulo de Categorias
18:06
Adicionando a barra de navegação
07:16
Implementando o Template do 'CategoryList'
19:53
Adicionando 'in-memory-web-api' para Categorias
05:05
Adicionando o model 'Category'
02:47
Adicionando o serviço 'CategoryService'
18:55
Ativando o interceptador HTTP do AngularInMemoryWebAPI
04:02
Concluindo a implementação do 'CategoryList'
10:49
Implementando o Template do componente 'CategoryForm'
10:09
Implementando a base da classe 'CategoryForm'
28:42
Concluindo a implementação do componente 'CategoryForm'
30:04
Concluindo o módulo de Categorias
07:56
Adicionando o Módulo de 'Receitas e Despesas'
11:22
Adicionando a lista de 'Receitas e Despesas'
25:26
Adicionando o Formulário de 'Receitas e Despesas'
13:30
Melhorando o EntryForm (configurações iniciais)
02:00
Melhorando o EntryForm (configurando os campos 'Tipo' e 'Nome')
03:42
Melhorando o EntryForm (configurando o campo 'Valor')
05:56
Melhorando o EntryForm (configurando o campo 'Data')
06:56
Melhorando o EntryForm (configurando o campo 'Pago')
06:07
Melhorando o EntryForm (configurando o campo 'Categoria')
01:41
Melhorando o EntryForm (seletores 'Categoria' e 'Tipo' com dados dinâmicos)
07:07
Melhorando o EntryForm (definindo valores padrões para 'Tipo' e 'Pago')
01:22
Concluindo o EntryForm
01:07
Configurando a associação entre Lançamentos e Categorias
20:49
Ajustes, Correção de Bug e Conclusão do módulo de Lançamentos
07:31
Aviso Sobre Novas Aulas a Serem Liberadas
01:29
+ Otimizando o Projeto
30 lectures 06:58:58
Visão geral do projeto e os problemas de otimização que iremos resolver
05:49
Reestruturando o projeto
14:18
Reestruturando os Módulos
11:04
Criando e integrando a classe 'BaseResourceModel'
08:28
Criando e integrando a classe 'BaseResourceService'
17:15
Trabalhando com Injetor e refatorando a classe 'CategoryService'
18:24
Refatorando a classe 'EntryService'
18:49
Delegando para os 'Models' a criação de instâncias a partir de um Objeto JSON
05:33
Passando o método 'jsonDataToResource' como parâmetro para o BaseResourceService
23:40
Melhorias no 'EntryService' (reduzindo mais repetições)
08:15
Criando a classe 'BaseResourceFormComponent' (P1 - Configurações Iniciais)
15:10
Criando a classe 'BaseResourceFormComponent' (P2 - Ajustes Finais)
21:35
Refatorando o formulário de Categoria (herdando do BaseResourceFormComponent)
20:33
Refatorando o formulário de Lançamentos (herdando do BaseResourceFormComponent)
14:01
Otimizando a listagem de Lançamentos e Categorias (BaseResourceListComponent)
15:48
Extraindo o componente Migalha de Pão (bread-crumb)
20:33
Utilizando o componente 'Migalha de Pão' nas Páginas do Projeto
11:03
Extraindo o componente 'PageHeader'
10:43
Utilizando o componente 'PageHeader' nas Páginas do Projeto
08:02
Extraindo o componente 'FormFieldError'
24:53
Utilizando o componente 'FormFieldError' nos Formulários do Projeto
09:36
Extraindo e Utilizando o componente 'ServerErrorMessages' nos Formulários
09:27
Extraindo o componente 'Navbar'
06:43
Criando a base do módulo e componente de Relatórios
08:44
Adicionando o Template da Tela de Relatórios
19:00
Ajustando o componente 'PageHeader'
04:20
Configurando os Gráficos dos Relatórios (Parte 1)
25:19
Configurando os Gráficos dos Relatórios (Parte 2)
26:21
Configurando os Gráficos dos Relatórios (Parte 3)
10:33
Ajustes Finais e Encerramento do Curso
04:59
+ BÔNUS
2 lectures 35:56
Curso de Angular Básico (+Rails +NativeScript)
00:18

LINK PARA O CURSO COMPLETO COM 94% DE DESCONTO:

https://www.udemy.com/rails-angular-nativescript-apis-e-apicativos-android-ios-e-web/?couponCode=CANALDESCODIFICANDO


cupom: CANALDESCODIFICANDO

Preview 35:38
Requirements
  • Conhecimento básico de Angular ou Javascript
  • Conhecimento básico de Orientação à Objetos
Description

Seja bem vindo ao Curso de Angular 7 Avançado.

Nesse curso eu ensino, de forma completamente prática, como criar uma arquitetura Master/Detail padronizada, para você ter mais produtividade e organização em seus projetos.

Geralmente, nos projetos que eu dou consultoria, eu percebo um problema muito comum com quem utiliza angular: REPETIÇÃO DE MUITO CÓDIGO para a criação de CRUD's (criação, listagem, edição e exclusão).

São centenas de linhas de códigos repetidas em áreas diferentes do projeto, que poderiam ser facilmente removidas, através da simples aplicação de um padrão no seu projeto.

Aprenda como reduzir ao máximo esse tipo de problema utilizando padronização de CRUD's, através de reaproveitamento de código e componentização do seu FrontEnd com a arquitetura Master/Detail.


Durante o curso, iremos criar um Gerenciador Financeiro Pessoal, aplicando todos os princípios necessários para se criar uma arquitetura Master/Detail sólida, orientada à objetos e completamente reaproveitável.

Vamos ver como essa arquitetura poderá facilitar a nossa vida na criação de CRUD's em nossos sistemas e como componentizar nosso FrontEnd seguido as melhores práticas para padronizar as nossas interfaces.

Se você se sente um pouco perdido em como trabalhar com Angular, esse curso irá lhe colocar nos trilhos.

Faça sua inscrição.


ATENÇÃO: Esse curso não é adequado para quem é completamente iniciante em Angular.

Caso você seja completamente iniciante, eu posso lhe indicar materiais gratuitos de estudos, ou posso lhe fornecer um cupom com desconto para o meu curso de Angular para iniciantes.

Who this course is for:
  • Desenvolvedores que desejam aprender como ser produtivos utilizando uma base de reaproveitamento em Angular
  • Arquitetos de Software que desejam aprender como implementar uma Arquitetura Master/Detail com Angular
  • Equipes de desenvolvedores Angular que precisam estabelecer um padrão de projeto à ser seguido