很隨興的 Final project 心得


Posted by huiming on 2021-01-16

很隨興的 Final project 心得

簡單記錄一下開發期末專案的心得。

什麼,要開始組隊了?但我還沒認識任何人欸

對,跟同學的互動都僅止於偶爾會回一下作業或群組上的問題,還沒有真的跟誰聊過天 (我就邊緣)。

看到有人已經想好要做什麼,user story 也寫好了,心想"哇嗚真有效率",一開始有打算就這樣加入看看的,但後來還是決定自己找人,所以我也在下面貼了徵隊友的文。很快的有 2 人來找我,聊了一下就組好隊了,比想象中快速許多呢!約了第一次開會的時間後,這個專案就正式開始了。

好喔。來想主題吧

在決定這個主題之前煩惱了一陣子,在構思的時候很容易陷入"我要做出很酷很特別的專案!"這種想法,好險我們很快就清醒了XD 考慮到這只是一個練手的專案,做一個品牌官網是我們覺得可以一次練到較多東西的選擇,會選音樂品牌是因為最初的 3 人對音樂都有一點涉獵,但後來發現應該是音響品牌比較正確。要取名字的時候大家都毫無頭緒,突然有人說可以用音樂術語來取,在我們的精挑細選之下 (也沒有,挑得很隨便),"Parlando (抑揚清楚)" 擊敗了其他候選詞,成為了我們的品牌名稱。

我不會畫 wireframe

寫好 user story、開好粗略的規格後,就由我開始畫 wireframe 了 (我到底哪來的勇氣主動說我要畫的),開始畫之後才發現好多細節要注意,像是螢幕尺寸,假設主流的螢幕尺寸是 1920 * 1080,但 browser 還會有分頁、網址、書籤之類的 UI,下面也會有 windows 工具列,為了讓畫面完美填滿 browser 的可用空間,我還特地裝了螢幕尺規來量有多少 pixel XD 排版的部分也主要從別人的網站參考,對象就是同為音響、耳機品牌的 BOSE、B&O、Beats 這些潮牌,東拼西湊才弄出一個簡略的 wireframe,這邊很感謝阿里蓉蓉幫我分擔了一部分的線稿,後面的 mockup 也都是她一手包辦,挑的配色也很不錯,不得不提的是,這個專案我放在履歷上出去面試,已經被 2 個面試官稱讚做得很好看了,還問我是不是真的有在賣東西?聽到這樣的評價整個信心大加分!

這個開發流程好像怪怪的

我們主要都用 postman 測試檔來提供前端 API 的格式與串接測試,所以流程上會是我把後端功能做好後提供文件等前端來串,現在回頭來這樣的過程其實是蠻有問題的,除了當時有感受到前後端彼此進度的相依性太強,API 要等到前端測試才知道有沒有正常,或是需要做什麼調整也是前端測完才知道,也透過面試時與面試官的對談中瞭解到我們這樣的做法只能保證表面上沒有問題,前端或後端本身沒辦法獨立確認功能的穩定,所以正確的流程應該是:先寫好文件,確認好每個功能的行為,再來進行開發,有點像 TDD 的概念,先寫好測試,再開發功能。

結語

雖然 Huli 有強調 Final project 不是必要的,不過我必須說有這個作品對我面試的幫助還蠻大的,目前面試都一定會問我怎麼部署、怎麼設計 API、怎麼設計資料庫等等,有東西能聊的話應該就不會問太多技術題了吧XD

不免俗地感謝一下 2 位隊友 阿嗚 和 阿里蓉蓉,做出美美的 UI 來串接我寫的 API,還有常常開著 Discord 偶爾講講幹話,讓這個專案的開發過程還能夠保有一些歡樂。

最後呢,當然是希望我自己與正在求職的同學都能順利地找到工作,一起用力說 "老師,我想繳學費" 吧!

另外兩位夥伴的心得 阿里蓉蓉阿嗚


#final project







Related Posts

物件與純值

物件與純值

React newsletter

React newsletter

string 類型的內建函式

string 類型的內建函式


Comments