single page application mit angularjs und asp.net web api

13

Upload: 247grad

Post on 03-Jul-2015

1.954 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Single Page Application mit AngularJS und ASP.NET Web API
Page 2: Single Page Application mit AngularJS und ASP.NET Web API

SPA mit AngularJS und ASP.net Web API

Eugen Schäfer @ 247GRAD Labs GmbH

@Eugen_SchaeferEugen Schäfer [email protected]

Page 3: Single Page Application mit AngularJS und ASP.NET Web API

Ablauf

• Warum AngularJS?

• Databinding

• Directive

• Dependency Injection

• Warum ASP.net Web API?

• Facebook Login mit Microsoft OAuth

• LIVE DEMO

Page 4: Single Page Application mit AngularJS und ASP.NET Web API

Warum AngularJS?

• Weniger UI Code

• Seperation of concerns durch MV*

• Databinding

• Directive

• Dependency Injection

Quelle: angularjs.org

Page 5: Single Page Application mit AngularJS und ASP.NET Web API

Seperation of concerns durch MV*

MV

C

MVVM

View Controller$scope

MV*

Page 6: Single Page Application mit AngularJS und ASP.NET Web API

Trennung zwischen Model/View/Controller

Page 7: Single Page Application mit AngularJS und ASP.NET Web API

Databinding „two-way-binding“

Page 8: Single Page Application mit AngularJS und ASP.NET Web API

Directive

Page 9: Single Page Application mit AngularJS und ASP.NET Web API

Dependency Injection

Page 10: Single Page Application mit AngularJS und ASP.NET Web API

Warum ASP.net Web API?

• RESTful Services (GET, POST, PUT, DELETE)

• ASP.net 4.5 Infrastruktur

Bundling

Routing

Models

JSON Serialisierung

PartialViews

Page 11: Single Page Application mit AngularJS und ASP.NET Web API

Facebook Login mit Microsoft OAuth

Page 12: Single Page Application mit AngularJS und ASP.NET Web API

LIVE DEMO!

Page 13: Single Page Application mit AngularJS und ASP.NET Web API

Get connected

www.247grad-connect.com

Zähle zu den ersten Beta-

Testern.