Introduction to Angular JS
Download as PPTX, PDF0 likes70 views
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.
Introduction to Angular JS
- 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 [email protected] m @livaresoffici al www.facebook.com/livaresoffici al +91-471-2710003 | +91-471- 2710004 THANK YOU