我相信「持續開發對學習的熱情,將永遠不會停止成長」。
而程式邏輯思考是我對網頁設計熱情的起點,
透過一點一滴累積程式與設計的專業知識,
享受樂在其中的過程,並追求不斷的進步,
期許能精準的解決客戶問題。
Phone : 0912-737-929
E-mail : [email protected]
地點 : 雙北、WFH
1. 熟練使用TypeScript
2. 學習next.js
3. 學習單元測試
4. 用 JSON Server模擬 RESTful API
使用react框架實作介面,以functional component切分元件,並使用hooks來管理state、處理sideEffect、減少重渲染次數、優化性能。
跨組件存取state有使用useContext與redux集中管理。
並在使用redux修改state時,以redux-saga處理middleware。
管理系統中有提供給管理者監看即時地圖資料,地圖呈現與互動以openlayers實作,所有車輛即時狀態資料使用socket.io即時更新資料。
管理系統有提供給管理者查看的各項表格與統計圖表,使用bootstrap-table實作表格、charts.js實作統計圖表
樣式部分以ant-design、material-ui實作
https://web-fms-sgp-test.azurewebsites.net/formosa/login
介面是針對手機版web設計。
前端部分:
使用vue2框架實作介面,以單文件組件撰寫各元件,各元件樣式用ant-design實作。
使用vue-router控制前端頁面路由,由於頁面的瀏覽權限會因為服務是否已開通而不同,以路由守衛beforeEach以及beforeRouteEnter控制。
跨組件存取state使用vuex集中管理。
開通系統中有提供給駕駛看即時地圖資料與行駛任務點位顯示,地圖呈現與互動以openlayers實作,所有車輛即時狀態資料使用socket.io即時更新資料。
後端部分:
使用node.js的express框架實作api server,用express的route實作restful api,並處理response前要驗證等動作的middleware。
用socket.io實作websocket,並和前端連線,由於即時資料放在azure的service bus裡面,將server與service bus對接,從service bus取得資料後再主動對前端emit最新的資料。
https://ops3web.netlify.app/individual/monitor
接觸網路產業之後,發現自己對網路前後端技術產生濃厚的興趣,想獲得這方面專業知識與技能,於是開始利用下班時間學習。在學習的這段時間,面對不同的問題和BUG,從自己上網找參考資料、翻書尋找解決方式,不斷思考可行性與修正觀念,直到驗證並成功寫出來。在這反覆的過程中,累積的成就感是非常棒的,並享受其中,它同時也是引領著我前進的動力。
雖然自己非相關科系,但一路學習下來發現自己喜愛思考的特質很適合。我的優勢在:樂於學習新知並有良好的自學能力、對UI/UX有部分的知識基礎、也具備基本的前端技術實作能力。 我喜歡跟人互動溝通,做事情積極主動,在團隊專案開發的過程中,更體會到討論與傾聽可以協助整個團隊達成良好的共識,增進開發的流暢度。而網頁設計、程式設計的學習也帶給我很大的成就感。
我期待未來在這個領域持續成長,以及持續學習新的技術;同時期望累積更多的專案經驗,增進自己的實力,並對公司企業能有實質的貢獻。