【公開講座】Vue.js入門 -ver.3対応-

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

コース概要

親しみやすくパフォーマンスも優れた人気の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とは
　□ create-vueの導入
　□ Vue.jsを試してみる
■ Vue.jsの基礎
　□ 単一ファイルコンポーネント
　□ Composition APIについて
　□ Vueインスタンス
　□ setup関数
　□ ＜script setup＞
　□ ディレクティブ
　□ リアクティブ
　□ 条件によって要素の表示を切り替える
　□ ユーザーからの入力を受け付ける
■ コンポーネントの導入
　□ コンポーネントの作成
　□ props
　□ 要素を繰り返し表示する
■ Vue Router
　□ Vue Routerの基本的な使い方
　□ パラメータの受け渡し
■ コンポーネント間での情報の共有
　□ provideとinject
　□ storeパターン
　□ WebAPIにアクセスする
■ その他、よく利用されるUIの実現
　□ トランジション
　□ スロット
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

実行環境

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

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

配布資料

■ セミナーテキスト

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

留意事項・備考

【事前に必ず以下をご確認の上お申込みください】
＊主催団体によりキャンセルポリシーが異なります。
＊お申し込み後のキャンセルにつきましてはこちらをご確認ください。
＊キャンセル期限までは無料にてキャンセルを承ります。
＊キャンセル期限を過ぎた後は、受講料全額をキャンセル料として頂戴いたします。
＊事前のお席の確保は原則承っておりません。
＊お申込み内容は、翌営業日以降に確定いたします。
＊お申込み後、満席などでご受講できない場合がございますので、あらかじめご了承ください。満席の場合は、別途ご連絡申し上げます。

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