This document provides an introduction to Angular JS, including its features and architecture. Angular JS is a front end JavaScript framework that uses MVC architecture. It allows for code organization, increases productivity, and has features like data binding and built-in unit testing. The core components of Angular include modules, components, and services. Modules provide context and organization. Components define views using templates. Services define application logic and data. Routing is also covered, allowing navigation between different views and paths.

1. INTRO TO
ANGULAR JS
Presented By
AKHIL &
YETHIN
Livares Technologies Pvt
Ltd
Tech&Socio-Cultural Group

2. Tech&Socio-Cultural Group Livares Technologies Pvt
Ltd
ANGULAR JS
Angular JS is a front end javascript framework. Popular ‘MEAN’ stack ‘A’
stands for Angular.
WHY ANGULAR ?
• Code organization
• Increasing productivity
PREQUISITES TO INSTALLING ANGULAR
• Latest version of node and npm
ANGULAR JS FEATURES
• MVC
• Data model binding
• Unit testing in-built
Continue

3. Tech&Socio-Cultural Group
PRESENTATION TITLE
Livares Technologies Pvt
Ltd
ANGULAR JS
Model: Business logic, Notify view changes, Application functionality
View: Render model data, user interactions
Controller: Defines application behaviour, map user to model, selecting
views
Continue
MVC

4. Tech&Socio-Cultural Group
PRESENTATION TITLE
Livares Technologies Pvt
Ltd
ANGULAR JS
COMPONENTS OF ANGULARJS
• Components
• Services
• Modules
Continue

5. Tech&Socio-Cultural Group
PRESENTATION TITLE
Livares Technologies Pvt
Ltd
ANGULAR JS ARCHITECTURE
Continue

6. Tech&Socio-Cultural Group
• Basic building block of an angular app
• Provide context for compilation for components.
• An angular application consist of a group of modules.
• They can import and export functionality.
• Organizing code into different modules reduce the complexity in
development and also enhances reusability.
• Lazy loading is an another benefit of angular apps.
Livares Technologies Pvt
Ltd
ANGULAR JS : ngModule
Continue

7. Tech&Socio-Cultural Group
• Decelerations : components, directives and pipes belongs to module.
• Exports : most feature needed by other modules is added to the export
properties.
• Imports : modules that are required by this module.
• Providers: services required by the module
• Bootstrap : the root component of the angular app
Livares Technologies Pvt
Ltd
ANGULAR JS : ng-Module metadata
Continue

8. Tech&Socio-Cultural Group Livares Technologies Pvt
Ltd
ANGULAR JS : ngModule
Continue

9. Tech&Socio-Cultural Group Livares Technologies Pvt
Ltd
ANGULAR JS : Components
• Components define views.
• Components are classes with decorators which mark their type and
metadata
• Metadata associates components with templates
• Templates have their html and angular mark-up
• Binding mark-up connect application data with DOM
• Template directive provide program logic.
• Component and template define view.
Continue

10. Tech&Socio-Cultural Group Livares Technologies Pvt
Ltd
ANGULAR JS : Services• Services defines logic / data.
• Can be injected into other providers
• Dependency injection keep component class clean and efficient
• Services fetch data , validate user input etc…
Continue

11. Tech&Socio-Cultural Group Livares Technologies Pvt
Ltd
ANGULAR JS : Routers
• Navigation to different views and path can be done through routers
• Maps the URL to views.
• Navigation rules are defined to components
• The router can lazy-load the module on demand
Continue

12. OUR
CONTACT DETAILS
Livares Technologies Pvt Ltd
5th Floor, Yamuna Building
Technopark Phase III Campus
Trivandrum, Kerala, India-
695581
Livares Technologies Pvt
Ltd
Tech&Socio-Cultural Group
Our helpline is always open to receive any inquiry
or feedback.Please feel free to contact us
www.livares.co
m
contact@livares.co
m
@livaresoffici
al
www.facebook.com/livaresoffici
al
+91-471-2710003 | +91-471-
2710004
THANK YOU