1. by Ivan Junior 1 PART 1

2.  AngularJS ?
 AngularJS VS jQuery
 AngularJS Features
 Getting Started with AngularJS
 Expression, Directives, Filters and Data Binding
 Views, Controllers and Scope
 Modules, Routes and Factories (No Example)
by Ivan Junior | Page 2

3. Start in 2009 by Miško Hevery, when working at Google
and now AngularJS is fully supported by Google.
Can Extend HTML with new attributes
Perfect for Single Page Applications (SPAs)
Templating ( ex: Mustache, Handlebars )
Two Way Data Binding
MV* (MVC / MVVM) Patterns
DRY Concept
Many Others
by Ivan Junior | Page 3

4. by Ivan Junior | Page 4
VIEW VIEW
VIEW VIEW
/view1.html
/view2.html
/view3.html
/view4.html

5. by Ivan Junior | Page 5
DOM Manipulation
Data Binding
AJAX RESTful
Caching Data
Object Modeling
Module Loading
View Loading
Routing
AngularJS

6. Data Binding (Ex: KnockoutJS, EmberJS)
DOM Manipulation
Templating (Ex: Mustache, Handlebars)
MV* Patterns
REST Friendly
Custom Directives (Ex: <rating>)
Dependency Injection (Ex: RequireJS)
Fully Testing Environment (Testacular now KARMA)
by Ivan Junior | Page 6

7. by Ivan Junior | Page 7
Data Binding
MVC
Controllers
Views
ViewModel
Routing
Factory
History
Testing
Template
Directives
Services
Dependency Injection
Validation

8. Very Easy
Go to angularjs.org and download the javascript file
by Ivan Junior | Page 8

9. What is Directives ? They extend HTML with a new attributes
by Ivan Junior | Page 9

10. by Ivan Junior | Page 10

11. by Ivan Junior | Page 11

12. by Ivan Junior | Page 12
VIEW CONTROLLER$scope
$scope is a way to connect between
Controller and View

13. by Ivan Junior | Page 13

14. by Ivan Junior | Page 14

15. by Ivan Junior | Page 15

16. var demoApp = angular.module(‘demoApp’, []);
by Ivan Junior | Page 16

17. by Ivan Junior | Page 17

18. by Ivan Junior | Page 18

19. by Ivan Junior | Page 19

20. by Ivan Junior | Page 20
Tools UI Libraries
Angular Batarang
WebStrom
YeoMan
Testacular
(now KARMA)
Angular UI
Material Design
AngularJS
Kendo UI
Wijmo
Breeze
Firebase
AngularJS
Angular Dart
Etc.

21. -Angular JS Guide (https://docs.angularjs.org/guide)
-Udemy Free Course : Angular JS From Zero to Hero
(https://www.udemy.com/angularjs-from-zero-to-hero/#/)
-Code School AngularJS
(https://www.codeschool.com/courses/shaping-up-with-
angular-js)
-Google I/O AngularJS 2013
(https://www.youtube.com/watch?v=HCR7i5F5L8c)
-AngularJS W3Schools
by Ivan Junior | Page 21