さっしーブログ

埼玉県在住のシステムエンジニアです。基本的には技術的な内容を中心に発信していきます。

knockout.jsのチュートリアルをやってみた

目次

今回は下記のknockout.js公式サイトに記載されているチュートリアルを実施してみました。 そこで学んだことなどを記事としてアウトプットしていきたいと思います。

http://learn.knockoutjs.com/#/?tutorial=intro

1.ファルダ構成

下記のフォルダ構成でチュートリアルを進めることとする

tutorial
  |- 1.Introduction
  | |- step1
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step2
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step3
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step4
  | |- sample.html
  | |- sample.js
  |
  |- 2.Working_with_Lists_and_Collections
  | |- step1
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step2
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step3
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step4
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step5
  | |- sample.html
  | |- sample.js
  |
  |- 3.Single_page_applications
  | |- step1
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step2
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step3
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step4
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step5
  | |- sample.html
  | |- sample.js
  |
  |- 4.Creating_custom_bindings
  | |- step1
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step2
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step3
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step4
  | |- sample.html
  | |- sample.js
  |
  |- 5.Loading_and_saving_data
  | |- step1
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step2
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step3
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step4
  | | |- sample.html
  | | |- sample.js
  | |
  | |- step5
  | |- sample.html
  | |- sample.js
  |- lib
  |- knockout-3.2.0.js

2.チュートリアル記事

2-1.Introduction

www.sassy-blog.com

2-2.Working with Lists and Collections

www.sassy-blog.com

2-3.Single page applications

www.sassy-blog.com

2-4.Creating custom bindings

www.sassy-blog.com

2-5.Loading and saving data

www.sassy-blog.com