募集内容 |
参加枠1 29800円(前払い)
先着順
|
---|---|
開催日時 |
2019/08/22(木) 11:00 ~ 18:00
|
募集期間 |
2019/07/16(火) 16:39
〜 |
会場 |
東京都渋谷区神宮前1-1-12(原宿ニュースカイハイツ 204) マップで見る 会場のサイトを見る |
前払いについて |
前払いについての連絡先: (参加者にのみ公開されます) |
キャンセル・参加費用の払い戻しについて主催者からの説明: お申込み内容の変更・取り消しは、講座開講日の10日前までにメールにて事務局までご連絡ください。それ以降の変更、取り消しはできません。ご入金後の取り消しの場合は所定の手数料を差し引いて、銀行振り込みにてご返金させていただきます。返金手数料は、受講料を銀行振り込みでお支払いの場合は540円、クレジットカードにてお支払いの場合はお支払い額の5%(29800円の場合は1490円)です。 ご入金後に日程変更、講座変更をご希望の場合は、必ず講座開講日の10日前までに事務局までご連絡ください。 |
|
領収データの発行: 発行しない (詳しくはこちら) |
イベントの説明
概要
Vue.jsは、ユーザーインタフェースをつくるためのプログレッシブフレームワークです。画面の表示(View)に絞った操作を扱います。jQueryでは手間がかかるようなインターフェイスも、簡単にわかりやすく組み立てられます。ECMAScript 6は、正規の名称をECMAScript 2015と呼び、JavaScriptがもとづく標準仕様の最新バージョンです。2009年に標準化されたECMAScript 5が2011年に 5.1に改訂されてから、はじめての重要なアップデートになります。
このコースはJavaScriptの文法の基礎を学んだ方が対象です。Vue.jsライブラリの設定と簡単なデータバインディングのやり方から始め、データや要素の動的な書き替え、ユーザーによるデータの操作などひとつずつ段階を踏んでコードを書き進めながら、Todoリストのアプリケーションをつくります。構文はECMAScript 6にもとづき、新しいキーワードや記述法、それらの利点などを具体的なJavaScriptコードで解説します。
Vue.jsは手軽に始められ、小回りが効くとともに、シングルページwebアプリケーション(SPA)をつくるときにも使える今注目の技術です。また、ECMAScript 6はモダンブラウザで実装が進み、これからの開発にはぜひ知っておきたい知識といえます。
trends.embed.renderExploreWidget("TIMESERIES", {"comparisonItem":[{"keyword":"React js","geo":"JP","time":"2016-12-03 2017-12-03"},{"keyword":"Angular js","geo":"JP","time":"2016-12-03 2017-12-03"},{"keyword":"Vue js","geo":"JP","time":"2016-12-03 2017-12-03"},{"keyword":"Backbone js","geo":"JP","time":"2016-12-03 2017-12-03"},{"keyword":"Knockout js","geo":"JP","time":"2016-12-03 2017-12-03"}],"category":0,"property":""}, {"exploreQuery":"date=2016-12-03%202017-12-03,2016-12-03%202017-12-03,2016-12-03%202017-12-03,2016-12-03%202017-12-03,2016-12-03%202017-12-03&geo=JP,JP,JP,JP,JP&q=React%20js,Angular%20js,Vue%20js,Backbone%20js,Knockout%20js","guestPath":"<a href="https://trends.google.co.jp:443/trends/embed/">https://trends.google.co.jp:443/trends/embed/</a>"}); JavaScriptフレームワークの人気度の動向(Googleトレンド)
修了目標
本講座の受講修了時に、以下のスキル習得を目指します。
1. データバインディングができる
2. データやDOM要素を動的に扱える
3. 基本的なディレクティブが使える
4. メソッドや算出プロパティを定められる
5. ECMAScript 6の基本的な構文の使い方がわかる
カリキュラム概要
- Vue.jsのインストールと設定
- 見出しと入力フィールドを加える
- データを要素に表示する
- データと要素の値をバインディングする
- JavaScriptコードを要素に書く
- 入力フィールドにバインディングを定める
- バインディングでクラス属性を動的に変える
- 項目のデータを複数にする
- テキスト入力フィールドのバインディングを改める
- 入力フィールドに追加ボタンを加える
- 入力フィールドの項目をデータに加える
- Vueの省略記法とECMAScript 6の構文を使う
5. 項目を数えて表示する
- 項目の数を示す
- 条件に合ったデータを数えて返す
- 算出プロパティとメソッドの違い
- forループに替えてArray.filter()メソッドとアロー関数式を使う
- ボタンを加える
- 条件にしたがってデータを除く
- forループの処理をArray.filter()メソッドで書き替える
- 削除ボタンを加える
- クリックした項目をデータから除く
- Array.filter()メソッドで要素を除く
*カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。
使用OS
macOS X
※普段使用しているOSと異なっている場合でも講座内容の習得に大きく影響はありません。 PCの持ち込みも可能です。講座内で使用するソフトウェアの設定、環境構築をしておくようお願いします。
使用アプリケーション
Dreamweaver CC + JavaScript + Vue.js
講師
定員
6名(各種申込みサイト合計)
対象
HTMLとCSSの基礎知識があり、変数や関数を用いた基本的なJavaScriptコードが書ける方
料金
29,800円(税込み) 各種割引あり
会場
募集締切後のお申込み、お問合せ
本サイトでのお申し込みは、講座開催の1週間前に締め切られますが ロクナナワークショップ内講座概要ページからは開催前日までお申込みいただけます。
受講規約など
資料 資料をもっと見る/編集する
資料が投稿されると、最新の3件が表示されます。