chevron_left

Backbone.js 開発入門

PREMIUM
第4回

Backbone.js 開発入門 - template の利用 -

2017年1月11日 60min

スライド資料

会員登録して、全てのスライドを見よう

1 / 28

授業の概要

◼︎ 授業概要

  1. template の利用
  2. collection

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
自己紹介
01:40
play_arrow
アジェンダ
01:29
play_arrow
【前回の確認問題】正しいモジュール構文を2つ選択してください。
04:16
play_arrow
サンプルソース・ファイル
00:34
play_arrow
サンプルアプリ① Template設計
04:10
play_arrow
ステップ① Handlebars Templateファイル
03:57
play_arrow
ステップ② Viewコンポーネント(Template関数)
01:50
play_arrow
ステップ③ Templateファイルから関数に変換(webpack)
01:06
play_arrow
ステップ③ webpack実行環境
00:55
play_arrow
【先生からの質問】圧縮されたバンドルJSが生成されるwebpackコマンドを2つ選択してください。
03:40
play_arrow
サンプルアプリ② collection
04:44
play_arrow
サンプルアプリ② コンポーネント関連図
00:53
play_arrow
ステップ① Modelクラス定義例
00:48
play_arrow
ステップ② Templateファイル定義例
02:09
play_arrow
ステップ③ Viewクラス定義例 全体
00:20
play_arrow
Viewクラス定義例 パート①
01:35
play_arrow
Viewクラス定義例 パート②
03:11
play_arrow
Viewコンポーネント生成イメージ
01:29
play_arrow
ステップ④ index.js コード例
01:13
play_arrow
サンプルアプリ③ 要素の削除
03:14
play_arrow
Collection内の要素削除 修正行程
01:11
play_arrow
ステップ① Model id属性追加
00:48
play_arrow
ステップ② Template削除ボタン
00:41
play_arrow
ステップ③ Viewイベント反応
03:24
play_arrow
まとめ
03:08
play_arrow
次回授業について
01:20
play_arrow
Q:「鷹揚」の意味は?
01:29
play_arrow
Q:もう実務でES6つかっても問題内容ですが、 良い本や初心者にもわかるように解説しているサイトなどありませんでしょうか? 難しいサイトばかりで、サイ本なども、ES6に対応していないようで困っています。