Deep Dive into AngularJS Javascript Framework

Deep Dive into AngularJS Javascript Framework

• 1.
  www.edureka.co/angular-js View AngularJS coursedetails at www.edureka.co/angular-js For Queries during the session and class recording: Post on Twitter @edurekaIN: #askEdureka Post on Facebook /edurekaIN For more details please contact us: US : 1800 275 9730 (toll free) INDIA : +91 88808 62004 Email us : sales@edureka.co Deep dive into angularJS JavaScript Framework
• 2.
  Slide 2 www.edureka.co/angular-js Objectives Atthe end of the session you will be able to learn: Intorduction to AngularJS AngularJS Features Controller Inheritance Nested Routes Building widgets
• 3.
  Slide 3 www.edureka.co/angular-jsSlide Whatis AngularJS? Now its an OpenSource client side JavaScript framework created by Google It designed for web developers and designers, who needs to have more control over their web Applications  For a web developer, it means having a rich feature that allows them to add more value to the client side of the applications  AngularJS accomplishes a lot by embracing HTML, JavaScript and CSS AngularJS was originally developed in 2009 by Misko Hevery and Adam Abrons at Brat Tech LLC, firstly named as GetAngular
• 4.
  Slide 4 www.edureka.co/angular-js Featuresof AngularJS
• 5.
  Slide 5 www.edureka.co/angular-jsSlide Static DOM Dynamic DOM DOMContent Load Event ng-app=“application name” $injector $compile $rootscope $compile(dom, $rootscope) Browser AngularJS HTML AngularJS: Architecture
• 6.
  Slide 6 www.edureka.co/angular-js ControllerInheritance Inherit parent controller property in child controller. It's main uses are to enabling polymorphism and code re usability. Keep the common methods in parent controller. So we should be able to access that method in all child controllers. Sample :
• 7.
  Slide 7 www.edureka.co/angular-js ControllerInheritance DEMO
• 8.
  Slide 8 www.edureka.co/angular-js AngularRoutes ng-router » ngView directive that uses $route service to render the template into main layout. » Every time the current route changes, the included view changes with it according to the configuration of the $route service. » The $routeParams service allows you to retrieve the current set of route parameters in controller, filters or directives. UI Router : » AngularUI Router is a routing framework for AngularJS, which allows you to apply the view based on sates instead of routes. » States are bound to named, nested and parallel views, allowing you to powerfully manage your application's interface.
• 9.
  Slide 9 www.edureka.co/angular-js AngularRoutes DEMO
• 10.
  Slide 10 www.edureka.co/angular-js BuildingAngularJS Widgets Using AngularJS custom directive feature we can create our own reusable functionality Custom directives let you to define the view and functionality of the element. Directives can be four different types. » Element » Attribute » Class » Comment Directives creates it's own scope (isolated scope). So we cannot access those scope variables from controller.  We can pass controller scope variables and methods to directive.
• 11.
  Slide 11 www.edureka.co/angular-js BuildingAngular Widgets DEMO
• 12.
  Slide 12 www.edureka.co/angular-js CourseTopics  Module 1 » Introduction to JavaScript MVC Framework and AngularJS  Module 2 » Dependency Injection and Controllers  Module 3 » Route, Directive and Filters  Module 4 » Creating Custom Directives and Filters  Module 5 » Third-party AngularJS Modules and Testing Angular  Module 6 » AngularJS with Node.js, Yeoman and Rest Exposure  Module 7 » Project Discussion
• 13.
  Slide 13 www.edureka.co/angular-js LIVEOnline Class Class Recording in LMS 24/7 Post Class Support Module Wise Quiz Project Work Verifiable Certificate Course Features
• 14.
  Slide 14 www.edureka.co/angular-js Questions
• 15.
  Slide 15 www.edureka.co/angular-js