Over a million developers have joined DZone.

AngularJS: Turning Over a New Leaf in Web Development

DZone's Guide to

AngularJS: Turning Over a New Leaf in Web Development

Originally developed in 2009, Angular has quickly climbed the ladder in popularity, thanks to features such as: dependency injection, directive writing, two way data-binding and testability.

· Web Dev Zone ·
Free Resource

Bugsnag monitors application stability, so you can make data-driven decisions on whether you should be building new features, or fixing bugs. Learn more.

Some developers call it the “superheroic JavaScript framework”, some the next jQuery, while others see it as the most popular front-end framework currently available. On the other hand, we like to look at AngularJS as "what the web browser would have been, had it been designed for applications".

AngularJS is a JavaScript framework for Web applications, or simply said, a Web framework, which is sustained by Google and other corporations, and it's considered the best framework for developing single-page web applications.

Originally developed in 2009 (by Miško Hevery and Adam Abrons), Angular has quickly climbed the ladder in popularity, thanks to features such as: dependency injection, directive writing, two-way data-binding and testability.

Reasons for Learning a Thing or Two About Angular

  1. Angular supports parallel workflow: similar to XAML, Angular enables developers involved in the project to work in parallel on various tasks.
  2. Angular handles very well dependency injection: meaning that a developer can divide an app into logical modules, which will have dependencies on each other, although they are initialized separately.
  3. Angular allows developers to perform Test-Driven Development, Behavior-Driven Development, and other driven development methodologies. Now, now don't get upset, you don't like testing, I know, but the alternative would be to fix (sometimes near the deadline) an endless number of issues... so do you see the importance of testing?
  4. Angular supports Single Page Applications: do you need a simple website, perfectly suited for your needs? You needn't look any further — Angular can take care of this, providing developers with proper infrastructure, templates, journaling, etc.
  5. Developers can express UI declaratively, with benefits such as:

    1. A structured UI can be understood and manipulated better.
    2. Designers that find programming hard can instead learn markup language.
    3. The bindings are declared at the source.

The Angular Learning Curve

Most developers agree that AngularJS is not the easiest thing to learn, and it has a steep learning curve... or at least for the more advanced stuff. Starting learning Angular is pretty easy, but there is no royal road for learning the more advanced stuff.

Also, when it comes to documentation, prepare to "dig deep" in order to find the help you need (I recommend reading some good tutorials, such as the ones from CodeCademy.

Angular at Work

It would be impossible to list even the smallest part of the well-known websites which use Angular, so I consider that the websites of Intel, Sprint, NBC and ABC News are enough to convey its usage and popularity.

In the next article, we're going to see a small app created in Angular, but until then, fell free to share with us your experiences with Angular.

Update: Now that you got to know something about AngularJS, it's time to get underway and see it in action.

Monitor application stability with Bugsnag to decide if your engineering team should be building new features on your roadmap or fixing bugs to stabilize your application.Try it free.

angularjs ,javascript ,web dev

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}