Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Angular

Angular 11 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
Rating: 4.9 out of 54.9 (925 ratings)
3,812 students
Created by Nonato Costa
Last updated 12/2020
Portuguese
Portuguese [Auto]
30-Day Money-Back Guarantee

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

4 sections • 71 lectures • 14h 25m total length

  • Preview07:03
  • Curso de Angular Básico (+ Rails + NativeScript)
    00:21
  • Sobre Avaliações
    03:27
  • Sobre as versões das Ferramentas utilizadas nesse Curso
    16:10
  • Preparando o ambiente de trabalho
    04:11
  • Criando o Projeto Prático Base
    02:35
  • Baixando as dependências do projeto
    15:00
  • Configurando as dependências no projeto
    05:02
  • Configurando um repositório no GitHub
    03:06
  • Github do Projeto
    00:04

  • 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

  • Preview05:49
  • Preview14:18
  • Preview11: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

  • Migrando para Angular 11 e Entendo as Mudanças
    01:11:00
  • Curso de Angular Básico (+Rails +NativeScript)
    00:18
  • Preview35:38

Requirements

  • Conhecimento básico de Angular ou Javascript
  • Conhecimento básico de Orientação à Objetos

Description

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

Esse curso foi gravado com Angular 7 e foi atualizado para angular 11.

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

Instructor

Nonato Costa
Engenheiro de Software
Nonato Costa
  • 4.7 Instructor Rating
  • 2,300 Reviews
  • 8,386 Students
  • 4 Courses

Sou Desenvolvedor de Software desde 2007, formado em Sistemas Para Internet. 

Atualmente trabalho como Engenheiro de Software e Professor. 

Apaixonado por tecnologia Web, tais como Ruby, Rails, Angular, Domain Driven Design, Padrões de Projetos, Nativescript, Testes Automatizados e Metodologias Ágeis.

Ensinar é aprender, por isso amo ensinar, assim como sou fascinado pelo fato de que precisamos aprender algo novo todos os dias.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.