iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

【I Love Vue】 30天愛上 Vue 系列

30天內學會 Vue 的專案開發及基本架設

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 21

【I Love Vue 】 Day 21 愛荷華博弈任務(二) - 使用的工具與套件

在談一個開發專案的時候,最常遇到的問題是客戶告訴你我要的東西很簡單,去跟客戶談的那位神隊友還頻頻點頭說是,導致現在開發出現了無限壓縮工期的現象。 哀,既然我們是...

2020-10-05 ‧ 由 kyminjob 分享
DAY 22

【I Love Vue 】 Day 22 愛荷華博弈任務(三) - 專案建置與引用套件

做了這麼久的準備,終於讓我們千呼萬喚始出來。開始建立我們的專案吧。 建立專案 建立專案 (詳細安裝方式:環境建置(三) ) vue create iowa_...

2020-10-06 ‧ 由 kyminjob 分享
DAY 23

【I Love Vue 】 Day 23 愛荷華博弈任務(四) - 畫面架構

之前有個同事每次在跟主管報告進度的時候,常常會非常興奮的霹哩啪啦念了一大串不知道是甚麼的技術性問題。然後主管只會苦笑地回一句......所以問題解決了沒? 在我...

2020-10-07 ‧ 由 kyminjob 分享
DAY 24

【I Love Vue 】 Day 24 愛荷華博弈任務(五) - 與客戶溝通常見的問題

上一篇我們寫完之後,我立馬去找客戶Demo成品,結果可是被念的一頓灰頭土臉回來。讓我們來看一下昨天的程式出了甚麼問題... 常見問題 用詞不夠精準的誤會 主...

2020-10-08 ‧ 由 kyminjob 分享
DAY 25

【I Love Vue 】 Day 25 愛荷華博弈任務(六) - 設定畫面功能開發

上一篇與客戶討論完我們的畫面之後,開始正式開發客戶提出的功能。 設定畫面 首先我們來看看畫面上有哪些參數:我們可以透過這個畫面設定我們遊戲中的參數,並透過這些參...

2020-10-09 ‧ 由 kyminjob 分享
DAY 26

【I Love Vue 】 Day 26 愛荷華博弈任務(七) - 測驗畫面

在上一篇中我們使用了土法煉鋼的方式將畫面上的組件一個一個刻出來,這篇我們來嘗試使用製作component 的方式來完成我們的畫面 測驗畫面 我們先來看看畫面:...

2020-10-10 ‧ 由 kyminjob 分享
DAY 27

【I Love Vue 】 Day 27 愛荷華博弈任務(八) - 測驗畫面2

我們接著繼續開發 測驗區 的部分 測驗區 先來看看畫面: 可以看到測試區除了上面的總分之外,我們有四副牌(button + label 組成的)。所以我們這邊牌...

2020-10-11 ‧ 由 kyminjob 分享
DAY 28

【I Love Vue 】 Day 28 愛荷華博弈任務(九) - 結算畫面

離完成就只差最後一個結算畫面了...咱們廢話不多說,直接繼續開發下去。 結算畫面 先來看看昨天完成的測試畫面: 這邊有兩種設計方式進入到結算的畫面: 當遊戲...

2020-10-12 ‧ 由 kyminjob 分享
DAY 29

【I Love Vue 】 Day 29 愛荷華博弈任務(十) - Demo

話不多說,趕緊把我們的作品Demo 給我們 鐵人學院的業主吧!! Demo 進入主畫面我們可以透過主畫面跳到設定畫面,或是直接進入測驗畫面。 可補強問題:我們...

2020-10-13 ‧ 由 kyminjob 分享
DAY 30

【I Love Vue 】 Day 30 賽後心得與檢討

最後一天了,不免俗的來心得分享一下。第一次寫教學文,沒做任何準備就提槍上陣來參加鐵人。老實說每天都是極限,邊上班邊構思,下班就是繼續準備隔天的資料。每當工作量大...

2020-10-14 ‧ 由 kyminjob 分享