Scribd
Upload
65 views

Notes On Angular

Angular is a framework for building modern web applications that provides tools like modules, components, templates, and services. Modules group related components and provide compilation context. Components define application data, logic, and associated templates. Templates use directives and data binding to render dynamic views. Services supply shared functionality and are injected into components via dependency injection. The overall goal of Angular is to enable efficient development of applications through reusable code and conventions.

Uploaded by

Ebmesem
Copyright
© © All Rights Reserved
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
65 views

Notes On Angular

Angular is a framework for building modern web applications that provides tools like modules, components, templates, and services. Modules group related components and provide compilation context. Components define application data, logic, and associated templates. Templates use directives and data binding to render dynamic views. Services supply shared functionality and are injected into components via dependency injection. The overall goal of Angular is to enable efficient development of applications through reusable code and conventions.

Uploaded by

Ebmesem
Copyright
© © All Rights Reserved
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
You are on page 1/ 2

Angularjs Notes

bmm

Table of Contents
1. Objective for learning angular
2. What is Angular
3. About
3.1. Overview
3.2. Modules
3.3. Components
3.4. Templates, directives, and data binding
3.5. Services and dependency injection
3.6. Summary

1. Objective for learning angular


1. understand the angular eco system
2. know how to use angular
3. build real apps with angular

2. What is Angular
Engineers and craftsmen often have a set of higher-level tasks that appear through out their practice.
These tasks form a pattern that can be captured and performed by a set of tools. It is for this reason
that craftsmen often have their toolboxes which contain all the tools they need for their art.
Angular is a suit of tools for developing modern web applications. Angular is both a set of tools and
an automaton for rendering ideas as solutions. It can be seen as a toolbox which is itself a virtual
machine. Angular has a native language called Typescript, which is used for developing applications
and for utilizing ready-made components.
The angular run time brings html to live and enables developers to develop modern web
applications.

3. About

3.1. Overview
Angular is a collection ready-made code and conventions to enable efficient development of
applications.
• An angular app is made of components called modules.
• Components use services from other components and may supply their own services to
others

1
• Components and services are classes with meta data and decorators to direct angular or to
convey information

3.2. Modules
Declares and provides compilation context. A module 44 a group of components all working
towards a common goal. It's like a namespace. Examples from the std are:
1. router
2. forms
3. http etc,.

3.3. Components
Defines a class that contains application data and logic and is associated with an HTML template
that defines a view to be displayed at endpoint
@Component is the decorator

3.4. Templates, directives, and data binding


Use angular together with HTML to provide a commendable user experience.

3.5. Services and dependency injection


If an app is seen as a federation or a company, then there are some services that are needed by
everybody, so it makes sense to provide an accessible point for everyone. Services that we want to
share across components. We supply them as services classes.
@Injectable

3.6. Summary
• Components and templates define angular views.
• Dependency Injector provides services to a component…

You might also like