iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
Modern Web

做一個面試官無法拒絕的sideproject,當一個全能的前端系列 第 30

DAY30 - side project 的尾巴,反省與展望

side project 的尾巴,好好地來反省一下有哪裡做不好,與未來有什麼做更好的地方

寫一個自己都喜歡的 side project

寫一個自己都喜歡的 side project是本系列文章第一篇就開宗明義寫下的主旨,也就是說要寫一個side project 這個過程不是像工作一樣,即使不想面對,還是得硬著頭皮上。這應該是一個快樂的學習過程。為了某個目的,自動自發學習新技術,最後完成了目的又學習到了技術

反省

那麼在這30天,達成當初的目標了嗎?

先回顧一下,在這30天學到了什麼

  • 找到 side project 的主題,思考了所需要用到的工具
  • 認識了 monorepo,學會使用 Nx 建立 monorepo
  • 比較了各種 UI 框架的優劣,挑選一套適合的 UI 框架
  • 安裝了 bootstrap ,讓排版可以快速且偷懶
  • 使用了 ngx-lottie ,製做高品質的動畫
  • 認識了 firebase ,並且當成資料庫與資料儲存空間
  • 使用了 angular fire,學習操作 firebase
  • 利用 firebase hosting,將頁面部屬上去
  • 利用 heroku,將API部屬上去
  • 使用 uptime,去克服 heroku 免費方案限制
  • 學會使用 line message api
  • 覺得 line message api 很爛,找了 line notify 作為替代
  • 認真好好寫 readme

以上的每一個步驟都沒有什麼,但是如果全部串聯在一起的話,就是一個具有挑戰性的探索過程。在思考的時候,有時候根本不知道自己應該要使用什麼工具去達成目的,有時候是先射箭再畫靶,知道工具可以達成什麼,再去設想需求。

在之前學習了前端、後端、UI、UX、管理等各種知識,雖然都不是最頂尖的,但是也學習到了如何統合與從不同的角度看待和處理事情。

這個過程說辛苦不辛苦,說輕鬆也不輕鬆,尤其筆者並非本科系出身的,有時候被認為是基本常識的東西對筆者來說可能從來沒聽過也沒有概念,需要花很多時間去理解。但是可以肯定的是,這是很快樂的。

展望

當然,此次還是有些遺珠之憾,是可以做得更好,但是沒有做到的。像是Nx 裡面有整合了 jest 與 cypress 的測試工具。

jest 是專門寫單元測試的工具,確保每次在修改功能的時候,預期的結果都會是一樣的

cypress則是寫 e2e測試的工具,可以模擬使用者操作一系列的行為,確保每次的修改,都可以讓使用者的操作不會出問題

這次完全忽略測試的部分,一來是,寫測試的方面是筆者的弱項,所以還在努力當中;二來是,測試要測試的範圍與方法,是筆者還沒想清楚的,這個也是需要加強的地方

感謝

這是非常感謝我的團隊「請支援 Coding」,和我一起組隊參加比賽

尤其是Angular 深入淺出三十天:表單與測試的作者 Leo。每天被工作追著跑之外,還花很多時間研究 Angular 的表單,爆肝寫比官方文件還要詳細的教學,希望大家可以多多支持!

如果你喜歡我的文章的話,可以追蹤我的 medium 或 github,之後如果還有技術文章或 side project 也會更新在上面喔
medium:https://tso1158687.medium.com/
github:https://github.com/tso1158687


上一篇
DAY29 - 為你的side project 寫個 readme
系列文
做一個面試官無法拒絕的sideproject,當一個全能的前端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言