Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AngularJS & ASP.NET WebAPI

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Fabian Gosebrink Fabian Gosebrink
April 23, 2015
0
91

AngularJS & ASP.NET WebAPI

TechTalk Zürich

Avatar for Fabian Gosebrink

Fabian Gosebrink

April 23, 2015
Tweet

More Decks by Fabian Gosebrink

See All by Fabian Gosebrink
Modern Angular Apps in 2026
Avatar for Fabian Gosebrink fabiangosebrink
0
20
Why State is the Most Important Part of Your Angular Application
Avatar for Fabian Gosebrink fabiangosebrink
0
82
Angular testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
130
Introducing state management into an application with NgRx
Avatar for Fabian Gosebrink fabiangosebrink
0
200
Scalable architectures in Angular with Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
160
My Biggest Angular Mistakes and How To Avoid Them
Avatar for Fabian Gosebrink fabiangosebrink
0
260
[iJS Munich] Better Angular Architectures with Libraries and Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
160
Mastering State Management in Angular with the NgRx Signal Store
Avatar for Fabian Gosebrink fabiangosebrink
0
410
Angular Architectures with NgRx Stores & Effects
Avatar for Fabian Gosebrink fabiangosebrink
0
120

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
210
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
90

Transcript

  1. AngularJS & ASP.NET WebAPI

  2. Me, Fabian Gosebrink Friend and obviously a good driver… …but

    he’s cool anyway

  3. Noser Engineering AG

  4. Strong Servers Strong Clients

  5. Him: “With jQuery you can do everything!” Me: “Yeah, except

    architecture…”
  6. None

  7. Client light-weight architecture

  8. Structure

  9. Modularity

  10. Single Page Application Framework

  11. MV-*

  12. Model Binding

  13. Routing

  14. UI-Templates

  15. Javascript HTML

  16. None

  17. HTML + «ng»-Attributes = View

  18. ng-app defines Application ng-view for Templating

  19. None
  20. None

  21. $

  22. {{…}} ng-bind

  23. Controller

  24. None
  25. None

  26. Services

  27. None

  28. Service 31 Application Service 1 Service 2 Controller 1 Service

    4 Repository 1 Controller 2 Repository 2 Service 1 Service… Controller…

  29. Application Module 1 Controller 1 Repository 1 Service 1 Module

    2 Controller 2 Repository 2 Templates Module n Controller n Templates Repository n
  30. None

  31. Let`s see a demo…

  32. None

  33. Let`s see a demo…

  34. …again

  35. Sum it up lightweight architecture on client

  36. WebApi

  37. SingalR

  38. Multi Accessible

  39. Good Code

  40. Admin at myCsharp.de fabian-gosebrink.de offering.solutions developercircle.net [email protected] blog.noser.com www.noser.com