今注目の親しみやすく高性能なVue.jsを学べる二日間のコースです。
・今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方
・これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方
・jQueryの代替をお探しの方
・HTMLおよびCSSを利用して簡単なWebページを記述できる方
・JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・『モダンJavaScript入門』(MBK02)コースをご受講いただい
た方もしくは、同等の技術を習得している方
当コースを修了した時点で、次のことができることを目標とします。
・Vue.jsを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
・サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成できる
・Vue.jsアプリケーション開発のために、webpackの環境設定ができる
■ 概要と準備
□ Vue.jsとは
□ まずは簡単なものを作ってみる
■ Vue.jsの基礎
□ Composition APIについて
□ Vueインスタンス
□ HTMLテンプレート
□ setup関数
■ リアクティブ
□ ユーザーの操作に反応する
□ 購入する数でリアクティブに金額を変える
□ 算出属性(computed)、監視属性(watch)
■ 画面要素の表示と非表示
□ 条件によって表示内容を切り替える
□ コンポーネントの追加
□ サイドメニューを開閉する
□ トランジション
■ 単一ファイルコンポーネント(SFC)
□ 単一ファイルコンポーネントとは
□ Vue CLIの導入
■ データを一覧表示する
□ サーバーサイドからデータをGETする
□ 繰返しを使って商品を一覧表示する
■ コンポーネント間での情報の共有
□ propsとカスタムイベント
□ storeパターン
□ スロット
■ 入力を受け付ける
□ 入力フォーム
□ 双方向データバインド
■ Vue Router
□ Routerの定義
□ 画面の切り替え
■ その他、よく利用されるUIの実現
□ カルーセル 等
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
日数 | 2日間 |
---|---|
受講時間 | 9時30分 ~ 17時00分(昼休憩:60分) |
受講料 | 99,000円 (税別価格90,000円) |
キャンセル規定 | 受講開始10営業日前から受講料(購入価格)の100%のキャンセル料がかかります。 |
---|---|
その他 | 実行環境(オンライン開催の場合は「備考」欄の記述をご参照ください) |
オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。
(以下は2022年10月1日以降開催のコースに適用されます。
それ以前に開催のコースでは研修環境等が異なりますので、お問い合わせください。)
◆オンライン研修環境
●使用ツール
動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
質疑応答:オンラインチャットシステム
演習環境:仮想デスクトップ
●システム要件
インターネットに常時接続できること
Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
(1台目:Zoom、オンラインチャットシステム用、2台目:演習環境用)
●OS:Windows / ブラウザ:Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
Vue.jsは、オープンソースで開発されているユーザインターフェース向けのJavaScriptライブラリです。
これまでのフロントエンドJavaScriptのフレームワークの良いところを取り入れており、生産性と拡張性を兼ね備えた現実的なJavaScriptライブラリという特長があります。
このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの段階的な導入方法・基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。その過程で、webpackを使ったVue.jsアプリケーション開発のための環境設定方法も学べます。
このコースを受講することで、サーバーサイド連携や画面遷移を行える基礎的なアプリケーションを作成できるようになります。