AngularJS, Javascript

1. https://github.com/tfutada/Angular1

2. Javascript

3. First class object
A function can be assigned to
a variable.
A function can be passed to
another function.
A function can return a
function.

4. Encapsulation
Expose properties by returning a JSON

5. Immediately-Invoked Function Expression
(IIFE)
Self-invoked anonymous function.
To avoid polluting global variables.

6. Callback (Async)
non-blocking call to avoid getting UI freeze.

7. Fragment Identifier - #xxx
A single page application (SPA) using fragment identifier.
href= #xxx fires a hashchange' event.

8. AngularJS

9. Hello World!
https://youtu.be/TRrL5j3MIvo?t=147

10. View - {{Model}} - Controller
View (HTML)
Controller (JS)Model {{$scope}}
$scope.firstName

11. Query Form
View(HTML) <-> Model(query) <- Controller(Ajax)
Controller doesn't know about View and vice versa.

12. cont. Query Form
View -> Model
Model -> View
Two-Way data binding
View <-> Model

13. ng-repeat
for obj in array
iterates through a list.

14. Filter
item in items ¦ filter : query

15. Module
Factory pattern (Singleton)
DI (Dependency Injection)
counter is thread safe as JS is single thread.

16. Route
URL routing - determining a View and a Controller
templateUrl : HTML file
controller : JS function

17. Promise
I promise I call you back later when resolved!
.resolve() - I’m done!
callback
Timer-base Pseudo Multi-Threading

18. Directive
https://www.youtube.com/watch?v=UMkd0nYmLzY
allows you to create custom tags. <futa>
directive

19. Google and Microsoft are working together!

20. JavaScript evolving
ECMAScript 5 (ES5) - Current version
ECMAScript 2015 (ES6) - Next version
TypeScript Microsoft
AngularJS 2 Google
Coffe Script Jeremy

21. ES6
Class, Inheritance, Lambda Equation, etc.

22. TypeScript
Transpiler to ES5 and ES6. Support Type

23. Coffe Script
https://www.youtube.com/watch?v=TiLJKpzlOeY
less is more