4. JavaScript
is a dynamic computer programming language
most commonly used as part of web browsers,
whose implementations allow client-side
scripts to “interact with the user” . . . . .
It's for better user experience
16. Angular Main Concepts
●
2 Way Data Binding
●
Directive
●
Expression
●
Model
●
View / Template
●
Controller
●
Filter
17. 2 Way Data Binding
ViewView
TemplateTemplate
ModelModel
Continuous updates
Model is Single-Source-of-Truth
Compile
Changes to Model updates ViewChanges to View updates Model
Two-WayDataBinding
18. Directive
Directive : angular marker pada element DOM (cth: html attribute,
html element, comment, atau CSS class)
Digunakan sesuai fungsi directive yang dideklarasikan, bisa untuk:
- manipulasi DOM,
- manipulasi data di angular
19. Expression
●
Kode Javascript seperti biasanya yang ditempatkan dalam curly-
brackets {{ expression }}
●
Dapat berupa:
- angular variable
- filter
- function
21. View / Templates
●
Di angular, template ditulis dengan format HTML, dan dapat
mengandung directive, expression, atau filter
index.html
partials/template1.html
25. Get Started
●
Go to angularjs.org
●
Download angular
●
Extract it
●
Open on text editor/IDE (e.g Sublime Text)
●
Open in Browser (e.g Chrome, Firefox)
26. Other Recommended Tool
●
Sublime Text
●
Git
●
Bower (http://bower.io)
●
Gulpjs (http://gulpjs.com)
●
Twitter Bootstrap / Foundation