spa jumpstart - angular - 2 - arquitetura
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-roteamentoTRANSCRIPT
![Page 1: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/1.jpg)
Arquitetura
![Page 2: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/2.jpg)
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
![Page 3: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/3.jpg)
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
![Page 4: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/4.jpg)
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
![Page 5: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/5.jpg)
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
![Page 6: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/6.jpg)
Arquitetura
Templates
Arquivos html que não estão associados à controllers do negocio
Views
Arquivos html associados à controllers do negocio
![Page 7: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/7.jpg)
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
![Page 8: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/8.jpg)
Arquitetura
Proximo na fila
Testes Unitários Culture Deploy Animations Documentaç
ão
![Page 9: SPA Jumpstart - Angular - 2 - Arquitetura](https://reader036.vdocument.in/reader036/viewer/2022062406/558bb124d8b42a78408b4775/html5/thumbnails/9.jpg)
Wesley A.LemosLages/SC - 2014