我該如何開始準備作品集?

回顧上一篇問題集:接案真心話-四個問題檢視自己適合當自由工作者嗎?

不論是自由接案者還是受雇於公司的工程師,作品集絕對是你最重要的工具之一,它就像你的門面,好的作品集可以讓人眼睛為之一亮,也更加相信你的能力,大大提升成功的機會。

本文集結了各個臉書相關社團及網路上常見的熱門問題,統整許多人對於「作品集」常見的疑問,也附上學習資源給你,讓你的學習之路不再只是想像,而是可以真的往前邁進!

作品怎麼來?

1.參考常見的練習作品、常用網站

以網頁工程師為例,你可以參考各社群網站或是購物網站,從切版開始練習,這些大網站的排版一定都是經過精心設計的,你可以直接同時學習它的功能與設計。更進階的學習者也可以找一些網站,試著思考他們還有哪些地方可以更有設計感、功能更加全面,並加上自己的風格,讓作品更獨一無二。舉例來說,一個 to-do list 的練習,新增、完成、修改、刪除這些是基本的功能,而你可以再利用 CSS 動畫互動、加上提醒功能、子項目等,甚至可以串接 Google 行事曆等。

【延伸閱讀】
UI必備!3個免費網頁版型網站
設計人新手架網站,哪種方法適合你? 

2.改良課程中的作業

為什麼說是改良,而不是說直接拿課堂上的作業當作品集?因為那是你在程式語言能力還不足時做的作品,而且作業這種東西通常沒有什麼鑑別度,所以建議你可以根據以往在課程中學到的技能,改良作業,或是重新做一個具有「一定程度複雜性的專案」,專案是一個較全面的東西,不像課堂上的作業那麼片面,也更能讓雇主看到你的能力。這個專案的主題可以是一個社群論壇、課程平台、軟體工具等。部過這邊要注意的事,千萬不要貪圖方便而複製別人的程式碼,而是要了解背後的邏輯,才不會在面試時一問三不知。這邊建議你優化的步驟:

打開專案原始碼,複習各功能如何被建立-優化原始碼及效能(例如:統一專案的 coding style、注意命名是否符合慣例、將註解寫清楚)-增加功能,讓作品更完整

3.解決生活中的問題

你可以想想生活中有沒有一些「繁瑣、重複性高」的事情,且能透過程式來解決,這些事情就很適合拿來做一個小工具或是指令檔。例如你可以做一個適合自己的子彈筆記。這樣不僅可以提升你的工作效率,也可以順便增加你的作品集。關於這個做法的例子,你可以看看這篇文章-靠 Python 甩掉機械式作業!7大常見煩人場景,用程式語言來解放,或許可以從中得到一些靈感。

4.參加比賽的作品

參加過比賽的作品一定是腦力激盪的作品,程式界有許多知名的活動或比賽,例如:黑客松、IT 鐵人賽等,準備作品的過程中也是在促使自己快速學習、產生動力,參加比賽的過程中,也可以跟更多人交流,激盪出更多作品的靈感。

5.撰寫部落格

部落格也是作品的一種。它有很多的形式,例如共筆的技術部落格或是自己獨立撰寫的,而寫部落格不僅可以檢視過去的成長、強迫自己做學習筆記(畢竟人容易產生惰性),也能展現你對於技術的熱忱、樂於分享、積極吸收新知,而從文章中也可以看出你的思考邏輯、解決問題的途徑。

有了這些作品集後,你可以自己架設一個網站,或是把作品集放在 GitHub 上,並記得定期優化、更新作品集!

好的作品集有什麼特質?

建立一個README檔案

在每個專案中建立一個 README 檔案,說明這個專案的目的、功能、簡述專案使用到的技術,若作品是一個應用程式,你可以再加上安裝說明及使用方法。

遵循 coding style

不論哪一種程式語言,保持 coding style 都是很重要的。良好的 coding style 可以使程式邏輯更容易理解,如此不但可以增加專案的易讀性及維護性,也可以加快開發的速度。不過有些 coding style 有一定的遵循模式,有些則會根據個人或團隊的習慣而有所改變。

清楚的註解

你可能常常看到有些工程師認為:我已經用程式碼做出我要的東西了,幹嘛還要再寫註解?或是我專案都快生不出來了,哪裡還有多的時間寫註解?然後接手維護或開發的人可能會因為程式碼中沒有註解(或註解不清楚)而看不懂,罵聲連連。因此清楚的註解有助於日後的維護,如果之後你想要改版,也比較好修改程式碼。

持續優化作品集

以前的作品可能連結已經失效,或是專案中使用的套件需要升級,隨著技術的進步,你也會發現自己過往的作品集內容太少或是太過基本,所以必須透過優化、延伸功能,或是將作品美化來升級作品集。

【延伸閱讀】
(教學影片)網頁的美-實作技巧
(教學影片)網頁的美-切版秘笈

結語

不論是面試公司,或是自由接案,作品集都擔任非常重要的角色-好的作品集會說話!可以從中看出你的邏輯思路、技術程度、專案能力等,這比起嘴上說「我很熟悉某項技術」、「我很有經驗」等空泛的詞還來的有說服力。

在找相關的線上課程嗎?

現代 JavaScript 職人之路-入門、進階、實戰、面試詳解組合

  • 教你打造面試的作品集
  • 程式碼排版 > 命名規則 > 清晰註解 > 邏輯明確 > 版本控制,學習 coding 好習慣
  • 學習 JSON 應用,瞭解如何串聯伺服器與瀏覽器
  • 攻略 axios 完成非同步處理使用
  • 其他課程詳情請點選連結觀看

PHP 全端框架開發能力養成包

  • 使用 PHP 跟資料庫做連接,進行後端開發
  • 使用 Laravel 快速建構 Blog 的流程與技巧
  • 使用 Laravel 快速建構一套官方網站的流程與技巧
  • 其他課程詳情請點選連結觀看
歡迎追蹤訂閱】
HiSKIO 嗨 程式技能」科技資訊文章、實用工具分享、新課程優惠領取
Hi 直播學程式」不定期專題直播
HiSKIO youtube頻道」免費實用課程、工程師經驗分享
最懂初學者的「F5學程式
不想一個人孤單寫 code ? 來活力滿點的「程式丼起來」加入話圈吧 !
Facebook Comments