Introduction to-angular js
Download as PPTX, PDF2 likes524 views
AngularJS is a JavaScript framework that adds dynamic behavior to static HTML. It allows developers to create single-page applications by simplifying development and testing through features like data binding, directives, filters, and services. The core components of an AngularJS application include directives that extend HTML attributes, filters that transform template data, data bindings that synchronize expressions with data, and services/factories that provide reusable functions.
Introduction to-angular js
- 1. Introduction to AngularJS By Snehal Patil Developer Allerin Tech Pvt Ltd
- 2. What is AngularJS ● Structural framework for dynamic web apps ● A JavaScript framework ● Library written in JavaScript ● Added to a web page with a script tag
- 3. Why AngularJS? ● Static document on web page - HTML ● Dynamic views require framework ● Developing single-page applications?
- 4. Design goals ● Simplify both development and testing ● framework for client-side model–view–controller (MVC) architecture ● Decouple DOM manipulation from application logic Client side app from the server side ● view-dependent controllers, to client-side web applications, reduces burden on server
- 5. Examples include ● Data binding, as in {{}}. ● DOM control structures for repeating/hiding DOM fragments. ● Support for forms and form validation. ● Attach new behavior to DOM elements ● Grouping of HTML into reusable components.
- 6. Components of an AngularJS application Core Module : ● Directives ● Filters ● Data Bindings ● Services/Factories
- 7. Directives : ● Extended HTML attributes with the prefix ng ● Initialize the Angular application (ng-app) ● Initialize application data (ng-init) ● Binds value of HTML control to apps data (ng-model) Filters : ● Transform template data before it is rendered within directives and expressions. ● date, currency, lowercase, uppercase
- 8. Filters : ● Transform template data before it is rendered within directives and expressions. ● date, currency, lowercase, uppercase Data Binding : ● Synchronizes AngularJS expressions with AngularJS data
- 9. Services/Factories : Collection of services used in application Example : route management $routeParams $route Directive : ngView
- 10. Questions?
- 12. Thank you