Building Rich Apps with AngularJS on ASP.NET

Download this episode

Download Video

Download captions

Download Captions

Description

Come learn how to build end-to-end apps using AngularJS and BreezeJS on the ASP.NET platform. We explore how to manage multiple screens, maintain clean code with popular patterns, implement CRUD, perform robust HTML validation, and use local storage for saving work in progress.

Day:

4

Session Type:

Breakout

Code:

DEV-B420

Room:

General Assembly B

Embed

Format

Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • User profile image
      Leniel

      This is one of the BEST things I've seen in Software. FANTASTIC technologies. No doubt that WIP feature is the coolest.

      John Papa is such a skilled professional and has the mastery in presenting. The right person at the right place at the right time!

      Thanks Microsoft and John once more.

    • User profile image
      Yaz

      Awesome stuff, is there a PRISM like for AngularJS?

    • User profile image
      jopapa

      @Yaz:You could think of AngularJS as a "prism"-like framework.

    • User profile image
      Obiwan007

      Is the complete CC solution available as source? I only found the Durandal based version so far.

       

    • User profile image
      Eripsni

      Awesome session John!

    • User profile image
      Yazid

      Is there an event bus to communicate between views or controllers?

      Is there a region manager?

      How can I tell Angular to create Singleton's or new instance each time.

       

       

    • User profile image
      alon

      It's time for a new course in Pluralsite >>
      HotTowel.Angular + Asp Web Api :)


    • User profile image
      jopapa

      @alon: I have 2 courses on this now: Part 1 and Part 2  :)

    • User profile image
      jopapa

      @Yazid: You can use services/factories to share data between controllers or you can use the eventing/broadcast features to send messages. Depends what you want to do.

      You can place you HTML/CSS where you want, so no need for regions. Or use bootstrap or some layout from a source like wrapbootstrap.

      Angular creates controllers per instance and services/factories as shared. Which is what you'd want for these. If you want to controller more, just create an object that you can do something custom with.

       

    • User profile image
      jopapa

      @Obiwan007: I'm working on releasing the source for CC, but it may take some time. In the meantime, you can get it from a Pluralsight+ subscription

    • User profile image
      arifkhan2

      This was a great session. Thanks John.

    • User profile image
      Mark Wheeldon

      Brilliant video John. I wish it was around when I first started with your Hot Towel template!

      I'd love to hear your thoughts on how best to test this code, what frameworks you use etc.

    • User profile image
      Fran Mazanet

      John:

      Any tutorials/sample code using AngularJS / Breeze and ASP.net Identity. I saw Code Camper but you do not use ASP.net Identity.

    • User profile image
      Kasim

      Great Job John P
      Just WIP it 

      :D

       

    • User profile image
      George_​Curelet_​Balan

      The links John mentioned in his talk:

      https://github.com/johnpapa/ng-demos

      http://jpapa.me/spangz

      http://jpapa.me/ng-z-wip

      http://momentjs.com

      http://sidewaffle.com

      http://jpapa.me/1iVpwkp.  Angular App Structuring Guidelines

      http://jpapa.me/ngstructure.  Angular Structure: Refactoring for Growth

    • User profile image
      runamuk00

      @George_Curelet_Balan: Thanks you very much.

    • User profile image
      Arnas

      Great presentation. I have one question.
      Stay above the fold - 0:18:22
      How getData and save properties of service object which is returned gets their value? Since it is returning before function (getData/save) declaration it should be undefined right? Resulting object service = {getData: undefined, save: undefined} therefore datacontext methods undefined. Is this magical angularjs trick or I'm missing something?

    • User profile image
      jopapa

      @Arnas:Good question. Those functions are defined below the return, but they are hoisted to the top since they are declared as a function declaration (e.g. a function without an explicit variable definition) .

    • User profile image
      Rahul Mehta

      Amazing !! Fantastic Explaination

    • User profile image
      L A

      Have a question about security issue concerning using angular to display the items of a collection that might be used for an ecommerce site, seeing as J.P is one of the best to answer, was hoping not to draw heat from asking here...

      If back in the late 2000+ we had javascript issues (like on Amazon) of people that would manipulate client side js pages/code to change pricing of items, and get say a 20$ book for 2$, because pricing and calculations lived on client side, is there a way to leverage angular to avoid hosting that info client side as to avoid this same scenario repeating again, I have not seen this yet in the course material presented.

    • User profile image
      L A

      Meant to say early 2000s

    • User profile image
      darshana2000

      Nice article :)

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.