2023年3月9日（木）から全4回に渡り、JavaScript／Vue.js入門オンライン講座を実施します。

Vue.jsはWebアプリケーションのUI部分などを開発する際に使われる、オープンソースのJavaScriptフレームワークです。 本講座はVue.jsの概要から解説し、テンプレートやコンポーネント、プラグインの利用についてハンズオンで学習していただけます。 これからVue.jsを学びたい方、技術の振り返り学習をしたい方におすすめです。

＜受講のご注意点＞
・NPM及びJavaScript（ES6）の知識がある程度ある方が対象です。
・Vue.jsはバージョン3を対象とします。
・Vue.js3ではTypeScriptに対応していますが、本講座ではJavaScriptのみを利用します。
・アーカイブの配信はございませんので予めご了承ください。

【予定カリキュラム】

◆1回目：Vueの概要（3月9日（木）19:00-21:00）
　・Vue.jsとは何か
　・Vue.jsの環境設定
　　　∟Viteの設定
　・Vue.jsインスタンスの作成方法
　・データプロパティ:data
　・テンプレート構文: {{変数}}
　・テンプレート構文: v-bind
　・ライフサイクル概念: mounted, created
　・テンプレート構文: v-on
　・v-onからのメソッド呼び出し
◆2回目：テンプレートの利用（3月16日（木）19:00-21:00）
　・テンプレート構文: v-model
　・算出プロパティ: computed
　・ウォッチャ: watch
　　　∟watchを利用した時計の作成
　・テンプレート構文: v-if, v-else-id, v-else
　・テンプレート構文: v-for
◆3回目：コンポーネントの利用（3月23日（木）19:00-21:00）
　・コンポーネントの概要 → コンポーネントの利点
　・SFC(単一ファイルコンポーネント: .vue ファイル)の作成・利用方法
　　　∟ToDoアプリの作成
　・Props, Emitsを利用したデータ渡しの方法
　・Slotsを利用した親による描画
◆4回目：アニメーションとプラグインの利用（3月30日（木）19:00-21:00）
　・トランジションを利用したアニメーション
　・プラグインの埋め込み方法
　・カルーセル（スライドショー）の利用
　・ドラッグ & ドロップの並び替え
　・カレンダーピッカー

※講座中は適時休憩をはさみます。
※講義内容は予定です。当日の受講者の進捗等によって変更する場合があります。

お申込みはこちらのサイトから↓

https://www.creativevillage.ne.jp/category/event-list/seminar/129745/

講師

関口 和真（せきぐち・かずま）氏
株式会社コムセント取締役 CTO

サイトデザイン、HTMLのコーディング、JavaScript・PHP等を利用したプログラム開発、iOS・Android向けアプリの作成、ウェブサーバーの実装、運用などトータルでウェブサイトの作成を行う。テクノロジーを理解し、デザインやコーディング、サーバー運用やサービス運用のアドバイスをトータルで行える点が強み。
株式会社コムセント(Web制作会社)のCTOとしてWebサイト作成、システム開発及びプログラム開発に従事。ECサイトのカスタマイズ、フルスクラッチによるWebシステム開発、映像配信システムや映像配信、配信用スマートフォンアプリ作成を主に手がける。
大学・専門学校にて、Web制作の授業を担当（非常勤）。イベントやセミナーの登壇経験も豊富。 Dreamweaver等の著書も。

開催方法

オンライン（Zoom）

参加費

無料（第2回開催以降は有料になる可能性があります）