SPA mit AngularJS und
ASP.net Web API
Eugen Schäfer @ 247GRAD Labs GmbH

Eugen Schäfer

@Eugen_Schaefer

Eugen.Schaefer@24...
Ablauf
• Warum AngularJS?
• Databinding
• Directive
• Dependency Injection

• Warum ASP.net Web API?
• Facebook Login mit ...
Warum AngularJS?
• Weniger UI Code
• Seperation of concerns durch MV*

• Databinding
Quelle: angularjs.org

• Directive

•...
Seperation of concerns durch MV*
MVVM

MVC

MV*
View

$scope

Controller
Trennung zwischen Model/View/Controller
Databinding „two-way-binding“
Directive
Dependency Injection
Warum ASP.net Web API?
• RESTful Services (GET, POST, PUT, DELETE)
• ASP.net 4.5 Infrastruktur
Bundling

Routing
Models...
Facebook Login mit Microsoft OAuth
LIVE DEMO!
Get connected

www.247grad-connect.com
Zähle zu den ersten Beta-Testern.
SPA (Single Page Application) mit AngularJS und ASP.net Web API
Nächste SlideShare
Wird geladen in …5
×

SPA (Single Page Application) mit AngularJS und ASP.net Web API

2.272 Aufrufe

Veröffentlicht am

Vortrag "SPA (Single Page Application) mit AngularJS und ASP.net Web API" von Eugen Schäfer auf der AllFacebook Developer Conference in Berlin 2013.

Mehr Informationen zur Konferenz und zum Slot:
http://conference.allfacebook.de/devcon/berlin2013/programm/#9

Veröffentlicht in: Soziale Medien
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.272
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
6
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

SPA (Single Page Application) mit AngularJS und ASP.net Web API

  1. 1. SPA mit AngularJS und ASP.net Web API Eugen Schäfer @ 247GRAD Labs GmbH Eugen Schäfer @Eugen_Schaefer Eugen.Schaefer@247grad.de
  2. 2. Ablauf • Warum AngularJS? • Databinding • Directive • Dependency Injection • Warum ASP.net Web API? • Facebook Login mit Microsoft OAuth • LIVE DEMO
  3. 3. Warum AngularJS? • Weniger UI Code • Seperation of concerns durch MV* • Databinding Quelle: angularjs.org • Directive • Dependency Injection
  4. 4. Seperation of concerns durch MV* MVVM MVC MV* View $scope Controller
  5. 5. Trennung zwischen Model/View/Controller
  6. 6. Databinding „two-way-binding“
  7. 7. Directive
  8. 8. Dependency Injection
  9. 9. Warum ASP.net Web API? • RESTful Services (GET, POST, PUT, DELETE) • ASP.net 4.5 Infrastruktur Bundling Routing Models JSON Serialisierung PartialViews
  10. 10. Facebook Login mit Microsoft OAuth
  11. 11. LIVE DEMO!
  12. 12. Get connected www.247grad-connect.com Zähle zu den ersten Beta-Testern.

×