IT・技術研修ならCTC教育サービス

コース内容

コース概要

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

Vue.jsは、オープンソースで開発されているユーザインターフェース構築用のJavaScriptフレームワークです。
これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。

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

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

学習目標

・Vue.jsを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる

対象者

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

前提知識

・HTMLおよびCSSを利用して簡単なWebページを記述できる方
・JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・『モダンJavaScript入門（*）』コースをご受講いただいた方もしくは、同等の技術を習得している方
（*）：株式会社カサレアル主催コース

スクール環境

※使用ソフトウェアについて
　変更頻度が高いため、詳細につきましてはお問い合わせください。

内容

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

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

備考

※オンラインでのご受講の方は【オンライン研修環境】をご確認ください。

【オンライン研修環境】
■使用ツール
　動画配信：Zoom
　※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
　※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

　質疑応答：オンラインチャットシステム

　演習環境：仮想デスクトップ

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

■OS/ブラウザ
　・OS：Windows　/　ブラウザ：Google Chrome
　　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

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