Arquitetura
Arquitetura 
Pegamos vários conceitos, recursos e padrões e os usamos, selecionando 
o que funcionou e excluindo o que não...
Arquitetura 
•Casca inicial, 
onde estão as 
referências a 
declaração de 
módulo ng-app 
Index 
•Onde é 
desenvolvida 
pr...
Arquitetura 
•Controllers 
•Onde estão todos os controladores da 
aplicação, tanto do layout quanto demais 
funcionalidade...
Arquitetura 
 Modules 
 Onde são registrados todos os módulos da 
aplicação 
 Modulos em arquivos separados se tiverem ...
Arquitetura 
 Templates 
 Arquivos html que não estão associados à 
controllers do negocio 
 Views 
 Arquivos html ass...
Arquitetura 
Notas práticas 
 Nomeclatura para nomes de arquivos de js: 
[<nome>.<modulo>.js] 
 Tipos de controllers: 
...
Arquitetura 
Proximo 
na fila 
Testes 
Unitários 
Culture Deploy Animations Documentação
Wesley A.Lemos 
Lages/SC - 2014
Próximos SlideShares
Carregando em…5
×

SPA Jumpstart - Angular - 2 - Arquitetura

657 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
  • Seja o primeiro a comentar

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

×