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
33
Angular testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
74
Introducing state management into an application with NgRx
Avatar for Fabian Gosebrink fabiangosebrink
0
110
Scalable architectures in Angular with Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
97
My Biggest Angular Mistakes and How To Avoid Them
Avatar for Fabian Gosebrink fabiangosebrink
0
200
[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
310
Angular Architectures with NgRx Stores & Effects
Avatar for Fabian Gosebrink fabiangosebrink
0
95
Angular Testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
94

Featured

See All Featured
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.8k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.3k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.3k

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