Angular js

1. ANGULAR JS

2. What is Angular JS?
MVC

3. Angular component
 Controller
 Service
 Factory
 Directives
 Filter
 View

4. Controller
Setup the scope
View Interaction
CoordinateView and Model
No DOM manipulationangular.module('myApp')
.controller('AddCarCtrl', ['$scope', function($scope) {
//do some stuff
}]);

5. Controller best practice
 Less controller code
 No application logic
 No DOM manipulation

6. Service
 Handle non-view logic
 Communicate with server
 Hold data & status

7. View
 Display the Application
 Declare Binding & Detectives

8. Create a Service
1.Value
2.Constant
3.Factory
4.Service
5.Providerangular.module('myApp').service('AddCarSvc',function($http,carList) {
//do some stuff
});

9. Directives
 DOM manipulation
 DOM events
 Functionality( ng-show, ng-hide)
 Widgets

10. Directives
 Link
 Controller
 Scope

11. Project work though and hand on

12. FOUC
Flash of unstyled Content
1.ng-cloak
[ng:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
1.ng-bind
Use ng-bind instead of {{ }}
1.Add spinner

13. File Structure