Good old JavaScript has long been associated with the ghetto, to a certain extent. It was born in 10 days under severe management pressure and it took another decade for the language to gain well-deserved recognition. It was initially supposed to be easy. In order to draw the attention of professional developers, its syntax was made similar to Java, but this solution didn’t bring any positive results. Professionals didn’t want to rush into this, not with the way things were, and newbies, stuck on the rosy notion, didn’t deliberate much upon code’s quality. As a result, the language became a second-rate tool for building clumsy things, hardly sufficient to vivify pages of that time.

Those, who used to be accustomed to deal with other programming languages, complained about confusing syntax, unpredictable work of some operators, endless troubles with weak typing, problems with the scope of variables and a bunch of other defects.

John Resig was the first who dared to turn unwieldy JavaScript around. He managed to see its hidden elegance and solved the main problem – constant re-writing of the same code. The result of his labor was the first release of jQuery library. It was not only supposed to address the code issue, but also to lead to certain cross-browser scripting. Indeed, the library allowed to shorten lots of monstrous constructions in coding and got better after each new release. Today jQuery is indispensable for any web-developer, and it’s even hard to imagine a modern website without it (or its alternatives).

So, jQuery demonstrated, that JavaScript is capable of a lot, and stirred developers to use it. Change of attitude to the language made it evolve, and new technologies, such as Node.JS, turned JavaScript into much more than just a scripting language. Nowadays, it can take over all the stages of creating a web application (both front- and back-end) without resorting to additional tools.

Finally, Angular is the next step in JS evolution made by Google. Its rampant growth of popularity, recorded by BuiltWith, proves, that Angular has earned the trust of leading companies. So as to back up this affirmation with evidence, let’s take a closer look at 7 of Angular’s most remarkable features.

Introduction

Finally, Angular is the next step in JS evolution made by Google. Its rampant growth of popularity, recorded by BuiltWith, proves, that Angular has earned the trust of leading companies. So as to back up this affirmation with evidence, let’s take a closer look at 7 of Angular’s most remarkable features.

1. It’s perfect for SPA development

Angular is a JavaScript framework that embodies peculiar carcass for application development, SPA (single page applications) particularly. At first glance, such applications are not different from regular web pages. What makes them special then? When we receive a message, reply and go through friends’ newsfeed without refreshing a page, then we certainly deal with an app built with Angular or some other JS framework. Gmail is such an app, for instance.

Considering Angular our main tool to build an app with, we get several benefits that will make our work easier. Among the advantages of Angular for start-ups and companies are quick coding, rapid testing of any part of an app and data binding (changes in back-end impact on user’s interface immediately). Since the release of the first Angular, it’s ecosystem has evolved far beyond imagination. Thus, it’s rightfully called the most used JS framework for SPA development.

2. It’s not demanding

Angular has quite a low entry threshold relative to plenty of similar solutions. It contains a compelling documentation provided with examples. Tutorial trials (e.g. TodoMVC Project), great presentations and numerous screencasts make it even more appealing to beginners. If a developer has never dealt with frameworks like Angular though, basic knowledge of JavaScript and TypeScript may come in handy.

Angular is an open-source product, which is essential for developers, for they can slide straight to coding, evading license and special equipment costs.

3. It’s progressive

The first release of Angular was in 2009, and several versions of the product have come out since then. Starting with the version 2.0 Angular became cross-platform, prioritizing mobile apps. Much more attention was given to touch-events and gestures, available on all devices. Every performance testing, conducted by Angular team, can be found in the public domain on GitHub, so that anyone can take a look or even run them again. Speaking of performance, Meteor team ran a performance competition among front-end developers. In the end, Angular 2 won, leaving React behind.

Another important feature of Angular 2 and newer versions of the product is their compatibility. Projects made with the version 2 can be easily imported to 4, 5 etc. However, it isn’t compatible with AngularJS. Thus, Code & Pepper team strongly recommends using Angular 2 or newer versions rather than AngularJS.

4. Declarative approach

Unlike other libraries and frameworks, Angular doesn’t consider HTML a problem, that needs to be taken care of. It concentrates on what must be achieved, not how to achieve it. Declarative style saves us from the need to write thorough instructions and only describes the result we want to get. Finally, we get a concise and easy-to-read code. Here’s a simple demonstration of such a code on jsFiddle.

5. It’s organized

Writing a clear programming code in the times of AngularJS was quite a challenge. A lot of guidelines showed up back then, which led to misinterpretation on the Internet. The Angular Team learned the lesson well and provided Angular 2 with a style guide in order to help users organize the code, making it more readable and less mistake prone.

6. 2-way data binding

Angular offers a concept of data binding always centered on the scope. Only objects inside the scope can be bound together.

Basically, Angular is a foundation that links HTML-code (generated in a browser window) to JavaScript objects/models. If one of the objects is changed, the generated page is automatically refreshed. It also works the other way around – models are bound to content.

Angular unites codes into one integral system, so you neither have to update HTML manually nor inspect elements as if you’re using jQuery.

1. It’s customizable

Angular is fully integrated with Angular Material – a user-friendly design system that offers customization tools for app’s components. Changing themes, color palettes or typography configuration has never been easier.

EXAMPLES

Rockstar Games – an American video game publisher, well-known for action-adventure games, such as Grand Theft Auto and Max Payne and franchises. The website is built with Angular 2.3.0:

Teradata is an open-source UI platform. Angular 5.1.0 and design solutions of Angular Material were used to create this project:

Youtube TV. YouTube is available on a large number of devices and offers Live TV from 40+ networks. Its app is written with help of Angular 2.4.8:

Cloud Player is an alternative SoundCloud player built with Angular:

VNware Open Source Software. They are developers of open source projects and they used Angular 4.3.6:

Citibank Customer Service  app is another example of Angular’s potential (v4.3.0):

Freelancer.com – the name says it all. They use Angular 5.1.0 on their homepage:

Ng2 Finance – a finance dashboard using Yahoo’s public APIs:

CONCLUSION

The top sites mentioned above demonstrate Angular’s versatility. Judging from our experience, Angular has proven itself to be an efficient tool in FinTech area, and we tend to use it more often. Our recent project – an app for Helvetia Swiss Insurance Company that enables individuals to buy insurance policies – wouldn’t have shown up without it. 

No doubt, this JS framework is a high-quality solution Google surprised us with.

0 Comments

Dodaj komentarz