Angular 7 Avançado: Criando uma Arquitetura Master/Detail

3,151 students enrolled

Angular 7 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

3,151 students enrolled

Created by Nonato Costa

Last updated 3/2020

Portuguese

Portuguese [Auto-generated]

Preview this course

Angular 7 Avançado: Criando uma Arquitetura Master/Detail

$132.99 $189.99 30% off

5 hours left at this price!

30-Day Money-Back Guarantee

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

+ – Preparação Inicial

9 lectures 40:49

Preview 07:03

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

Baixando as dependências do projeto

Preview 15:00

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

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

Como criar um Aplicativo Android/iOS com ANGULAR e NativeScript em 30 minutos

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