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

AngularJS & ASP.NET WebAPI

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

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
Why State is the Most Important Part of Your Angular Application
Avatar for Fabian Gosebrink fabiangosebrink
0
45
Angular testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
78
Introducing state management into an application with NgRx
Avatar for Fabian Gosebrink fabiangosebrink
0
120
Scalable architectures in Angular with Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
100
My Biggest Angular Mistakes and How To Avoid Them
Avatar for Fabian Gosebrink fabiangosebrink
0
210
[iJS Munich] Better Angular Architectures with Libraries and Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
130
Mastering State Management in Angular with the NgRx Signal Store
Avatar for Fabian Gosebrink fabiangosebrink
0
320
Angular Architectures with NgRx Stores & Effects
Avatar for Fabian Gosebrink fabiangosebrink
0
96
Angular Testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
97

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.5k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k

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