Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

AngularJS & ASP.NET WebAPI

Avatar for Fabian Gosebrink Fabian Gosebrink
April 23, 2015
99
0

AngularJS & ASP.NET WebAPI

TechTalk Zürich

Avatar for Fabian Gosebrink

Fabian Gosebrink

April 23, 2015

More Decks by Fabian Gosebrink

See All by Fabian Gosebrink
Advanced Signal Store: Structuring State for Real Angular Applications
Avatar for Fabian Gosebrink fabiangosebrink
0
110
NgRx Signal Store - A Deeper Dive
Avatar for Fabian Gosebrink fabiangosebrink
0
77
Modern Angular Apps in 2026
Avatar for Fabian Gosebrink fabiangosebrink
0
130
Why State is the Most Important Part of Your Angular Application
Avatar for Fabian Gosebrink fabiangosebrink
0
160
Angular testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
190
Introducing state management into an application with NgRx
Avatar for Fabian Gosebrink fabiangosebrink
0
280
Scalable architectures in Angular with Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
270
My Biggest Angular Mistakes and How To Avoid Them
Avatar for Fabian Gosebrink fabiangosebrink
0
370
[iJS Munich] Better Angular Architectures with Libraries and Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
250

Featured

See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.4k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.6k
Between Models and Reality
Avatar for mayunak mayunak
4
460
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
320
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
550
How to make the Groovebox
Avatar for あそなす asonas
2
2.4k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
440
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.2k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
400

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