#Knockout-js-todolist#

The Github Repo of Multiple Sortable Todos using Knockout-js.

在此课程，将要做搜寻、筛选还有排序的功能

在此課程，將要做搜尋、篩選還有排序的功能

We are going to do the search filter and sorting function.

Building a Todo app with Knockout.js

This is my first attempt with Knockout-js to build a Todo App.
Knockout is a popular JavaScript library that simplifies the creation of complex data-based user interfaces. It can be used alone or with other libraries, such as jQuery. Its primary purpose is to bind UI elements to an underlying data model defined as a JavaScript object, such that when changes are made to the UI, the model is updated, and vice versa. Knockout facilitates the use of a Model-View-ViewModel (MVVM) pattern in a web application’s client-side behavior. The two main concepts one must learn when working with Knockout’s MVVM implementation are Observables and Bindings.

Lets start.You can follow the steps from the github repo for this tutorial.

1. ##Demo
2. ##Download
3. ##Practice

Building a Todo app with Knockout.js

這是我首次嘗試用Knockout-JS建立一個待辦事項應用。Knockout-JS是一個JavaScript庫，它簡化了複雜的基於數據的用戶界面的創建。它可以單獨使用或與其他庫，如jQuery的使用。它的主要目的是UI元素綁定到定義為JavaScript對象的底層數據模型，例如，當更改了UI製作，模型更新，反之亦然。
Knockout有助於在Web應用程序的客戶端行為使用模型 - 視圖 - 視圖模型（MVVM -Model-View-ViewModel）模式。與Knockout的MVVM執行工作時，一個人必須學會的兩個主要概念是觀測(Observables)和綁定(Bindings)。。

讓我們開始.您可以按照從我的GitHub庫的步驟本教程

1. ##Demo
2. ##Download
3. ##Practice

Building a Todo app with Knockout.js

这是我首次尝试用Knockout-JS建立一个待办事项应用。Knockout-JS是一个JavaScript库，它简化了複杂的基于数据的用户界面的创建。它可以单独使用或与其他库，如jQuery的使用。它的主要目的是UI元素绑定到定义为JavaScript对象的底层数据模型，例如，当更改了UI製作，模型更新，反之亦然。
Knockout有助于在Web应用程序的客户端行为使用模型 - 视图 - 视图模型（MVVM -Model-View-ViewModel）模式。与Knockout的MVVM执行工作时，一个人必须学会的两个主要概念是观测(Observables)和绑定(Bindings)。。

让我们开始.您可以按照从我的GitHub库的步骤本教程

1. ##Demo
2. ##Download
3. ##Practice

Building a Todo app with React.js (5) - sort item

下一步是允許用戶使用拖放來改變ToDoListItem的序列（ DND）

我們將允許用戶進行排序使用拖放一個數組。我們首先創建li元素。

var placeholder = document.createElement("li");
    placeholder.className = "placeholder";

Building a Todo app with React.js (4) - Multiple Todos

下一步將是添加多個待辦事項的能力。例如，我們可能有僅用於grocey列出清單，其他的可能是計劃的博客文章列表或的事情要做今天的名單。這就是為什麽有在不同的列表中的待辦事項進行排序能力是很重要的。

- TODO CATELOG FORM
- TODO CATELOG

Building a Todo app with React.js (3) - Adding Filters for Search and showing complete/incompleted tasks

如果我們有很多待辦事項，很難通過它們進行搜索，並找到一個特定的待辦事項。它也變得更容易看到所有的完成，未完成任務的一次。

- TODO APP
    - TODO BANNER
    - **TODO FILTER**
    - TODO FORM
    - TODO LIST
        - TODO LIST ITEM #1
        - TODO LIST ITEM #2
        ...
        - TODO LIST ITEM #n