AngularJS & REST/WebAPI (with X-Platform Development)

Noser Kick-Off 2016

Transcript

1. AngularJS und REST / WebAPI Fabian Gosebrink @FabianGosebrink
2. „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 -
3. Ich
8. Starke Server
9. Starke Clients
11. REST
12. REST ist nicht WebAPI
13. GET /api/house/ GET /api/house/1 POST /api/house/ PUT /api/house/1 DELETE /api/house/1
17. Statuscodes
18. 2xx = Gut!
19. 4xx = Schlecht
20. 5xx = Ganz schlecht!
21. Paging
22. http://.../api/house?page=2&pageSize=2 http://.../api/house?$top=10&$skip=20
23. Sorting
24. http://.../api/house?$orderby=Id desc http://.../api/house?sort=Id
25. Filtering
26. http://.../api/house?$filter=Street eq 'Street1‘ http://.../api/house?q=Street1
27. Datashaping
28. http://.../api/house/1?$select=Street, Id http://.../api/house/1?fields=Street,Id
29. Demo
30. Demo
31. ASP.NET MVC
32. Er so: “Mit jQuery kannst du alles machen!” Ich so: “Ja, ausser Architektur…”
34. Client leichtgewichtige Architektur
35. Modularität
36. Single Page Application Framework
37. MV-*
38. Model Binding
39. Routing
40. UI-Templates
41. Javascript HTML
42. Setup
43. HTML + «ng»-Attributes = View
44. ng-app definiert Applikation ng-view für Templating
47. $scope
48. {{…}} ng-bind
49. Controller
52. Services
54. Service 31 Application Service 1 Service 2 Controller 1 Service 4 Repository 1 Controller 2 Repository 2 Service 1 Service… Controller…
55. A p p l i cati on Module 1 Controller 1 Repository 1 Service 1 Module n Controller n Repository n Service n Module 2 Controller 2 Repository 2 Service 2
56. AngularJS 2.0
58. Signal R
59. Demo
61. Architektur auf dem Client
62. WebApi
63. SignalR
64. Cross Platform
65. Demo
66. Write Good Code
67. @FabianGosebrink github.com/FabianGosebrink