EmberJS + SPA

EmberJS + SPARodolfo Fadino

Single Page Aplication

Single Page Aplication

Single Page Aplication

Aplicações com uma grande interação client-side (Html5, CSS3 e JavaScript)

Navegação sem refresh Logica da aplicação client-site Carregar dados sobre demanda

Single Page Aplication

Arquitetura

Microsoft◦ Web API◦ Templates◦ Padrões Web => Windows◦ TypeScript◦ Node.JS

ASP.NET Single Page Application

Demo

Biblioteca MVC pattern Core:

◦ TEMPLATES◦ VIEWS◦ CONTROLLERS◦ MODELS◦ ROUTER

Ember.js

Template◦ Handlebars templating language◦ Application user interface.

Model ◦ Application data that it gets from the server

Controller ◦ Stores application state.◦ Present model data to the corresponding templates.

View◦ Translates primitive events from the application◦ and passes these to the controller.

Router ◦ Manages application state◦ URLs and templates in sync.

Ember.js

Scripts em oito camadas:◦webapi_adapter.js, webapi_serializer.js:◦Scripts/helpers.js:◦Scripts/app.js:◦Scripts/app/models/*.js◦Scripts/app/views/*.js◦Scripts/app/controllers/*.js◦Scripts/app/routes, Scripts/app/router.js◦Templates/*.html

Ember.js SPA Template

Models

Models

Models

Models

Views

Controllers

Controllers

Routes

Routes

Templates

Templates

Templates

Demo

have a nice

CODE