Vue.js 基礎工作坊:即寫即視小遊戲

National Taiwan Normal University Gongguan Campus, 88 Section 4, Tingzhou Road, Wenshan District, 116

GDG on Campus National Taiwan Normal University - Taipei, Taiwan

Join the October workshop to explore Vue.js by creating a clicker game! Perfect for those with HTML and JavaScript skills. No Vue.js experience needed. Bring your laptop and learn on 10/6, 19:00–21:00 at NTNU. Members free; non-members $50.

Oct 6, 11:00 AM – 1:00 PM (UTC)

14 RSVP'd

Key themes

UX / UI DesignWebWorkshop / hands-on session

About this event

接下來來到 10 月的第一場工作坊~ 🙌

之前我們認識了 HTML、JavaScript,

想認識更多前端工具,但還沒聽過 Vue.js 嗎?

這次就來試試看用 Vue.js 做一款點擊遊戲吧🎮

從 Vue.js 的基礎開始,一邊認識它、一邊創造小遊戲!

不斷點擊累積能量之後,角色會跟著分數慢慢進化,

後面還會加入每秒自動生產的功能 👀

💻 這次會聽到什麼關鍵字呢?

ref() --> 建立響應式變數

{{ }} --> 把資料顯示在畫面上

@click --> 處理按鈕點擊

v-if --> 根據條件改變畫面

最後完成角色三階段進化+自動生產系統!

已經掌握了基本的 HTML、JavaScript 概念,歡迎參加!

第一次接觸 Vue.js 或前端框架也沒關係!

一起 start from scratch~

📌 課前準備

> 安裝 VS Code

> 安裝 Live Preview 擴充功能

> 建議安裝 Vue - Official 擴充功能

> 別忘了要攜帶筆電喔~~

📍 社課資訊

時間|10/6(二)19:00–21:00

地點|臺師大公館校區 理學院 E201教室

費用|社員免費;非社員 $50

🔗 更多資訊

https://linktr.ee/gdg.ntnu

#GDGonCampusNTNU #gdgoncampus #NTNU #十月社課 #Vuejs

Organizers

  • 維 昌

    RisingWave Labs

    Lecture Speaker & Project Lead & Administrator

  • Wendy Kao

    Tech Lead

  • 璽安 陳

    Tech Lead

  • Sam Liu

    President

  • 瑋宸 柯

    智能悅信資訊股份有限公司&聚騰科技股份有限公司

    Academic Lead & Tech Specialist

  • 琮鈞 曾

    Project Lead& HR Specialist

  • 仕庭 陳

    Tech Speaker

  • 育綸 許

    Tech Speaker

  • Hsiang-Yun Cheng

    Marketing Lead

  • 麒翰 黃

    Tech Speaker

  • 士勳 籃

    HR Specialist

  • 尾 魚

    HR Specialist

  • 梵 杼

    Documentation Lead

  • 李宥勳 台師大

    Academic Specialist

  • 良羽 簡

    Tech Speaker

  • 火昱員力 陳

    Finance Lead