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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Fabian Gosebrink
April 23, 2015
0
91
AngularJS & ASP.NET WebAPI
TechTalk Zürich
Fabian Gosebrink
April 23, 2015
Tweet
Share
More Decks by Fabian Gosebrink
See All by Fabian Gosebrink
Modern Angular Apps in 2026
fabiangosebrink
0
21
Why State is the Most Important Part of Your Angular Application
fabiangosebrink
0
82
Angular testing made easy with Jest and Cypress
fabiangosebrink
0
130
Introducing state management into an application with NgRx
fabiangosebrink
0
200
Scalable architectures in Angular with Nx
fabiangosebrink
0
160
My Biggest Angular Mistakes and How To Avoid Them
fabiangosebrink
0
260
[iJS Munich] Better Angular Architectures with Libraries and Nx
fabiangosebrink
0
160
Mastering State Management in Angular with the NgRx Signal Store
fabiangosebrink
0
410
Angular Architectures with NgRx Stores & Effects
fabiangosebrink
0
120
Featured
See All Featured
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
120
The Language of Interfaces
destraynor
162
26k
Side Projects
sachag
455
43k
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
Amusing Abliteration
ianozsvald
0
100
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
160
Building Applications with DynamoDB
mza
96
6.9k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
250
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
エンジニアに許された特別な時間の終わり
watany
106
230k
Believing is Seeing
oripsolob
1
54
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