- Key Features - Strengths & Weaknesses - Comparision with other JS platforms - Knockout JS in Magento 2 - Knockout JS in Web POS as example

1. KnockoutJS
Magento 2

2. KnockoutJS
- Key Features
- Strengths & Weaknesses
- Comparison with others JS platforms
- KnockoutJS in Magento2
- KnockoutJS in WebPOS
http://knockoutjs.com
http://learn.knockoutjs.com
http://knockoutjs.com/documentation/introduction.html

3. Key Features
Declarative Bindings
Automatic UI Refresh
Dependency Tracking
Templating

4. MVVM Pattern

5. Declarative Bindings

6. Declarative Bindings

7. Automatic UI Refresh

8. Automatic UI Refresh

9. Automatic UI Refresh

10. Dependency Tracking

11. Dependency Tracking

12. Templating

13. Templating

14. Strengths
- Data binding framework
- Automatic UI Refresh
- Dynamic User Interface

15. Weaknesses
- Has no native concept of data storage
- Has no opinion on how you organize your code
- Performance

16. KnockoutJS: 07/2010
AngularJS: 10/2010
BackBoneJS: 10/2010
React: 03/2013
Javascript Platforms

17. KnockoutJS vs React vs AngularJS

18. KnockoutJS Integration on
Magento 2

19. KnockoutJS Integration on
Magento 2
- RequireJS
- Customize KnockoutJS’s template engine
- Custom binding: scope
- Magento Javascript Component
- x-magento-init

20. KnockoutJS in WebPOS

21. Demo Web POS
http://demo-magento2.magestore.com/webpos/webpos#

22. Best Practice of Knockout JS on Web POS

23. QUESTIONS