i-Learning 株式会社アイ・ラーニング
i-Learning 株式会社アイ・ラーニング

Vue.js入門 -ver.3対応-

  • コースコードMBJ12

  • 受講形態オンラインもしくは対面
  • 日数2日間

  • 受講時間9時30分 ~ 17時00分(昼休憩:60分)

  • 受講料110,000円 (税別価格100,000円)

親しみやすくパフォーマンスも優れた人気のJavaScriptフレームワーク「Vue.js」に入門しましょう。
Vue.jsは、オープンソースで開発されているユーザインターフェース構築用のJavaScriptフレームワークです。
これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。

このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティブ・create-vue・Vue Router・provide/injectなどを、ハンズオンを織り交ぜながらステップアップで学んでいきます。
このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。

  • 助成金可能性有
  • 機械演習
  • 他社提携

詳細情報

対象者

・今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方
・これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方
・jQueryの代替をお探しの方

前提知識

・HTMLおよびCSSを利用して簡単なWebページを記述できる方
・JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・『モダンJavaScript入門』(MBK02)コースをご受講いただい
 た方もしくは、同等の技術を習得している方

学習目標

当コースを修了した時点で、次のことができることを目標とします。
・Vue.jsを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる

研修の内容

1.概要と準備
  Vue.jsとは
  create-vueの導入
  Vue.jsを試してみる
2.Vue.jsの基礎
  単一ファイルコンポーネント
  Composition APIについて
  Vueインスタンス
  setup関数
  #script tag escaped#
  ディレクティブ
  リアクティブ
  条件によって要素の表示を切り替える
  ユーザーからの入力を受け付ける
3.コンポーネントの導入
  コンポーネントの作成
  props
  要素を繰り返し表示する
4.Vue Router
  Vue Routerの基本的な使い方
  パラメータの受け渡し
5.コンポーネント間での情報の共有
  provideとinject
  storeパターン
  WebAPIにアクセスする
6.その他、よく利用されるUIの実現
  トランジション
  スロット

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。


開催情報

開催概要

日数 2日間
受講時間 9時30分 ~ 17時00分(昼休憩:60分)
受講料 110,000円
(税別価格100,000円)

開催日程・場所

日時 場所 状況 締切日 セッションID
5月9日(木) 〜 5月10日(金) カサレアル品川トレーニングセンター 開催中止 4月26日(金) 02
7月4日(木) 〜 7月5日(金) カサレアル品川トレーニングセンター 受付中 6月21日(金) 03
7月25日(木) 〜 7月26日(金) オンラインオープン研修(カサレアル社) 受付中 7月12日(金) 68
8月28日(水) 〜 8月29日(木) オンラインオープン研修(カサレアル社) 受付中 8月15日(木) 69
9月19日(木) 〜 9月20日(金) オンラインオープン研修(カサレアル社) 受付中 9月6日(金) 70

重要事項

キャンセル規定

受講開始10営業日前から受講料(購入価格)の100%のキャンセル料がかかります。

テキスト

研修テキスト
※ソースコード等はオンラインストレージにて配布いたします

オンラインクラス

オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。
(以下は2022年10月1日以降開催のコースに適用されます。
それ以前に開催のコースでは研修環境等が異なりますので、お問い合わせください。)

◆オンライン研修環境
 ●使用ツール
  動画配信:Zoom
  ※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
  ※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
  質疑応答:オンラインチャットシステム
  演習環境:仮想デスクトップ
 ●システム要件
  インターネットに常時接続できること
  Webカメラおよびマイク
  ※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
  (1台目:Zoom、オンラインチャットシステム用、2台目:演習環境用)
 ●OS:Windows / ブラウザ:Google Chrome
  上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

演習環境

実行環境(オンライン開催の場合は「オンラインクラス」欄の記述をご参照ください)

・Vue.js v3.2以上
・Node.js v18.x以上
・ECMAScript 2015以上
・Chrome
・Visual Studio Code

※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

その他

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

備考

当コースは株式会社カサレアルが提供します。
満席でもお席をご準備できる場合がありますのでお問い合わせください。

※他社提携コースは、お申し込み後に空席確認を行います。主催会社でお席の確保ができた後に受付確定となります。


メッセージ

Vue.jsは、オープンソースで開発されているユーザインターフェース向けのJavaScriptライブラリです。
これまでのフロントエンドJavaScriptのフレームワークの良いところを取り入れており、生産性と拡張性を兼ね備えた現実的なJavaScriptライブラリという特長があります。
このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの段階的な導入方法・基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。その過程で、webpackを使ったVue.jsアプリケーション開発のための環境設定方法も学べます。
このコースを受講することで、サーバーサイド連携や画面遷移を行える基礎的なアプリケーションを作成できるようになります。

Vue.js入門 -ver.3対応-
条件を指定してコース検索


コース
検索