Angular is a platform and framework for building single-page client applications in HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your Angular Web Development Projects.
Architecture of Angular Web Development as per diagram identify the main below building blocks.
– Data binding
– Dependency injection
Every Angular app has a root module, conventionally named AppModule, which provides the bootstrap mechanism that launches the application. An app typically contains many functional modules.
Every Angular application has at least one component, the root component that connects a component hierarchy with the page document object model (DOM). Each component defines a class that contains application data and logic, and is associated with an HTML template that defines a view to be displayed in a target environment.
Templates, directives, and data binding
A template combines HTML with Angular markup that can modify HTML elements before they are displayed. Template directives provide program logic, and binding markup connects your application data and the DOM. There are two types of data binding:
- Event binding lets your app respond to user input in the target environment by updating your application data.
- Property binding lets you interpolate values that are computed from your application data into the HTML.
Services and dependency injection
For data or logic that isn’t associated with a specific view, and that you want to share across components, you create a service class. A service class definition is immediately preceded by the @Injectable() decorator. The decorator provides the metadata that allows other providers to be injected as dependencies into your class.
Dependency injection (DI) lets you keep your component classes lean and efficient. They don’t fetch data from the server, validate user input, or log directly to the console; they delegate such tasks to services.
Above all are the basic introduction of modules. Below you can review some useful features for Angular Web Development
– SPA Oriented App
– Expressive User Interface
– Ensure Fast Development
– MVC Design Architecture
– Two-way Data Binding
– Require Less Coding
– Provides Modularity
– Unit Testing Ready
Angular framework has many more important features which can really improves your Angular web development.