Top Banner
13

Single Page Application mit AngularJS und ASP.NET Web API

Jul 03, 2015

Download

Technology

247GRAD
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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.