Peter Moelgaard's Blog

AngularJS – What HTML would have been had it been designed for web apps

Posted in Tools by petermoelgaard on November 13, 2011

You may say it was love at first sight when I first laid eyes on the clean and simple code of Flex in the form of MXML back in 2005…

My long lost love “DataBinding” never really made it fully due to the inherent performance issues with bubbling on a massive scale, however no love is perfect and no love is everlasting… Now that I by the course of faith have been forced to abandon Flex for future projects since my clients are unlikely to consider Spoon Project with the same trust as the did with Adobe.

Among some of the candidates for replacing parts of Flex, there is the AngularJS framework which provides a nice MVC structure and some really cool ways to work around the nature of HTML and its shortcomings as a RIA platform…

The last couple of projects I have been involved in, we have used Angular, and with significant success and pleasure. It far from covers the vast scope of the Flex framework, however it does take the concerns of data-spagetti out and allows us to reuse all the databinding mechanisms we have been used to from Flex…

Hint: In AngularJS a databinding expression is done by using double {{}} instead of single {} in Flex… that’s the biggest difference at this point.

The 4 initial notable aspects of Angular JS are…

  1. Declarative UI Templates
    HTML is already a good templating language; angular makes it better. Preview your UI in your favorite HTML editor.
  2. Two-Way Data Binding
    With angular, the view and data model are always in sync — there is no need for manual DOM manipulation.
  3. Framework
    Angular supports the entire development process, provides structure for your web apps, and works with the best JS libraries.
  4. MVC with Dependency Injection
    Separation of concerns, loose coupling, and inversion of control — all the good stuff for testable and maintainable code.

Check it out…
http://angularjs.org/

About these ads
Tagged with: ,

3 Responses

Subscribe to comments with RSS.

  1. Misko Hevery (@mhevery) said, on November 13, 2011 at 8:48 am

    could you talk about some of the projects you used angular on? can you share the links?

    • petermoelgaard said, on November 13, 2011 at 8:58 am

      Hello Misko,

      Thank you for your interest, its an honor to have attracted your attention with my humble introduction to AngularJS.
      The projects are not publicly available…
      One is a mobile project using PhoneGap (and jQuery Mobile side-by-side) where the app is still to be released and the other is an internal enterprise app intended for selling to their closed ecosystem of costumers.

      However, seeing that you naturally have a strong interest in staying in touch with what’s happening with “your” platform and who is using it and how it turns out, I would be delighted to stay in touch and keep you in the loop as I integrate the usage of AngularJS into future projects as well.

      Cheers,
      Peter

  2. Igor Minar said, on November 14, 2011 at 2:24 am

    Hi Peter,

    Thanks for the post.

    If you write up an intro blog post into PhoneGap+AngularJS, we’ll mail you a cool AngularJS T-shirt. ;-)


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: