Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AngularJS & ASP.NET WebAPI
Search
Fabian Gosebrink
April 23, 2015
0
77
AngularJS & ASP.NET WebAPI
TechTalk Zürich
Fabian Gosebrink
April 23, 2015
Tweet
Share
More Decks by Fabian Gosebrink
See All by Fabian Gosebrink
Angular Architectures with NgRx Stores & Effects
fabiangosebrink
0
66
Angular Testing made easy with Jest and Cypress
fabiangosebrink
0
68
From Desktop to web and back
fabiangosebrink
0
17
Better Angular Architectures with Libraries and Nx
fabiangosebrink
0
240
Developing forms and validation with Typed Angular Reactive Forms
fabiangosebrink
0
46
Angular Testing made easy with Jest and Cypress
fabiangosebrink
0
56
Monorepos with Angular and Nx
fabiangosebrink
0
120
Create modern Web Apps with the new Angular and it's ecosystem
fabiangosebrink
0
77
Realtime Cross Platform Apps with Angular, ASP.NET Core and SignalR
fabiangosebrink
0
120
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
503
110k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.4k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
How to Ace a Technical Interview
jacobian
272
22k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
The Mythical Team-Month
searls
215
42k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Transcript
AngularJS & ASP.NET WebAPI
Me, Fabian Gosebrink Friend and obviously a good driver… …but
he’s cool anyway
Noser Engineering AG
Strong Servers Strong Clients
Him: “With jQuery you can do everything!” Me: “Yeah, except
architecture…”
None
Client light-weight architecture
Structure
Modularity
Single Page Application Framework
MV-*
Model Binding
Routing
UI-Templates
Javascript HTML
None
HTML + «ng»-Attributes = View
ng-app defines Application ng-view for Templating
None
None
$
{{…}} ng-bind
Controller
None
None
Services
None
Service 31 Application Service 1 Service 2 Controller 1 Service
4 Repository 1 Controller 2 Repository 2 Service 1 Service… Controller…
Application Module 1 Controller 1 Repository 1 Service 1 Module
2 Controller 2 Repository 2 Templates Module n Controller n Templates Repository n
None
Let`s see a demo…
None
Let`s see a demo…
…again
Sum it up lightweight architecture on client
WebApi
SingalR
Multi Accessible
Good Code
Admin at myCsharp.de fabian-gosebrink.de offering.solutions developercircle.net
[email protected]
blog.noser.com www.noser.com