Digicomp Microsoft Evolution Day 2015 1
AngularJS und REST / WebAPI
Fabian Gosebrink @FabianGosebrink
Partner:
2Digicomp Microsoft Evolution Day 2015
„Gerne nehme ich an künftigen Veranstaltungen teil. Essen hätte etwas exklusiver ausfallen können: Champagner-Empfang, Wachteleier, Kaviarhappen, Entrecôte, Mousse-au-Chocolat, etc.“
- unbekannt -
3Digicomp Microsoft Evolution Day 2015
Ich
4Digicomp Microsoft Evolution Day 2015
Noser
Engineering
5Digicomp Microsoft Evolution Day 2015
6Digicomp Microsoft Evolution Day 2015
7Digicomp Microsoft Evolution Day 2015
Starke
Server
8Digicomp Microsoft Evolution Day 2015
Starke
Clients
9Digicomp Microsoft Evolution Day 2015
11Digicomp Microsoft Evolution Day 2015
REST
12Digicomp Microsoft Evolution Day 2015
RESTist nicht
WebAPI
13Digicomp Microsoft Evolution Day 2015
GET /api/house/
GET /api/house/1
POST /api/house/
PUT /api/house/1
DELETE /api/house/1
14Digicomp Microsoft Evolution Day 2015
15Digicomp Microsoft Evolution Day 2015
16Digicomp Microsoft Evolution Day 2015
17Digicomp Microsoft Evolution Day 2015
Statuscodes
18Digicomp Microsoft Evolution Day 2015
2xx = Gut!
19Digicomp Microsoft Evolution Day 2015
4xx = Schlecht
20Digicomp Microsoft Evolution Day 2015
5xx = Ganz schlecht!
21Digicomp Microsoft Evolution Day 2015
Paging
22Digicomp Microsoft Evolution Day 2015
Sorting
23Digicomp Microsoft Evolution Day 2015
Datashaping
24Digicomp Microsoft Evolution Day 2015
Filtering
25Digicomp Microsoft Evolution Day 2015
http://.../api/house?page=2&pageSize=2
26Digicomp Microsoft Evolution Day 2015
27Digicomp Microsoft Evolution Day 2015
ASP.NET
MVC
28Digicomp Microsoft Evolution Day 2015
Er so: “Mit jQuery kannst du alles machen!”
Ich so: “Ja, ausser Architektur…”
29Digicomp Microsoft Evolution Day 2015
30Digicomp Microsoft Evolution Day 2015
Client
leichtgewichtige Architektur
31Digicomp Microsoft Evolution Day 2015
Struktur
32Digicomp Microsoft Evolution Day 2015
Modularität
33Digicomp Microsoft Evolution Day 2015
Single Page
Application
Framework
34Digicomp Microsoft Evolution Day 2015
MV-*
35Digicomp Microsoft Evolution Day 2015
Model Binding
36Digicomp Microsoft Evolution Day 2015
Routing
37Digicomp Microsoft Evolution Day 2015
UI-Templates
38Digicomp Microsoft Evolution Day 2015
Javascript
HTML
39Digicomp Microsoft Evolution Day 2015
Setup
40Digicomp Microsoft Evolution Day 2015
HTML + «ng»-Attributes = View
41Digicomp Microsoft Evolution Day 2015
ng-app definiert Applikationng-view für Templating
42Digicomp Microsoft Evolution Day 2015
43Digicomp Microsoft Evolution Day 2015
44Digicomp Microsoft Evolution Day 2015
$scope
45Digicomp Microsoft Evolution Day 2015
{{…}}
ng-bind
46Digicomp Microsoft Evolution Day 2015
Controller
47Digicomp Microsoft Evolution Day 2015
48Digicomp Microsoft Evolution Day 2015
49Digicomp Microsoft Evolution Day 2015
Services
50Digicomp Microsoft Evolution Day 2015
51Digicomp Microsoft Evolution Day 2015
Service 31
Application
Service 1 Service 2Controller 1
Service 4
Repository 1Controller 2
Repository 2
Service 1Service… Controller…
52Digicomp Microsoft Evolution Day 2015
A p p l i c a t i o n
Module 1
Controller 1
Repository 1
Service 1
Module 2
Controller 2
Repository 2
Templates
Module n
Controller n
Templates
Repository n
53Digicomp Microsoft Evolution Day 2015
Signal R
54Digicomp Microsoft Evolution Day 2015
55Digicomp Microsoft Evolution Day 2015
AngularJS 2.0
56Digicomp Microsoft Evolution Day 2015
57Digicomp Microsoft Evolution Day 2015
Architektur auf dem Client
58Digicomp Microsoft Evolution Day 2015
WebApi
59Digicomp Microsoft Evolution Day 2015
SignalR
60Digicomp Microsoft Evolution Day 2015
VielfachVerfügbar
61Digicomp Microsoft Evolution Day 2015
62Digicomp Microsoft Evolution Day 2015
WriteGoodCode
Digicomp Microsoft Evolution Day 2015 63
@FabianGosebrink
Github.com/FabianGosebrink