KnockoutJSMagento 2
KnockoutJS- Key Features
- Strengths & Weaknesses
- Comparison with others JS platforms
- KnockoutJS in Magento2
- KnockoutJS in WebPOS
http://knockoutjs.comhttp://learn.knockoutjs.com
http://knockoutjs.com/documentation/introduction.html
Key Features
Declarative Bindings
Automatic UI Refresh
Dependency Tracking
Templating
MVVM Pattern
Declarative Bindings
Declarative Bindings
Automatic UI Refresh
Automatic UI Refresh
Automatic UI Refresh
Dependency Tracking
Dependency Tracking
Templating
Templating
Strengths- Data binding framework
- Automatic UI Refresh
- Dynamic User Interface
Weaknesses- Has no native concept of data storage
- Has no opinion on how you organize your code
- Performance
KnockoutJS: 07/2010
AngularJS: 10/2010
BackBoneJS: 10/2010
React: 03/2013
Javascript Platforms
KnockoutJS vs React vs AngularJS
KnockoutJS Integration on Magento 2
KnockoutJS Integration on Magento 2
- RequireJS
- Customize KnockoutJS’s template engine
- Custom binding: scope
- Magento Javascript Component
- x-magento-init
KnockoutJS in WebPOS
Demo Web POS
http://demo-magento2.magestore.com/webpos/webpos#
Best Practice of Knockout JS on Web POS
QUESTIONS