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
98
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AngularJS & ASP.NET WebAPI
TechTalk Zürich
Fabian Gosebrink
April 23, 2015
More Decks by Fabian Gosebrink
See All by Fabian Gosebrink
Advanced Signal Store: Structuring State for Real Angular Applications
fabiangosebrink
0
96
NgRx Signal Store - A Deeper Dive
fabiangosebrink
0
66
Modern Angular Apps in 2026
fabiangosebrink
0
120
Why State is the Most Important Part of Your Angular Application
fabiangosebrink
0
150
Angular testing made easy with Jest and Cypress
fabiangosebrink
0
180
Introducing state management into an application with NgRx
fabiangosebrink
0
270
Scalable architectures in Angular with Nx
fabiangosebrink
0
240
My Biggest Angular Mistakes and How To Avoid Them
fabiangosebrink
0
350
[iJS Munich] Better Angular Architectures with Libraries and Nx
fabiangosebrink
0
230
Featured
See All Featured
Everyday Curiosity
cassininazir
0
280
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
For a Future-Friendly Web
brad_frost
183
10k
Evolving SEO for Evolving Search Engines
ryanjones
0
250
Unsuck your backbone
ammeep
672
58k
The untapped power of vector embeddings
frankvandijk
2
1.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
470
Measuring & Analyzing Core Web Vitals
bluesmoon
9
960
How to Think Like a Performance Engineer
csswizardry
28
2.7k
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