SPA Jumpstart - Angular - 2 - Arquitetura

491 visualizações

Publicada em

Curso ministrado por mim na NDDigital sobre como iniciar uma aplicação AngularJS direcionada ao consumo de WebAPI, baseado neste fluxo:
https://www.examtime.com/pt-BR/p/1084807

::Table of Contents

1 - Introdução
http://pt.slideshare.net/anisanwesley/angular-jumpstart-1-introduo-38460785

2 - Arquitetura
http://pt.slideshare.net/anisanwesley/angular-jumpstart-2-arquitetura

3 - Controllers
http://pt.slideshare.net/anisanwesley/angular-jumpstart-3-controllers

4 - Diretivas nativas
http://pt.slideshare.net/anisanwesley/angular-jumpstart-4-diretivas-nativas

5 - Diretivas customizadas
http://pt.slideshare.net/anisanwesley/angular-jumpstart-5-diretivas-customizadas

6 - Filters
http://pt.slideshare.net/anisanwesley/angular-jumpstart-6-filters

7 - Validação
http://pt.slideshare.net/anisanwesley/angular-jumpstart-7-validao

8 - Services
http://pt.slideshare.net/anisanwesley/angular-jumpstart-8-services

9 - Modulos
http://pt.slideshare.net/anisanwesley/angular-jumpstart-9-modulos

10 - Requests
http://pt.slideshare.net/anisanwesley/angular-jumpstart-10-requests

11 - Roteamento
http://pt.slideshare.net/anisanwesley/angular-jumpstart-11-roteamento

Publicada em: Software
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
491
No SlideShare
0
A partir de incorporações
0
Número de incorporações
18
Ações
Compartilhamentos
0
Downloads
18
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • Modules
    Core.modulejs aplicação, onde será definido o módulo principal e as configurações iniciais
    Routes.module.js – provider de roteamento das views do app
    Routes – relacionamento referente a views e controllers
    Config.routes.js – método que registra todas as rotas
    Demais arquivos – são adicionados conforme necessidade
    Services – arquivos referentes ao modulo de serviços
    Datacontext.js – classe responsável por manter os dataservices em um único contexto
    Demais arquivos – conforme necessidade

  • SPA Jumpstart - Angular - 2 - Arquitetura

    1. 1. Arquitetura
    2. 2. Arquitetura Pegamos vários conceitos, recursos e padrões e os usamos, selecionando o que funcionou e excluindo o que não funcionou tão bem $Inject Conceitos PDI Angular + ASP.NET + WebAPI Ninject Tokens Cookies Validação ng-message $resource $http Modelos Services Filters Diretivas $scope Controller As
    3. 3. Arquitetura •Casca inicial, onde estão as referências a declaração de módulo ng-app Index •Onde é desenvolvida praticamente toda a aplicação App
    4. 4. Arquitetura •Controllers •Onde estão todos os controladores da aplicação, tanto do layout quanto demais funcionalidades •Directives •Layout •Demais Diretivas •Filters •Layout •Demais Filtros
    5. 5. Arquitetura  Modules  Onde são registrados todos os módulos da aplicação  Modulos em arquivos separados se tiverem uma configuração inicial  Routes  Todas as rotas da aplicação  Demais rotas  Services  Dataservice.js  Demais services
    6. 6. Arquitetura  Templates  Arquivos html que não estão associados à controllers do negocio  Views  Arquivos html associados à controllers do negocio
    7. 7. Arquitetura Notas práticas  Nomeclatura para nomes de arquivos de js: [<nome>.<modulo>.js]  Tipos de controllers:  Controllers “de negócio” estão relacionados ao modelo de domínio  Controllers que não são de negócio seriam aqueles referentes à infraestrutura da página
    8. 8. Arquitetura Proximo na fila Testes Unitários Culture Deploy Animations Documentação
    9. 9. Wesley A.Lemos Lages/SC - 2014

    ×