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
87
AngularJS & ASP.NET WebAPI
TechTalk Zürich
Fabian Gosebrink
April 23, 2015
Tweet
Share
More Decks by Fabian Gosebrink
See All by Fabian Gosebrink
Why State is the Most Important Part of Your Angular Application
fabiangosebrink
0
61
Angular testing made easy with Jest and Cypress
fabiangosebrink
0
94
Introducing state management into an application with NgRx
fabiangosebrink
0
140
Scalable architectures in Angular with Nx
fabiangosebrink
0
120
My Biggest Angular Mistakes and How To Avoid Them
fabiangosebrink
0
230
[iJS Munich] Better Angular Architectures with Libraries and Nx
fabiangosebrink
0
140
Mastering State Management in Angular with the NgRx Signal Store
fabiangosebrink
0
350
Angular Architectures with NgRx Stores & Effects
fabiangosebrink
0
110
Angular Testing made easy with Jest and Cypress
fabiangosebrink
0
110
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Automating Front-end Workflow
addyosmani
1370
200k
Raft: Consensus for Rubyists
vanstee
140
7.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Git: the NoSQL Database
bkeepers
PRO
431
66k
KATA
mclloyd
32
14k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
530
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
920
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.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