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
Rails Girls Zürich Keynote
gr2m
95
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Music & Morning Musume
bryan
46
6.8k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Designing Experiences People Love
moore
142
24k
Designing for humans not robots
tammielis
253
25k
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