AngularJS-2-fundamentals.pptx and angular

angular

1. Angular 2 : CRUD Operations Dhananjay Kumar @ debug_mode

2. Important points Tweet your experience about webinar using the hashtag #Infragistics or tag @ infragistics to win cool goodies from us. Recording of webinar will be available by Wednesday on Infragistics blog. You will also get Email notification for uploaded recording We welcome all of you to take advantage of a FREE 30 Day Trial by downloading the product at: http://www.infragistics.com/products/ultimate/download Please reach out to us at [email protected] for any follow up questions you may have. We welcome the opportunity to assist you. http :// www.infragistics.com/community/blogs/dhananjay_kumar/default.aspx

3. Agenda Routing Component Services Form Form validation

4. I am Dhananjay Kumar Infragistics Developer Evangelist 7 times Microsoft MVP @debug_mode [email protected] http :// debugmode.net

5. Environment used VS Code TypeScript NodeJS and NPM Using starter project from https:// github.com/DanWahlin/Angular2-JumpStart

6. Why AngularJS 2 ? https:// angular.io/features.html

7. Building blocks of Angular 2

8. Modules Angular apps are composed of modules . Modules export things — classes, function, values — that other modules import . Usually Module has a single purpose and it export one thing such as Component class. Applications are collection of modules with each module has a one specific task. Although modules are highly recommended, it is optional to use in creating AngularJS 2 app Module name is same as the file name without extension. Usually Modules exports Component classes, Services, Pipes etc. Angular provides various Modules Libraries such as, @angular/core , @angular/common , @angular/router etc.

9. Modules Exporting a Component from the Module Module can export component class , value, function etc. Module name is same as the file name without extension Importing other Module’s Component Angular libraries modules can be imported without a path prefix To import user modules, path prefix is required

10. Bootstrap main component app/ main.ts Index.html

11. Components A Component is a main building block of an AngularJS 2 application An application may have any number of Components Data and logic can be created or brought on the page using Components custom elements can be created or brought on the page using Components

12. Components

13. Components

14. Components Step 1: Create a typescript class with properties and behavior Step 2 : Decorate class with Component metadata Step 3: Import statement- importing required modules to create this component. Step 4 : To use, either bootstrap the component or use as directive in another components

15. Components Template TemplateUrl Directives Providers Styles StyleUrls Pipes Selector etc. Metadata

16. Binding

17. Child Component

18. Q& A ?

19. Ignite UI = jQuery library from IG http:// www.igniteui.com

20. What Infragistics can offer you? We welcome all of you to take advantage of a FREE 30 Day Trial by downloading the product at: http:// www.infragistics.com/products/ultimate/download Please reach out to us at [email protected] for any follow up questions you may have. We welcome the opportunity to assist you. For technical queries send me email at [email protected]