[オンライン開催]Vue.js入門
-ver.3対応-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
質疑応答:オンラインチャットシステム(Mattermost)
演習環境:仮想デスクトップ

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



◆コース説明

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


Vue.jsは、オープンソースで開発されているユーザインターフェース構築用のJavaScriptフレームワークです。

これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。

このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティブ・create-vue・Vue Router・provide/injectなどを、ハンズオンを織り交ぜながらステップアップで学んでいきます。

このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。




※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

研修概要

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

    ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
  • 対象者
    ■ 今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方
    ■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方
    ■ jQueryの代替をお探しの方
  • 前提条件
    ■ 『オンライン研修環境』に記載のツール、機材のご用意が可能な方
    ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
    ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
    ■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
  • 実行環境
    ■ Vue.js v3.2以上
    ■ Node.js v18.x以上
    ■ ECMAScript 2015以上
    ■ Chrome
    ■ Visual Studio Code

    ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    ■ セミナーテキスト
    ■ ソースコード等
  • 開催日数
    2日間
  • 受講料
    110,000円
    (税込)
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに郵送させていただきます。
  • 時間
    9時30分~17時00分

開催日程

  • 終了
    中止
    2024年7月25日~2024年7月26日(2日間)
    【会場】 オンライン
  • 申し込む
    2024年8月28日~2024年8月29日(2日間)
    【受付】2024年8月20日まで
    【会場】 オンライン
  • 申し込む
    2024年9月19日~2024年9月20日(2日間)
    【受付】2024年9月10日まで
    【会場】 オンライン
  • 申し込む
    2024年11月7日~2024年11月8日(2日間)
    【受付】2024年10月29日まで
    【会場】 オンライン
  • 申し込む
    2024年12月12日~2024年12月13日(2日間)
    【受付】2024年12月4日まで
    【会場】 オンライン
  • 申し込む
    2025年1月16日~2025年1月17日(2日間)
    【受付】2025年1月7日まで
    【会場】 オンライン
  • 申し込む
    2025年2月25日~2025年2月26日(2日間)
    【受付】2025年2月14日まで
    【会場】 オンライン
  • 申し込む
    2025年3月6日~2025年3月7日(2日間)
    【受付】2025年2月26日まで
    【会場】 オンライン
  • 申し込む
    2025年3月27日~2025年3月28日(2日間)
    【受付】2025年3月18日まで
    【会場】 オンライン

HTML5・JavaScript研修に関する研修一覧