1Overview

Construction

AngularJS is a structural framework for building dynamic web applications that lets you use HTML as the template language and eliminates a lot of code writing and at the same time fully ready for unit testing.

Two popular application skeletons for bootstrapping an AngularJS app are Angular-seed (https://github.com/angular/angular-seed) and Yeoman (http://yeoman.io/). It really depends on your project and preferences if you should be using any of these tools. Whereas angular-seed is a skeleton for a ”typical” AngularJS application, Yeoman might be more flexible since it’s built to work with many popular web frameworks.

AngularJS is one of the best frameworks to build large application but a general advice is to keep your AngularJS applications small and focused to combine them in to larger applications over time. This modular approach enables a more parallel workflow and makes it easier to scale the development team.

2Dependency
Injection

Injection

AngularJS makes use of dependency injection throughout the whole framework. Dependency injection is a software design pattern that implements inversion of control to resolve dependencies. This is great for testing with mock objects but also makes it easier to change the dependencies when necessary.

All this makes the dependency injection feature of Angular JS quite powerful. You can use it with functions defined for factory, controller, service, directive, etc. All these types can be injected into each other. The responsibility of dependency creation in AngularJS is a service locator called injector.

3Templates
the HTML

HTML

You make templates in AngularJS using HTML with additional enriched elements called directives. The framework then combines the information from the template, model and controller to render it to the end user in the browser. One of the benefits are that you don’t have to learn a whole new templating language.

Because it builds on top of HTML it is more familiar and easier to learn for beginners. Another benefit is that you can have an AngularJS app within an existing site without the need to rewrite everything at once.

4Scopes
and data binding

Scope

Scopes are the glue between your code and what the browser renders. A scope is a JavaScript object and in this Model-View-Controller structure it refers to the application model.

It brings the execution context tied to the DOM object and its children. AngularJS implements two-way data binding, meaning that changes in the view are reflected directly on the model and vice versa. This helps you to remove logic from your views.

5Modules
for organizing

Modules

Modules let you organize your application in different logical parts. This approach has several advantages such as packaging your code in reusable modules.

Unit tests can also load only relevant modules and in that way make the tests run much faster. The general advice on how to split up the application is to do it by function and not by type.

Again, this enables the application development to be scalable and developers to focus on individual modules that are totally independent on each other.

Boils down to TRUST

Try UsTesta Oss