#2 hanoi magento meetup - part 2: knockout js

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