JavaScriptでテーブルのソート機能を作ろう (全16回) - プログラミングならドットインストール

#01 テーブルのソート機能を作ろう (02:55) 無料公開中
- 完成版、仕様の確認
- 必要となる知識
- 対応ブラウザ
- ファイルの作成
#02 HTMLのマークアップをしていこう (02:52) 無料公開中
- index.html
#03 テーブルのスタイルを整えよう (02:56) 無料公開中
- styles.css
#04 クリックイベントを設定しよう (02:31) 無料公開中
- イベントの設定
#05 sort()の仕組みを理解しよう (02:30)
- sort()の仕様
- サンプル
#06 行要素を取得していこう (01:58)
- 行要素の取得
#07 行要素を並び替えてみよう (02:14)
- 並べ替え処理
#08 結果を画面に反映させてみよう (02:49)
- tbody内の書き換え
#09 大文字が先に並ばないようにしよう (01:10)
- 並べ替え処理の調整
#10 数値の並び替えをしてみよう (02:38)
- 数値の並べ替え
#11 並び順を反転させてみよう (02:49)
- 反転処理
- クラスの付与
#12 FontAwesomeのアイコンをつけよう (02:54)
- FontAwesomeの導入
- アイコンの表示
#13 アイコンのスタイルを整えよう (01:44)
- アイコンのスタイリング
#14 描画処理をリファクタリングしよう (02:23)
- 描画処理のリファクタリング
#15 ソート処理をリファクタリングしよう (02:30)
- ソート処理のリファクタリング
#16 アプリを完成させよう (02:40)
- イベント処理のリファクタリング

ドットインストール - 3分動画でマスターできるプログラミング学習サービス