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
89

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
65
Angular testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
99
Introducing state management into an application with NgRx
Avatar for Fabian Gosebrink fabiangosebrink
0
160
Scalable architectures in Angular with Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
130
My Biggest Angular Mistakes and How To Avoid Them
Avatar for Fabian Gosebrink fabiangosebrink
0
240
[iJS Munich] Better Angular Architectures with Libraries and Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
150
Mastering State Management in Angular with the NgRx Signal Store
Avatar for Fabian Gosebrink fabiangosebrink
0
360
Angular Architectures with NgRx Stores & Effects
Avatar for Fabian Gosebrink fabiangosebrink
0
110
Angular Testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
110

Featured

See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
49
51k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.7k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k

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