ホーム > Vue.js入門 -ver.3対応-

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


対応チケット/ポイント等

  • New!
    新規コース(過去6ヶ月)
期間  2日間 時間  9:30~17:00
価格(税込)  110,000円(税込) 主催  株式会社カサレアル
コース種別  集合研修  
形式  講義+実機演習 コースコード  WSC0116R
日程 会場 空席状況 実施状況 選択

2024年2月26日(月) ~ 2024年2月27日(火)

カサレアル(オンライン)

  お問い合わせください

2024年3月11日(月) ~ 2024年3月12日(火)

カサレアル(オンライン)

  お申し込み後確認

2024年3月18日(月) ~ 2024年3月19日(火)

カサレアル(オンライン)

  お申し込み後確認

2024年4月11日(木) ~ 2024年4月12日(金)

カサレアル(オンライン)

  お申し込み後確認

2024年4月25日(木) ~ 2024年4月26日(金)

カサレアル(オンライン)

  お申し込み後確認

2024年5月9日(木) ~ 2024年5月10日(金)

カサレアル東京(品川)

  お申し込み後確認

2024年7月4日(木) ~ 2024年7月5日(金)

カサレアル東京(品川)

  お申し込み後確認

2024年7月25日(木) ~ 2024年7月26日(金)

カサレアル(オンライン)

  お申し込み後確認

2024年8月28日(水) ~ 2024年8月29日(木)

カサレアル(オンライン)

  お申し込み後確認

2024年9月19日(木) ~ 2024年9月20日(金)

カサレアル(オンライン)

  お申し込み後確認

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ お申込期日が過ぎた日程は、「お問い合わせください」と表示されます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。
お申込みに関するお問い合わせはこちらから

ワンポイントアドバイス

・弊社経由で他社主催研修へお申込みの場合、弊社が「訓練の実施機関」ではないため、人材開発支援助成金の申請書類にトレノケートは署名できません。「主催」欄をご確認ください。本研修コースはトレノケート経由のお申込では人材開発支援助成金の申請ができない旨を予めご了承のうえ、お申込みください。

重要なご連絡・ご確認事項

オンライン研修へのご参加の場合、以下の環境でご受講可能なことご確認いただいてからお申し込みください。

<オンライン研修環境>
■使用ツール
・動画配信:Zoom
 ※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
・質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)
・演習環境:仮想デスクトップ

■システム要件
・インターネットに常時接続できること
・Webカメラおよびマイク
・PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台目:Zoom、オンラインチャットシステム用、2台目:演習環境用)

■OS
・Windows 10

■ブラウザ
・Google Chrome

対象者情報

対象者
・今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方
・これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方
・jQueryの代替をお探しの方
前提条件
□HTMLおよびCSSを利用して簡単なWebページを記述できる方
□JavaScriptを利用して簡単なWebアプリケーションを記述できる方
□『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方

学習内容の詳細

コース概要
親しみやすくパフォーマンスも優れた人気のJavaScriptフレームワーク「Vue.js」に入門しましょう。

Vue.jsは、オープンソースで開発されているユーザインターフェース構築用のJavaScriptフレームワークです。
これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。
このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティブ・create-vue・Vue Router・provide/injectなどを、ハンズオンを織り交ぜながらステップアップで学んでいきます。
このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。
学習目標
● Vue.jsを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
学習内容
1. 概要と準備
  - Vue.jsとは
  - create-vueの導入
  - Vue.jsを試してみる

2. Vue.jsの基礎
  - 単一ファイルコンポーネント
  - Composition APIについて
  - Vueインスタンス
  - setup関数
  - <script setup>
  - ディレクティブ
  - リアクティブ
  - 条件によって要素の表示を切り替える
  - ユーザーからの入力を受け付ける

3. コンポーネントの導入
  - コンポーネントの作成
  - props
  - 要素を繰り返し表示する

4. Vue Router
  - Vue Routerの基本的な使い方
  - パラメータの受け渡し

5. コンポーネント間での情報の共有
  - provideとinject
  - storeパターン
  - WebAPIにアクセスする

6. その他、よく利用されるUIの実現
  - トランジション
  - スロット

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

実習/演習内容詳細

ソフトウェア
ハードウェア
■ Vue.js v3.2以上
■ Node.js v18.x以上
■ ECMAScript 2015以上
■ Chrome
■ Visual Studio Code

コース関連付加情報

ご注意・ご連絡事項

・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセル・日程変更・受講者変更は9営業日前までとさせていただきます。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

おすすめのコースフロー図を見る