Angular js 1.x - Main Concepts presented in FronteersJo Meetup
Download as PPTX, PDF0 likes270 views
This document provides an overview of AngularJS 1.x, including key concepts like MVC, modules, scopes, directives, data binding, services, dependency injection, and the digest cycle. It also discusses learning resources for AngularJS, how AngularJS works, debugging and testing tools, and examples of websites that use AngularJS like Wolfram, Tahweleh, and Sprint.
Angular js 1.x - Main Concepts presented in FronteersJo Meetup
- 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.
- 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. How AngularJS work By @islamzatary Watch Youtube Video
- 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. 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. 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. Websites uses AngualrJS: By @islamzatary 1. Wolfram 2. Tahweleh 3. Sprint 4. ABC News Oct 2016 => 12,000 out of 1m tested
Editor's Notes
- #11: http://tutorials.pluralsight.com/front-end-javascript/angular-vs-react-a-side-by-side-comparison