SPA Jumpstart - Angular - 2 - Arquitetura

Post on 25-Jun-2015

162 views 0 download

Tags:

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

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