SPA Jumpstart - Angular - 2 - Arquitetura
9
Arquitet ura
-
Upload
wesley-lemos -
Category
Software
-
view
166 -
download
0
description
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
Transcript of SPA Jumpstart - Angular - 2 - Arquitetura
Arquitetura
Arquitetura
Conceitos
Ninject
Tokens
CookiesValidação
ng-message
$resource
$http
Modelos
Services
Filters
Diretivas
$Inject
$scope
Controller As
Pegamos vários conceitos, recursos e padrões e os usamos, selecionandoo que funcionou e excluindo o que não funcionou tão bem
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
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
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
Arquitetura
Templates
Arquivos html que não estão associados à controllers do negocio
Views
Arquivos html associados à controllers do negocio
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
Arquitetura
Proximo na fila
Testes Unitários Culture Deploy Animations Documentaç
ão
Wesley A.LemosLages/SC - 2014
