What is AngularJS?

This article will talk about some of the concepts of AngularJS, its pros and cons and especially about the components in AngularJS that we will learn in the next articles.

What is AngularJS?

AngularJS is an open source web application framework. It was first developed by Misko Hevery and Adam Abrons in 2009. It is currently maintained by Google. The latest version of AngularJS is currently 1.3.14.

The definition of AngularJS is officially given as follows:

AngularJS is a structured framework for dynamic web applications. It allows you to use HTML as a template language and allows you to extend the syntax of HTML to express your application components in a clear and concise way. Two core features: Data binding and Dependency injection of AngularJS eliminate most of the code you often have to write. It happens in all browsers, making it the ideal partner of any Server technology.

General features of AngularJS

1. AngularJS is a powerful JavaScript-based development framework for creating Internet Application Applications (RIA).
2. AngularJS provides programmers with the option to explicitly write client-side applications in the MVC (Model View Controller) model.
3. The application written by AngularJS is compatible with many web browser versions. AngularJS automatically handles JavaScript code to match each browser.
4. AngularJS is completely free, open source, used by thousands of developers around the world. It works under the Apache License version 2.0 license.
5. Overall, AngularJS is a framework for creating large applications, high performance while keeping them easily maintained.

Core features of AngularJS

Here are the core features of AngularJS:

Data-binding : It automatically synchronizes data between model and view components.

Scope : As the model-oriented objects, it acts as a bridge between controller and view.

Controller : These are AngularJS features that are limited to a specific scope.

Service : AngularJS works with several available services, for example $ http to create XMLHttpRequests. It is the singleton object that is initialized only once in the application.

Filter : It selects (or filters) subsets from the item set in arrays and returns new arrays.

Directive : Directive are markers in DOM elements (such as elements, attributes, css and more). It can be used to create individual HTML tags for specific purposes. AngularJS has available directives such as ngBind, ngModel .

Template : View rendered with information from controller and model. It can be used in separate files (eg index.jsp) or multiple views with a page using "partials".

Routing : This is the concept of reciprocating views.

Model View Whateve r: MVC is a model designed to divide applications into different parts (called Model, View and Controller), partly used with a certain task. AngularJS does not deploy MVC in the traditional way, but more closely associated with Model-View-ViewModel. The AngularJS development team has a fun name for this model as Model View Whatever.

Deep Linking : Allows you to encrypt the state of applications on the URL so that it can be bookmarked. Applications can be restored from URL addresses with the same status.

Dependency Injection : AngularJS has a dependency injection subsystem available to help developers create applications that are easy to develop, understand and test.

Advantages of AngularJS

1. AngularJS provides the ability to create Single Page Application in a very clear and easy way to maintain.
2. AngularJS provides Data binding capability to HTML so it helps users feel flexible and friendly.
3. AngularJS code is easy to unit test.
4. AngularJS uses dependency injection.
5. AngularJS provides the ability to reuse components.
6. With AngularJS, programmers will write less code, with more functions.
7. With AngularJS, view is part of pure HTML page, while controller is written by JavaScript with business processing.

And above all, AngularJS applications can run on most web browsers, on Android platforms and IOs.

Disadvantages of AngularJS

Although AngularJS can mention many advantages, it still has some weaknesses up to this point:

Unsafe : A JavaScript framework, application written by AngularJS is not secure. Security and server-side authentication features are required to make the application more secure.

If the user of your application disables JavaScript, they can only see the basic page, nothing more.

Components of AngularJS

The AngularJS framework can be divided into the following three main parts:

1. ng-app : This directive defines and links an AngularJS application to HTML.
2. ng-model : This directive binds the value of AngularJS application data to HTML input controls.
3. ng-bind : This directive binds AngularJS application data to HTML tags.

According to Tutorialspoint

Last lesson: Effects in jQuery

Next article: Filters in AngularJS