嗨!我是怡靜 Joli,對網頁前端開發充滿熱情
挑戰未知,學習新知,持續成長,是我的工作態度
我是怡靜 Joli 🍀
以 Vue.js 為主的框架開發網頁,過去曾擔任資訊科技公司的前端工程師並在設計公司擔任前端工程組長。
主要負責公司網站前端前台與後台的切版、 RWD開發、API 串接,使用 Vue.js(含 2.x/3.x)開發前後台,並透過 Vue CLI 或是 Nuxt 2/3 快速建立專案架構。
在開發的過程中,我會將程式碼撰寫得易於維護,並將程式碼的品質與可讀性優先考量,以及適時重構程式碼,降低技術債。
在管理上會先規劃專案的架構、元件、頁面以及 API 資料的串接,並評估團隊成員的能力,提出確切的時程,以及適時的與團隊成員技術研討,讓團隊持續成長。
同時也在設計公司赤狐擔任前端工程組長,領導公司的網頁開發業務。
設計公司案件的多樣化需求與挑戰,讓我累積了更多的網頁開發經驗,在過程中持續增強獨立經手專案的能力,我也樂於和團隊成員互相分享、教學與交流,將自己的經驗與知識傳遞給更多的人,與夥伴一同成長。
我喜愛挑戰不同的事物、接收新知讓自己能持續的進步
「So keep on walking, go out through the door.」是我對自己的期許。
2022-12 ~ 現在
主導該公司網頁相關業務規劃,訂定開發流程與規範,為每項專案規劃規範技術棧,並與後端協調 API 串接的資料結構、與 UI/UX 協調最佳的使用者體驗,替客戶設計出一款真正適合他們的網頁。
定期幫團隊成員的工作成果進行 code review,並授予團隊成員所欠缺的技術知識,以提升團隊的能力。
2021-04 ~ 2023-04
負責網頁前台(含RWD)的開發,針對企劃產出的規格書,完成頁面、套版、特效、互動設計等需求,根據 UI/UX 的設計稿,進行頁面切版,並與後端配合處理資料的串接。
模組化網頁的元件,使開發速度加快,並提出最佳化方案,提升專案品質與降低維護成本。
定期對工作成果進行 code review 並參與工程師的技術研討,使專案品質提升。
主要使用 Vue.js(含 2.x/3.x)的 Web 應用框架, Vuex 做狀態管理,並使用 Vue CLI、Nuxt 2/3 快速建立專案架構,Pug 簡潔 HTML的結構, Tailwind CSS、Scss 做樣式處理,JavaScript 開發複雜的功能、 TypeScript 做型態的檢查,Axios 套件來處理 RESTful API,也會使用 Swiper.js、Day.js ...等第三方套件來減少開發成本
打包專案時會使用 Webpack 、Vite,管理套件使用 npm 或 yarn
利用 Google Page Speed 工具找出網頁的缺點,最佳化網頁的載入速度
能追蹤程式碼找出問題點,並使用 ChatGPT 來加快除錯的速度
熟悉使用 Git(rebase / merge / cherry-pick / stash)操作,且使用GitHub / GitLab / Git flow 進行開發,除了會操作 command-line 下指令外,也會使用像 Sourcetree 的圖形化介面作為輔助
使用 Android Studio 進行App開發
傳達營養師團隊服務的 SSR 網站,使用 Vue.js / Nuxt3 實作網頁前端,與 UI / UX 設計師、後端工程師協作,並應用 Tailwind CSS 製作RWD,其中使用到 Intersection Observer API 監測頁面滾動,並在適當的使用者可視畫面時載入更多資訊。
怡靜在赤狐扮演的,是一個重要的角色。赤狐是一個由不同所長的人,聚集在一起完成共同目標的小團隊。怡靜在團隊中擔任了領導和策劃的角色,藉由豐富的專業知識,領導著整個團隊建立前端開發業務的規範、訂定工作流程,為我們的工作方式打造了穩固的基礎。
怡靜不只在專案的開發上擁有堅強的實力,她在團隊合作的能力上,更是我所合作過的所有工程師裡最好的。她的高度效率、敏銳的觀察與分析能力,協助專案經理得以快速辨識問題點、理解淺在風險,並且與她一同尋找解決方案;她的細心和體貼,持續學習向上、樂於分享的精神,促進了團隊中不同領域人才的專業交流,為她所參與的專案賦予了心態開放且積極的風氣,讓成員間建立起了緊密的關係。
怡靜是一個團隊裡,所能擁有最棒的那種成員。她的活力無時無刻的感染著所有人;她照顧整個團隊,她在乎整個團隊的發展,以及所有人的成長與進步;她的風趣、良善和睿智,更是完美體現了講求專業與精確,並兼顧活力和開放的赤狐團隊文化。
2014 - 2018