Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
AngularJS 1.x
By @islamzatary
By @islamzatary
1. Introduction.
2. Learning.
3. How Angular work.
4. Angularjs Concepts.
a. MVC.
b. Modules.
c. Scope.
d....
Introduction
By @islamzatary
Learning
By @islamzatary
1. the documentation improved to be easy (app, modules, controllers, directives, scopes).
2. many...
How AngularJS work
By @islamzatary
Watch Youtube Video
Concepts
By @islamzatary
1. MVC (Model, View, Controller).
2. Modules.
a. defines an application.
b. container for the dif...
Concepts
By @islamzatary
5. One & Two way data binding.
6. Services.
a. share state across your application.
7. Dependency...
Testing & Debugging
By @islamzatary
1. Normal debugging from Developer tools (debugger).
2. Angular Batarang (Chrome exten...
Websites uses AngualrJS:
By @islamzatary
1. Wolfram
2. Tahweleh
3. Sprint
4. ABC News
Oct 2016 => 12,000 out of 1m tested
The End
By @islamzatary
Upcoming SlideShare
Loading in …5
×

Angular js 1.x - Main Concepts presented in FronteersJo Meetup

148 views

Published on

Introduced the main concepts of AngularJS framework.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Angular js 1.x - Main Concepts presented in FronteersJo Meetup

  1. 1. AngularJS 1.x By @islamzatary
  2. 2. By @islamzatary 1. Introduction. 2. Learning. 3. How Angular work. 4. Angularjs Concepts. a. MVC. b. Modules. c. Scope. d. Directives. e. One & Two way data binding (one, two). f. Services. g. Dependency Injection. h. Digest Cycle. i. Testing & Debugging. 5. Websites uses AngularJS.
  3. 3. Introduction By @islamzatary
  4. 4. Learning By @islamzatary 1. the documentation improved to be easy (app, modules, controllers, directives, scopes). 2. many articles resources available, large community. Resources to learn: https://docs.angularjs.org/guide/ Building 2048: http://www.ng-newsletter.com/posts/building-2048-in-angularjs.html
  5. 5. How AngularJS work By @islamzatary Watch Youtube Video
  6. 6. Concepts By @islamzatary 1. MVC (Model, View, Controller). 2. Modules. a. defines an application. b. container for the different parts of an application. c. Must be unique. 3. Scope. a. JavaScript Object. b. Communication between the controller and view. 4. Directives. a. markers on a DOM element, attr, elem. b. $compile(AngularJS HTML compiler).
  7. 7. Concepts By @islamzatary 5. One & Two way data binding. 6. Services. a. share state across your application. 7. Dependency Injection. a. design pattern(Loose coupling architecture). b. Components (services, directives, filters). 8. Digest Cycle. a. cycle that performs dirty checking. b. This is initiated via $digest(). 9. Testing & Debugging. Reference: ng concepts
  8. 8. Testing & Debugging By @islamzatary 1. Normal debugging from Developer tools (debugger). 2. Angular Batarang (Chrome extension) => scopes, performance, dependencies. 3. ng-inspector (Chrome extension). Reference: ng-book.com
  9. 9. Websites uses AngualrJS: By @islamzatary 1. Wolfram 2. Tahweleh 3. Sprint 4. ABC News Oct 2016 => 12,000 out of 1m tested
  10. 10. The End By @islamzatary

×