This document provides an overview of AngularJS, including its origins, key features, templating capabilities, MV* patterns, and getting started instructions. It discusses core AngularJS concepts like data binding, directives, views, controllers and scope. It also provides examples of setting up modules, routes and factories, and recommends additional resources for learning AngularJS.

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