Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

AngularJS is Very Productive, and Cool Too!

DZone's Guide to

AngularJS is Very Productive, and Cool Too!

· Web Dev Zone
Free Resource

Make the transition to Node.js if you are a Java, PHP, Rails or .NET developer with these resources to help jumpstart your Node.js knowledge plus pick up some development tips.  Brought to you in partnership with IBM.

AngularJS has a very steep learning curve, but yields a superb productivity boost once you’ve learned it. Check out my demo of the wizard, which we’ll discuss next.

AngularJS works by extending HTML to produce declarative UI code and eliminating the need for a lot of boilerplate code. For example, the mental model of a wizard can be expressed using the following HTML:

<wizard title="Flight Search">
  <step title="Search">
  </step>

  <step title="Select a flight">
  </step>

  <step title="Select a return flight">
  </step>

  <step title="Checkout">
  </step>

  <step title="Confirm purchase">
  </step>

  <step title="Receipt">
  </step>
</wizard>

With AngularJS, one can write exactly this markup with the help of two custom directives, widget and step. This declarative UI code makes it very easy to read. In addition to this, the two-way data binding capabilities of AngularJS makes it very productive as we don’t need to write a bunch of references to the DOM nodes and render the nodes as the data changes. For a working example, check the source code of the demo and, if you're like me, you’ll love to see how simple it is.


Learn why developers are gravitating towards Node and its ability to retain and leverage the skills of JavaScript developers and the ability to deliver projects faster than other languages can.  Brought to you in partnership with IBM.

Topics:

Published at DZone with permission of S M Sohan, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}