Vue.js 3 ハンズオン #1 ～はじめてのVue.js～
2/1 追記
視聴限定枠に多数のお申し込みをいただいていましたので、定員を増枠しました。
1/17 追記
一般参加枠の抽選に外れた方でも、視聴限定でご参加いただける視聴限定枠を新設しました。視聴限定枠では、YouTube Live を通してハンズオンの視聴にご参加いただけます。
もちろん、見るだけで参加したいという方のご利用も大歓迎です。どうぞご利用ください。
概要
Vue.js 日本ユーザーグループでは、これから Vue を学び始めたい方を支援するため、どなたでも自由にご利用いただけるハンズオンコンテンツ※を開発しました。
※ハンズオンとは、実際にコードを書きながら学習するスタイルを指します。
そこで今回、このハンズオンコンテンツをもとに Vue.js 日本ユーザーグループのコアスタッフによる、初心者向け無料オンラインハンズオンを開催します！
本ハンズオンで学べること
- Vue.js 開発環境の構築方法
- Vue.js プロジェクトの作成方法
- サンプルプログラムの作成を通した Vue.js の基本
- data の定義と宣言的レンダリング
- v-for で商品を複数表示
- v-if で表示・非表示を切り替え
- methods で価格にカンマを入れる
- @click で商品を選択する
対象
- Vue.js に興味はあるけど、触ったことがない方
- Vue.js に挑戦したけど、うまく動かせなかった方
※レベル感としては基本的な HTML と CSS が書けて、コピペレベルの JavaScript を書いたことがある方を想定しています。
主催
参加の流れ
- 一般参加枠でお申し込みください。
- 抽選に外れた方、見るだけで参加したい方は視聴限定枠でお申し込みください。
- 開催日時までに connpass のメールにてハンズオン用 URL をお送りします。
- Zoom で URL にアクセスします。
- 視聴限定枠は YouTube Live での視聴のみとなります。Q&Aなどにはご参加いただけませんのでご了承ください。
※もし開催日時になっても「メールが届かない」などの問題がありましたら管理者までご連絡ください。
タイムテーブル
| 時刻 | 内容 |
|---|---|
| 18:30～19:00 | 開場（待機時間） |
| 19:00～19:10 | オープニング |
| 19:10～19:50 | ハンズオン 前半 |
| 19:50～20:00 | 休憩 |
| 20:00～20:40 | ハンズオン 後半 |
| 20:40～20:50 | Q&A |
| 20:50～21:00 | クロージング |
※タイムテーブルの時刻は予定時間です。当日の進行具合によって多少前後する可能性があります。
Slack
Vue.js 日本ユーザー向けの Slack もあります。興味がありましたらこちらからどうぞ！
アンチハラスメントポリシー
ハラスメントとは、性差、性同一性と表現、性的指向、障害、外見や身体的特徴、人種、宗教、公共な場での性的な画像や類する表現、脅迫、ストーカー、望まない写真撮影や録音・録画、不適切な接触、およびそれらに関連した不快な言動が含まれます。
Vue.js 日本ユーザーグループでは全ての参加者がナレッジ共有に集中できるよう、これらのハラスメント行為を許容しません。
Vue.js 日本ユーザーグループが主催するイベント内だけでなく、イベントの内容や状況についてブログや SNS などで公開、コメントなどいただく際にも、これらハラスメント行為がないようご留意ください。
万が一、ハラスメント行為を見聞きした参加者は、お手数ですが Vue.js 日本ユーザーグループまでご一報ください。