2. Building Rich Apps with AngularJS on ASP.NET

6. @john_papa A NGULAR JS P ATTERNS 10 T IPS JOHN PAPA

7. A NGULAR JS P ATTERNS @john_papa Time Productivity Data-binding rocks! What? I’m going back to jQuery! Wicked cool! Why the heck is it so difficult?! Thumbs Up for Dependency Injection! OMG, how can I back out of this? Maybe nobody will notice if I switch to Silverlight Angular Rocks! Modularity is the bomb!

9. A NGULAR JS P ATTERNS @john_papa http://jpapa.me/spangz https://github.com/johnpapa/ng-demoshttp://jpapa.me/ng-z-wiphttps://github.com/johnpapa/ng-demos

10. A NGULAR JS P ATTERNS @john_papa

11. 1

13. A NGULAR JS P ATTERNS @john_papa Module ViewController FactoriesDirectives Routes $scope

14. A NGULAR JS P ATTERNS @john_papa

15. A NGULAR JS P ATTERNS @john_papa

16. A NGULAR JS P ATTERNS @john_papa

17. A NGULAR JS P ATTERNS @john_papa

18. A NGULAR JS P ATTERNS @john_papa

19. A NGULAR JS P ATTERNS @john_papa

20. A NGULAR JS P ATTERNS @john_papa

21. A NGULAR JS P ATTERNS @john_papa

22. A NGULAR JS P ATTERNS @john_papa Module ViewController FactoriesDirectives Routes $scope

23. 2

27. A NGULAR JS P ATTERNS @john_papa

28. A NGULAR JS P ATTERNS @john_papa

29. A NGULAR JS P ATTERNS @john_papa

31. 3

33. A NGULAR JS P ATTERNS @john_papa Expose functionality

34. A NGULAR JS P ATTERNS @john_papa Immediately Identifiable

35. A NGULAR JS P ATTERNS @john_papa

37. 4

38. A NGULAR JS P ATTERNS @john_papa Locating our code is easy Identify code at a glance Flat structure as long as we can Try to stay DRY L I F T http://jpapa.me/1iVpwkp

39. A NGULAR JS P ATTERNS @john_papa By Type By Feature

41. A NGULAR JS P ATTERNS @john_papa Best Advice: Be Consistent! http://jpapa.me/ngstructure

43. 5

45. A NGULAR JS P ATTERNS @john_papa

46. A NGULAR JS P ATTERNS @john_papa

47. A NGULAR JS P ATTERNS @john_papa

48. A NGULAR JS P ATTERNS @john_papa Controller Factory Directive Routes Module Config Service Provider Value Filter

49. A NGULAR JS P ATTERNS @john_papa

50. A NGULAR JS P ATTERNS @john_papa modularApp avengersdashboardwidgetslayout core ngAnimatengRoutecommonui-bootstrap

52. 6

54. A NGULAR JS P ATTERNS @john_papa ViewControllerData Factory $http $scope Web Service

56. 7

58. A NGULAR JS P ATTERNS @john_papa

59. A NGULAR JS P ATTERNS @john_papa

61. 8

63. A NGULAR JS P ATTERNS @john_papa

64. A NGULAR JS P ATTERNS @john_papa

65. A NGULAR JS P ATTERNS @john_papa

66. A NGULAR JS P ATTERNS @john_papa

67. A NGULAR JS P ATTERNS @john_papa Sessions Tracks TimeSlotsRoomsSpeakers

69. 9

70. A NGULAR JS P ATTERNS @john_papa

71. A NGULAR JS P ATTERNS @john_papa

73. A NGULAR JS P ATTERNS @john_papa

74. A NGULAR JS P ATTERNS @john_papa

77. 10

78. A NGULAR JS P ATTERNS @john_papa

79. A NGULAR JS P ATTERNS @john_papa

81. A NGULAR JS P ATTERNS @john_papa Breeze Import/Export API’s Angular Directives Local Storage Angular Services

82. A NGULAR JS P ATTERNS @john_papa Listen to breeze Broadcast a custom message

83. A NGULAR JS P ATTERNS @john_papa Stash all WIP Serialize entity, changes and state

84. A NGULAR JS P ATTERNS @john_papa Return the newly imported entity Grab the stashed WIP Import the WIP into Breeze

85. A NGULAR JS P ATTERNS @john_papa Update the asterisk and counter The WIP data Who tells the directive when WIP changes WIP directive

86. A NGULAR JS P ATTERNS @john_papa

87. A NGULAR JS P ATTERNS @john_papa

88. A NGULAR JS P ATTERNS @john_papa http://jpapa.me/spangz https://github.com/johnpapa/ng-demoshttp://jpapa.me/ng-z-wiphttps://github.com/johnpapa/ng-demos

89. A NGULAR JS P ATTERNS @john_papa http://pluralsight.com/training/Authors/Details/john-papa

90. A NGULAR JS P ATTERNS @john_papa www.microsoft.com/learning http://microsoft.com/msdn http://microsoft.com/technet http://channel9.msdn.com/Events/TechEd

91. A NGULAR JS P ATTERNS @john_papa

92. A NGULAR JS P ATTERNS @john_papa