13

Single Page Application mit AngularJS und ASP.NET Web API

  • Upload
    247grad

  • View
    1.949

  • Download
    0

Embed Size (px)

Citation preview

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.