Deep Dive into AngularJS Javascript Framework
•
1 like•2,773 views
AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (10)
Similar to Deep Dive into AngularJS Javascript Framework
Similar to Deep Dive into AngularJS Javascript Framework (20)
More from Edureka!
More from Edureka! (20)
Recently uploaded
Recently uploaded (20)
Deep Dive into AngularJS Javascript Framework
- 1. www.edureka.co/angular-js View AngularJS course details 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 At the 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 What is 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 Features of AngularJS
- 5. Slide 5 www.edureka.co/angular-jsSlide Static DOM Dynamic DOM DOM Content 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 Controller Inheritance 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 Controller Inheritance DEMO
- 8. Slide 8 www.edureka.co/angular-js Angular Routes 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 Angular Routes DEMO
- 10. Slide 10 www.edureka.co/angular-js Building AngularJS 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 Building Angular Widgets DEMO
- 12. Slide 12 www.edureka.co/angular-js Course Topics 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 LIVE Online Class Class Recording in LMS 24/7 Post Class Support Module Wise Quiz Project Work Verifiable Certificate Course Features